/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

/***
UPDATE WARNING:
bottom of file includes customizations. Update only Spectrum core part
***/

/*** === START SPECTRUM CORE === ***/
.sp-container {
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	/* https://github.com/bgrins/spectrum/issues/40 */
	z-index: 9999994;
	overflow: hidden;
}
.sp-container.sp-flat {
	position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
	position:relative;
	width: 100%;
	display:inline-block;
}
.sp-top-inner {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
.sp-color {
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:20%;
}
.sp-hue {
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:84%;
	height: 100%;
}

.sp-clear-enabled .sp-hue {
	top:33px;
	height: 77.5%;
}

.sp-fill {
	padding-top: 80%;
}
.sp-sat, .sp-val {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.sp-alpha-enabled .sp-top {
	margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
	display: block;
}
.sp-alpha-handle {
	position:absolute;
	top:-4px;
	bottom: -4px;
	width: 6px;
	left: 50%;
	cursor: pointer;
	border: 1px solid black;
	background: white;
	opacity: .8;
}
.sp-alpha {
	display: none;
	position: absolute;
	bottom: -14px;
	right: 0;
	left: 0;
	height: 8px;
}
.sp-alpha-inner {
	border: solid 1px #333;
}

.sp-clear {
	display: none;
}

.sp-clear.sp-clear-display {
	background-position: center;
}

.sp-clear-enabled .sp-clear {
	display: block;
	position:absolute;
	top:0px;
	right:0;
	bottom:0;
	left:84%;
	height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
	-webkit-user-select:none;
	-moz-user-select: -moz-none;
	-o-user-select:none;
	user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
	display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
	display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
	display: none;
}
.sp-palette-only .sp-picker-container {
	display: none;
}
.sp-palette-disabled .sp-palette-container {
	display: none;
}

.sp-initial-disabled .sp-initial {
	display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
	background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
	background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
	background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
	background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
	background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
	background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
	filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
	background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
	background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
	background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
	background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
	background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
	background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
	filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
	background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
	background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
	background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
	background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
	background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
	height:17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
	height:16%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
	height:17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
	height:17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
	height:16%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
	height:17%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
	display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
	.sp-color { right: 40%; }
	.sp-hue { left: 63%; }
	.sp-fill { padding-top: 60%; }
}
.sp-dragger {
	border-radius: 5px;
	height: 5px;
	width: 5px;
	border: 1px solid #fff;
	background: #000;
	cursor: pointer;
	position:absolute;
	top:0;
	left: 0;
}
.sp-slider {
	position: absolute;
	top:0;
	cursor:pointer;
	height: 3px;
	left: -1px;
	right: -1px;
	border: 1px solid #000;
	background: white;
	opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
	border-radius: 0;
	background-color: #ECECEC;
	border: solid 1px #f0c49B;
	padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
	font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.sp-top {
	margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
	border: solid 1px #666;
}

/* Input */
.sp-input-container {
	float:right;
	width: 100px;
	margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
	width: 100%;
}
.sp-input {
	font-size: 12px !important;
	border: 1px inset;
	padding: 4px 5px;
	margin: 0;
	width: 100%;
	background:transparent;
	border-radius: 3px;
	color: #222;
}
.sp-input:focus  {
	border: 1px solid orange;
}
.sp-input.sp-validation-error {
	border: 1px solid red;
	background: #fdd;
}
.sp-picker-container , .sp-palette-container {
	float:left;
	position: relative;
	padding: 10px;
	padding-bottom: 300px;
	margin-bottom: -290px;
}
.sp-picker-container {
	width: 172px;
	border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
	border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
	border: 0;
}

.sp-palette .sp-thumb-el {
	display: block;
	position:relative;
	float:left;
	width: 24px;
	height: 15px;
	margin: 3px;
	cursor: pointer;
	border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
	border-color: orange;
}
.sp-thumb-el {
	position:relative;
}

/* Initial */
.sp-initial {
	float: left;
	border: solid 1px #333;
}
.sp-initial span {
	width: 30px;
	height: 25px;
	border:none;
	display:block;
	float:left;
	margin:0;
}

.sp-initial .sp-clear-display {
	background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
	float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
	margin:0;
	overflow:hidden;
	cursor:pointer;
	padding: 4px;
	display:inline-block;
	*zoom: 1;
	*display: inline;
	border: solid 1px #91765d;
	background: #eee;
	color: #333;
	vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
	border-color: #F0C49B;
	color: #111;
}
.sp-replacer.sp-disabled {
	cursor:default;
	border-color: silver;
	color: silver;
}
.sp-dd {
	padding: 2px 0;
	height: 16px;
	line-height: 16px;
	float:left;
	font-size:10px;
}
.sp-preview {
	position:relative;
	width:25px;
	height: 20px;
	border: solid 1px #222;
	margin-right: 5px;
	float:left;
	z-index: 0;
}

.sp-palette {
	*width: 220px;
	max-width: 220px;
}
.sp-palette .sp-thumb-el {
	width:16px;
	height: 16px;
	margin:2px 1px;
	border: solid 1px #d0d0d0;
}

.sp-container {
	padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
	background-color: #eeeeee;
	background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
	background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
	background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
	border: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	border-radius: 3px;
	color: #333;
	font-size: 14px;
	line-height: 1;
	padding: 5px 4px;
	text-align: center;
	text-shadow: 0 1px 0 #eee;
	vertical-align: middle;
}
.sp-container button:hover {
	background-color: #dddddd;
	background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
	background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
	background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
	background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
	background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
	border: 1px solid #bbb;
	border-bottom: 1px solid #999;
	cursor: pointer;
	text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
	border: 1px solid #aaa;
	border-bottom: 1px solid #888;
	-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
	-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
	-ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
	-o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
	box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
	font-size: 11px;
	color: #d93f3f !important;
	margin:0;
	padding:2px;
	margin-right: 5px;
	vertical-align: middle;
	text-decoration:none;

}
.sp-cancel:hover {
	color: #d93f3f !important;
	text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
	border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
	position:relative;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
	display:block;
	position:absolute;
	top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
	background-repeat:no-repeat;
	background-position: center;
	background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

/*** === END SPECTRUM CORE === ***/

/* --- inCMS Customizations and overrides --- */
.sp-container.theme-dark {
	--text-color: #fff;
	--color-def: #2d2d2d;
	--color-lighter: #444;
}
.sp-container.theme-light {
	--text-color: #333;
	--color-def: #e0e0e0;
	--color-lighter: #f0f0f0;
}
.sp-picker-container {
	width: 195px;
	border-left: solid 1px #fff;
	border-left-color: var(--text-color);
}
div.jscolorpicker {
	position: relative;
	width: auto !important;
	display: inline-block;
}
div.jscolorpicker > input {
	padding-left: 40px;
}
.jscolorpicker_preview {
	position: absolute;
	width: 30px;
	top: 3px;
	left: 3px;
	bottom: 3px;
	border-radius: 2px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);
}
.sp-container {
	border-radius: 5px;
	border: 1px solid #222;
	border-color: var(--color-def);
	background: #2d2d2d;
	background-color: var(--color-def);
}
.sp-picker-container,
.sp-palette-container {
	float: right;
	border-radius: 5px;
	border: 0;
	padding: 15px;
	padding-bottom: 305px;
	background: #2d2d2d;
	background-color: var(--color-def);
}
.sp-palette-container {
	max-width: 125px;
	border-left: 1px solid #444;
	border-left-color: var(--color-lighter);
	background: #444;
	background-color: var(--color-lighter);
}
.sp-palette-row > i {
	display: block;
	font-style: normal;
	color: #fff;
	font-weight: 100;
	font-size: 10px;
}
.sp-palette-row:not(:empty) ~ .sp-palette-row:before {
	content: '';
	display: block;
	height: 1px;
	background: #444;
	background: var(--color-def);
	margin: 10px 0;
}
.sp-color,
.sp-hue,
.sp-clear,
.sp-alpha-inner {
	border: 0;
}
.sp-sat {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.sp-alpha-enabled .sp-top {
	margin-bottom: 28px;
}
.sp-alpha {
	bottom: -20px;
	height: 14px;
}
.sp-alpha-handle {
	margin-left: -4px;
}
.sp-initial{
	float: none;
	border: 0;
}
.sp-initial span {
	height: 15px;
}
.sp-initial .sp-thumb-el,
.sp-initial .sp-clear-display {
	width: 50%;
}
div.sp-initial .sp-thumb-el > span {
	width: 100%;
}
.sp-clear-enabled .sp-clear {
	display: none;
}
.sp-clear-enabled .sp-hue {
	top: 0;
	height: 100%;
}
.sp-initial .sp-clear-display,
.sp-clear-enabled .sp-clear {
	background : repeating-linear-gradient(-45deg, #fff, #fff 5px, #dadada 5px, #dadada 10px);
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../../incms_core/5.2611.0/incms_scripts/fancybox/css/../gfx/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

.fancybox-wrap-no-bg {
	padding: 0 !important;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
	height: auto !important;
}
#fancybox-content > div {
	max-width: 100%;
}
#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('../../incms_core/5.2611.0/incms_scripts/fancybox/css/../gfx/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../../incms_core/5.2611.0/incms_scripts/fancybox/css/../gfx/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../../incms_core/5.2611.0/incms_scripts/fancybox/css/../gfx/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../../incms_core/5.2611.0/incms_scripts/fancybox/css/../gfx/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../../incms_core/5.2611.0/incms_scripts/fancybox/css/../gfx/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../../incms_core/5.2611.0/incms_scripts/fancybox/css/../gfx/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../../incms_core/5.2611.0/incms_scripts/fancybox/css/../gfx/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../../incms_core/5.2611.0/incms_scripts/fancybox/css/../gfx/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../../incms_core/5.2611.0/incms_scripts/fancybox/css/../gfx/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../../incms_core/5.2611.0/incms_scripts/fancybox/css/../gfx/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../../incms_core/5.2611.0/incms_scripts/fancybox/css/../gfx/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../../incms_core/5.2611.0/incms_scripts/fancybox/css/../gfx/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../../incms_core/5.2611.0/incms_scripts/fancybox/css/../gfx/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../../incms_core/5.2611.0/incms_scripts/fancybox/css/../gfx/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../../incms_core/5.2611.0/incms_scripts/fancybox/css/../gfx/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../../incms_core/5.2611.0/incms_scripts/fancybox/css/../gfx/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/fancy_shadow_nw.png', sizingMethod='scale'); }
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 726 $
 * @lastmodified    $Date: 2012-03-03 12:21:50 +0100 (Sa, 03 Mrz 2012) $
 */


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

blockquote { margin:0 0 1em 0.8em; } /* LTR */
q { quotes: none; }

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

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

/**
* @section Float Handling Module
*/

/* (en) clearfix method for clearing floats */
/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
.ym-clearfix:before,
.ym-clearfix:after{
	content: '';
	clear: both;
	display: table;
}
/* Aligment */
.align-left { text-align: left }
.align-right { text-align: right }
.align-center { text-align: center }


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

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

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

/* (en) make skip links visible when using tab navigation */
/* (de) Skip-Links für Tab-Navigation sichtbar schalten */
.ym-skip:focus,
.ym-skip:active {
	position:static;
	top:0;
	left:0;
}

/* skiplinks:technical setup */
.ym-skiplinks {
	position:absolute;
	top:0px;
	left:-32768px;
	z-index:1000;
	width:100%;
	margin:0;
	padding:0;
	list-style-type:none;
}

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

[data-consent] {
	display: none;
}

[data-no-consent] {
	display: none;
	text-align: center;
	padding: 10px;
}

@media screen, projection {

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

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

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

	.ym-cbox {
		padding: 0 10px
	}

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

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

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

/**
* @section Grid Module
*
*/

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

.ym-gl { float: left; margin: 0; padding-right: 4%; display: inline; }
.ym-gr { float: right; margin: 0 0 0 -4px; display: inline; }

/* 20 / 80 */
.ym-g20 { width:18%; }
.ym-g80 { width:78%; }

/* 10 / 90 */
.ym-g10 { width:8%; }
.ym-g90 { width:88%; }

/* 40 | 60 */
.ym-g40 { width:38%; }
.ym-g60 { width:58%; }

/* 30 / 70 */
.ym-g30 { width:28%; }
.ym-g70 { width:68%; }

/* 30 | 30 | 30 */
.ym-g33 { width:30.666%; }

/* 50 | 50 */
.ym-g50 { width:48%; }

/* 25 | 25 | 25 | 25 */
.ym-g25 { width:22%; }

/* 25 | 75 */
.ym-g75 { width:74%; }

/* 20 | 60 | 20 */
.ym-g56 { width:56%; }


/* Header padding */
.ym-grid div.ym-g1 { display: none !important;}
.ym-grid.linearize-level-2 .ym-g98,
.ym-g98 {
	width: 100%; /* Default value: 96% */
	box-sizing: border-box; /* Padding fix */
}
.ym-g98.ym-gl,
.ym-grid.linearize-level-2 .ym-g98.ym-gl { padding: 1.75% 2%; display: table; }

.ym-gbox { min-height: 1px; }

.ym-equalize { overflow:hidden; }


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

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


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

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

.ym-form div { position:relative; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media print {

	/**
	* @section print adjustments for core modules
	*
	* (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
	* (de) Float Clearing für die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
	*
	* @bugfix
	* @since     3.0
	* @affected  FF2.0, FF3.0, IE7
	* @css-for   all browsers
	* @valid     yes
	*/

	.ym-grid > .ym-gl,
	.ym-grid > .ym-gr {
		overflow:visible;
		display:table;
	}

	/* (en) make .ym-print class visible */
	/* (de) .ym-print-Klasse sichtbar schalten */
	.ym-print {
		position:static;
		left:0;
	}

	/* (en) generic class to hide elements for print */
	/* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
	.ym-noprint {
		display:none !important;
	}
}

/**
* "Yet Another Multicolumn Layout" - YAML CSS Framework
*
* (en) Horizontal list navigation "hlist"
* (de) Horizontale Navigationsliste "hlist"
*
* @copyright       Copyright 2005-2012, Dirk Jesse
* @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
*                  YAML-CDL (http://www.yaml.de/license.html)
* @link            http://www.yaml.de
* @package         yaml
* @version         v4.0.1
* @revision        $Revision: 724 $
* @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
*/
.ym-hlist {
	/* (en) containing floats in IE */
	/* (de) Einfassen der Floats im IE */
	width:100%;
	overflow:hidden;
	/* (en|de) Bugfix:IE - collapsing horizontal margins */
	position:relative;
	line-height:1em;
}

#nav {
	background: #eee;
	width: 100%;
}

.ym-hlist ul {
	margin:0;
	padding: 0.5em 1.5em;
	/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
	display:inline;
	float:left; /* LTR */
	list-style-type: none;
}

.ym-hlist ul li {
	/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
	display:block; /* IE-Edge list dot fix | Default: inline */
	float:left; /* LTR */
	font-size:1.0em;
	line-height:1em;
	margin: 0 .25em 0 0;
	padding:0;
}

.ym-hlist ul li a {
	background:transparent;
	color:#888;
	display:block;
	font-size:1em;
	line-height: 2em;
	padding: 0 0.5em;
	font-weight:normal;
	text-decoration:none;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
	width:auto;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
}

.ym-hlist ul li a:focus,
.ym-hlist ul li a:hover,
.ym-hlist ul li a:active  {
	color: #ddd;
	background:#888;
	text-decoration:none;
	outline: 0 none;
}

.ym-hlist ul li.active {
	background:#888;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
}

.ym-hlist ul li.active a,
.ym-hlist ul li.active a:focus,
.ym-hlist ul li.active a:hover,
.ym-hlist ul li.active a:active {
	background:transparent;
	color:#fff;
	text-decoration:none;
}
.ym-hlist ul li a.active:hover { background: #444; }

/* search form -------------------------------------- */
.ym-searchform {
	float:right;
	display: inline;
	line-height: 2em;
	padding: 0.5em 1.5em;
}

.ym-searchform .ym-searchfield {
	background: #fff;
	line-height: 1em;
	padding: 0.25em;
	width: 12em;
	border: solid 1px #888;
	border: solid 1px rgba(255,255,255,.1);
	outline: none;

	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
}

.ym-searchform .ym-searchbutton {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	line-height: 1.3571em;
	padding: 0.25em;
	border: solid 1px transparent;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);

	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;

	background: #5f5f5f;
}
/* menu module -------------------------------------- */
.menumod .ym-hlist {
	max-width: 100%;
}
.menumod .ym-hlist ul li.last,
.menumod .ym-hlist ul li.last:hover{
	margin-right: 0;
}
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 724 $
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 */

.ym-vlist {
	margin:0;
	list-style-type:none;
	background: transparent;
	border: 0 none;
}

#submenu { margin: 0 0 15px; }

.ym-vlist ul {
	list-style-type:none;
	margin:3px 0;
	padding:0;
	width:100%;
	overflow:hidden;
	border-top:1px #ddd solid;
}
.ym-vlist ul ul {
	margin: 0;
}

.ym-vlist ul ul {
	border: 0 none;
}

.ym-vlist li {
	float:left; /* LTR */
	width:100%;
	margin:0;
	padding:0;
}

.ym-vlist a {
	display:block;
	padding:3px 0px 3px 10%;
	text-decoration:none;
	border-bottom:1px #ddd solid;
	background-color:#efefef;
}

.ym-vlist a,
.ym-vlist a:visited {
	color:#444;
}

/* active list element */
.ym-vlist li a.active,
.ym-vlist li a.active:hover {
	color:#fff;
	background-color:#444;
}

/* Level 1 */
.ym-vlist li a,
.ym-vlist li strong,
.ym-vlist li span { width:90%; padding-left:10%; } /* LTR */

.ym-vlist li a:focus,
.ym-vlist li a:hover,
.ym-vlist li a:active,
.ym-vlist li a.active { background-color:#888; color:#fff; outline: 0 none; }

/* Level 2 */
.ym-vlist li ul li a { width:80%; padding-left:20%; } /* LTR */

.ym-vlist li ul li a,
.ym-vlist li ul li a:visited { background-color:#f8f8f8; color:#333; }
.ym-vlist li ul li a:focus,
.ym-vlist li ul li a:hover,
.ym-vlist li ul li a:active,
.ym-vlist li ul li a.active { background-color:#888; color:#fff; }

/* Level 3 */
.ym-vlist li ul li ul li a { width:70%; padding-left:30%; } /* LTR */

.ym-vlist li ul li ul li a,
.ym-vlist li ul li ul li a:visited{ background-color:#f0f0f0; color:#222; }
.ym-vlist li ul li ul li a:focus,
.ym-vlist li ul li ul li a:hover,
.ym-vlist li ul li ul li a:active,
.ym-vlist li ul li ul li a.active { background-color:#888; color:#fff; }

/* Level 4 */
.ym-vlist li ul li ul li ul li a { width:60%; padding-left:40%; } /* LTR */

.ym-vlist li ul li ul li ul li a,
.ym-vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color:#111; }
.ym-vlist li ul li ul li ul li a:focus,
.ym-vlist li ul li ul li ul li a:hover,
.ym-vlist li ul li ul li ul li a:active,
.ym-vlist li ul li ul li ul li a.active { background-color:#888; color:#fff; }
/**
* "Yet Another Multicolumn Layout" - YAML CSS Framework
*
* (en) Uniform design of standard content elements
* (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
*
* @copyright       Copyright 2005-2012, Dirk Jesse
* @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
*                  YAML-CDL (http://www.yaml.de/license.html)
* @link            http://www.yaml.de
* @package         yaml
* @version         v4.0.1
* @revision        $Revision: 724 $
* @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
* @appdef yaml
*/

/**
* @section global typography settings
*
* vertical rhythm settings (based on em-unit)
* -------------------------------------------
* basefont-size: 14px (87.5%)
* line-height  : 21px (factor: 1.5)
*/

/* (en) reset font size for all elements to standard (16 Pixel) */
/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
html * { font-size:100%; }

/**
* (en) reset monospaced elements to font size 16px in all browsers
* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
*
* @see: http://webkit.org/blog/67/strange-medium/
*/

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

/* (en) base layout gets standard font size 14px */
/* (de) Basis-Layout erhält Standardschriftgröße von 14 Pixeln */
body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:100%; /* base: 16px */
	color:#222;

	/* (en) Prevent auto-scaling of text in mobile webkit browsers */
	/* (de) Automatische Schriftvergrößerung in mobilen Webkit-Browsern vermeiden */
	-webkit-text-size-adjust:100%;
}

/*--- Headings | Überschriften ------------------------------------------------------------------------*/

h1,
h2,
h3 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
	color: #555;
	margin: 0;
	line-height: 1.2em;
}

h1 {
	font-size:260%;
	line-height: 1.2em;
	margin: 0 0 0.2143em;
}

h2 {
	font-size:200%;
	line-height: 1.2em;
	margin: 0 0 0.3em;
}

h3 {
	font-size:150%;
	line-height: 1.5em;
	margin: 0 0 0.42855em;
}


/* --- Lists | Listen  -------------------------------------------------------------------------------- */

ul,
ol,
dl {
	font-size:1em;
	line-height:1.5em;
	/*margin: 1.5em 0 0 1em;*/
	margin: 0 0 1.25em 1em;
}

ul {
	list-style-type:disc;
}

ol {
	list-style-type:decimal;
}

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

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

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

li {
	font-size:1em;
	line-height:1.5em;
	margin-left:0.8em;
}

dt { font-weight:bold; }

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

/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

p {
	font-size:1em;
	line-height:1.5em;
	margin: 0 0 0.75em;
}

blockquote, cite, q {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

blockquote {
	margin:1.5em 0 0 1.5em;
	color:#666;
}

strong, b { font-weight:bold; }

em, i { font-style:italic; }

big {
	font-size:116.667%;
}

small {
	font-size:85.71%;
}

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

pre {
	line-height:1.5em;
	margin: 1.5em 0 0 0;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
pre, code { color:#800; }

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

var, dfn { font-style:italic; }

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

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

sup { top: -0.5em; }
sub { bottom: -0.25em; }

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

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

/*--- Links ----------------------------------------------------------------------------------------- */

a {
	color:#5B74A8;
	background:transparent;
	text-decoration:none;
}

a:active { outline: none; }

/* (en) maximum constrast for tab focus - change with great care */
/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
a:hover,
a:focus {
	background-color: #5B74A8;
	color:#fff;
	text-decoration:none;
}

/* --- images ------------------ */

img,
figure {
	margin: 0;
}

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

* html .flexible {	/* IE6 support */
	width: 98%;		/* 2% space for borders */
	height: auto;
}

.bordered {
	margin-top: 1.5em;
	border: 2px #eee solid;
	border: 2px rgba(255,255,255,1) solid;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
	box-shadow: 0 0 3px rgba(0,0,0,.25);
	max-width: 98%;
	height: auto;
}

.bordered,
.flexible { margin-top: 0px; }


.image { margin-top: 0px; margin-bottom: 1em; }
.image.no-border { margin: 0 !important; }

.image.bordered a,
.image.bordered a:hover { background: #fff !important; color: #fff !important; }

.image.no-border a,
.image.no-border a:hover { background: transparent !important; color: transparent !important; }

/**
* ----------------------------------------------------------------------- #
*
* Generic Content Classes
*
* (en) standard classes for positioning and highlighting
* (de) Standardklassen zur Positionierung und Hervorhebung
*
* @section content-generic-classes
*/
.highlight {
	color:#c30;
}

.dimmed {
	color:#888;
}

.box {
	border-radius: 0.3em;
	border-width: 1px;
	border-style: solid;
	border-color: #888;
	border-color: rgba(0,0,0,.3);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
	color: #444;
	color: rgba(0,0,0,.8);
	margin: 0;
	padding: 1.4286em 1.4286em 1em;
	box-sizing: border-box;
}

.box > *:first-child {
	margin-top: 0;
}

.label {
	font-family: Verdana, Geneva, sans-serif;
	padding: 1px 6px 2px;
	display: inline-block;
	vertical-align:middle;
	letter-spacing: normal;
	white-space:nowrap;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #06C;
	color: #fff;
	font-size: 10px;
	line-height: 12px;
}

.info {
	background:#f4f4f4;
}

.success {
	background:#8c8;
}

.warning {
	background:#cc8;
}

.error {
	background:#c88;
}

.float-left {
	float:left;
	display:inline;
	margin: 1.5em 1em 0 0;
}

.float-right {
	float:right;
	display:inline;
	margin: 1.5em 0 0 1em;
}

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

/**
* ------------------------------------------------------------------------------------------------- #
*
* Tables | Tabellen
*
* (en) Generic classes for table-width and design definition
* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
*
* @section content-tables
*/

table.prettyTable {
	width:100%;
	border-collapse:collapse;
	margin: 1.3571em 0 0 0;
	color:#333;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}

table.prettyTable.narrow {
	margin:  1.4286em 0 0 0;
}

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

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

table.prettyTable caption {
	font-variant:small-caps;
}

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

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

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

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

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

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

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

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

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

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

/* highlight row on mouse over */
.prettyTable tbody tr:hover th,
.prettyTable tbody tr:hover td {
	background:#f8f8f8;
}


/**
 * icon_bulletlists.css
 * @import url("../../incms_core/5.2611.0/incms_web/base/styles/../../../incms_scripts/tiny_mce/themes/advanced/skins/o2k7/icon_bulletlists.css");
 * can't import here since css rewrite, that's why it's added here (duplicated) intentionally
 */

/* Compensate for default indentation of the UL */
ul.ib-item
{
	margin: 0;
}

/* Make space for the new symbol */
ul.ib-item li, li.ib-item
{
	display: block;
	margin: 0;
	padding-left: 2em;
}

/* Position the new symbol outside the LI element */
ul.ib-item li:before, li.ib-item:before
{
	margin-left: -1.5em;
	float: left;
}


/* Set symbol icons and colors */
.ib-check-square li:before ,
.ib-item li.ib-check-square:before {
	color: #008000;
	font-family: "FontAwesome";
	content: "\f046";
}
.ib-minus-square li:before ,
.ib-item li.ib-minus-square:before {
	color: red;
	font-family: "FontAwesome";
	content: "\f146";
}
.ib-plus-square li:before ,
.ib-item li.ib-plus-square:before {
	color: #008000;
	font-family: "FontAwesome";
	content: "\f0fe";
}
.ib-dot-circle li:before ,
.ib-item li.ib-dot-circle:before {
	color: orangered;
	font-family: "FontAwesome";
	content: "\f192";
}
.ib-circle-o li:before ,
.ib-item li.ib-circle-o:before {
	color: #808080;
	font-family: "FontAwesome";
	content: "\f10c";
}

.ib-check li:before,
.ib-item li.ib-check:before {
	color: #82b440;
	font-family: "FontAwesome";
	content: "\f00c";
}
.ib-cross li:before,
.ib-item li.ib-cross:before {
	color: red;
	font-family: "FontAwesome";
	content: "\f00d";
}
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - PAGE-layout type layout
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 733 $
 * @lastmodified    $Date: 2012-03-04 19:15:48 +0100 (So, 04 Mrz 2012) $
 */

@media screen {

	/* force vertical scrollbar */
	body {
		/*overflow-y: scroll;*/
		background: #f1f1f1;
	}

	/* Layout Module Configuration & fallback for unsupported media queries */
	.ym-wrapper {
		min-width: 760px;
		max-width: 1100px;
		margin: 10px auto;
	}

	.ym-wbox { padding: 0; border: 1px solid #ddd; }

	.header.stickyheader {
		position: fixed;
		z-index: 99;
		top: 0;
	}
	/* Basic Element Styling */
	.header {
		color: #222;
		padding: 0;
		clear: both;
		float: left;
		width: 100%;
	}
	/*header p,
	header h1,
	header h2,
	header h3,
	header ul,
	header table { padding-left: 20px; padding-right: 20px; }*/

	header .image.no-border img { width: 100%; margin: 0 !important; }
	header .image.border { text-align: center; padding: 5px 0; }
	header .image a { display: block; }

	#nav {
		clear: both;
	}

	#nav:after,
	#nav .ym-hlist:after{
		content: '';
		clear: both;
		display: table;
	}

	#main {
		padding: 20px 10px 1.5em;
	}

	.footer {
		margin: 0;
		background: #f7f7f7;
		color: #222;
		padding: 1.5em 1.5em 0.75em;
	}

	/*.footerbottom_content {
		padding:0 0 20px 0;
		margin:0 0 20px 0;
		border-bottom:#eee 2px solid;
	}
	.footerbottom_content:empty{
		padding:0;
		margin:0;
		border:none;
	}*/

	.footer .clear { clear: both; }

	#incmsicon { max-width: 20%; float: right; }
	#incmsicon a {
		background: transparent no-repeat left top;
		display: block;
		float: right;
		height: 20px;
		width: 51px;
		text-indent: -5000px;
		margin: 3px 0 0;
	}

	#incmsicon a:hover {
		background-position: left -20px;
	}

	.ym-wrapper.footerbottom { background: transparent; border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
	.ym-wrapper.footerbottom .footerbottom_content { padding: 0.5em 1.5em 1em; }

}


/**
* @section Column Module
*
* default (1col)
* |-------------------------------|
* |           col1                |
* |           100%                |
* |-------------------------------|
*/

.ym-column {
	display:block;
	overflow:hidden;
	width:auto;
}

.ym-col1,
.ym-col2,
.ym-col3 { min-height: 1px; }

.ym-col1 { width: 100%; }

.ym-col2 .ym-cbox,
.ym-col3 .ym-cbox { padding: 0 10px !important; }

/**
* @section Column Module
*
* 2col left
* |-------------------------------|
* | col3    | col1                |
* | 25%     | 75%                 |
* |-------------------------------|
*/

.twocols .ym-col1 { /* content */
	float:right;
	width: 75%;
}

.twocols .ym-col3 { /* sidebar */
	position:relative;
	float:right;
	width: 25%;
	margin-right:0;
	margin-left:-25%;
}


/**
* @section Column Module
*
* 2col right
* |-------------------------------|
* |       col1       | col3       |
* |       75%        | 25%        |
* |-------------------------------|
*/

.twocols.right .ym-col1 { /* content */
	float:left;
}

.twocols.right .ym-col3 { /* sidebar */
	float:left;
	width: 25%;
	margin-left: 0;
}


/**
* @section Column Module
*
* 3col
* |-------------------------------|
* | col2    | col1      | col3    |
* | 25%     | 50%       | 25%     |
* |-------------------------------|
*/
.threecols .ym-col1 { width: 50%; float:left; margin-left: 25%; margin-right: 0; } /* center column */
.threecols .ym-col2 { width: 25%; float:left;  margin-left: -75%; } /* left column */
.threecols .ym-col3 {  float:right; width: 25%; margin-left: -5px; margin-right: 0%; } /* right column */
.threecols .ym-column { width: 100%; padding-right: 0; }

/* skip links styling */
.ym-skiplinks a.ym-skip:focus,
.ym-skiplinks a.ym-skip:active {
	color:#fff;
	background:#333;
	border-bottom:1px #000 solid;
	padding:10px 0;
	text-align: center;
	text-decoration:none;
}

.background-image { display: none; }
/* global/specific banners & footers*/
.global_banner_global_footer .specific_banner_wrap,
.global_banner_global_footer .footer_specific_content,
.global_banner_global_footer .footerbottom_specific_content,
.global_banner_specific_footer .specific_banner_wrap,
.global_banner_specific_footer .footer_content,
.global_banner_specific_footer .footerbottom_content,
.specific_banner_global_footer .global_banner_wrap,
.specific_banner_global_footer .footer_specific_content,
.specific_banner_global_footer .footerbottom_specific_content,
.specific_banner_specific_footer .global_banner_wrap,
.specific_banner_specific_footer .footer_content,
.specific_banner_specific_footer .footerbottom_content{
	display: none;
}

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

	body { max-width: 100%; overflow-x: hidden; }
	.wide .ym-wrapper { margin: 0 auto; }

	/* RESET SHADOW + ROUND CORNERS - they don't look nice when the browser's too small */
	/* shadow */
	.wide .ym-wrapper {
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
	/* round corners */
	.wide .ym-wbox,
	.wide .ym-wrapper,
	.wide .footer,
	.wide .header,
	.wide .header_wrap,
	.wide .header .no-border,
	.wide .header .no-border a,
	.wide .header .slideshow img { border-radius: 0 !important; }
	.wide .header { min-height: 0; }
}

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

	.narrow .ym-wbox { border: 0; }
	.narrow .ym-wrapper { margin: 0 auto; }
	.narrow .ym-wrapper {
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
	/* round corners */
	.narrow .ym-wbox,
	.narrow .ym-wrapper,
	.narrow .footer,
	.narrow .header,
	.narrow .header_wrap,
	.narrow .header .no-border,
	.narrow .header .no-border a,
	.narrow .header .slideshow img { border-radius: 0 !important; }
	.narrow .header { min-height: 0; }
}

/* reset fallback values in modern browsers */
@media screen and ( min-width: 0px ) {
	.ym-wrapper {
		min-width: 0px;
	}
}

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

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
	.wide .linearize-level-1,
	.wide .linearize-level-1 > [class*="ym-g"],
	.wide .linearize-level-1 > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0 !important;
		width: 100% !important;
	}

	.wide .header .ym-gbox,
	.wide .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
	.wide .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
		padding: 0 !important;
		margin: 0;
	}

	.wide nav .ym-hlist ul {
		padding-right: 10px;
	}

	.wide .ym-searchform {
		display:block;
		float: none;
		width: auto;
		padding-right: 10px;
		text-align: right;
	}

	.wide .ym-searchform input[type="search"] {
		width: 14%;
	}

	.wide img.bordered { max-width: 98%; }

	.wide .footer { margin-top: 0; }
}

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

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
	.narrow .linearize-level-1,
	.narrow .linearize-level-1 > [class*="ym-g"],
	.narrow .linearize-level-1 > [class*="ym-col"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0 !important;
		width: 100% !important;
	}

	.narrow .header .ym-gbox,
	.narrow .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
	.narrow .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
		padding: 0 !important;
		margin: 0;
	}

	.narrow nav .ym-hlist ul {
		padding-right: 10px;
	}

	.narrow .ym-searchform {
		display:block;
		float: none;
		width: auto;
		padding-right: 10px;
		text-align: right;
	}

	.narrow .ym-searchform input[type="search"] {
		width: 14%;
	}

	.narrow img.bordered { max-width: 98%; }

	.narrow .footer { margin-top: 0; }
}
/* SmartBox */
body{overflow-x: hidden;}
.smart-box{
	width: 100%;
	position: relative;
}

.onecol .smart-box.fullwidth,
.header_wrap .smart-box.fullwidth,
.footerbottom .smart-box.fullwidth{
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}
.view-normal .footerbottom .smart-box {
	margin-top: -0.5em;
	margin-bottom: -1em;
}

.fullwidth{
	border-radius: 0 !important;
}
.transparent-bg {
	background: transparent !important;
}
.onecol .smart-box.fullwidth > .smart-box-container,
.header_wrap .smart-box.fullwidth .smart-box-container,
.footerbottom .smart-box.fullwidth .smart-box-container{
	max-width: 1078px;
}
.narrow.onecol .smart-box.fullwidth > .smart-box-container {
	max-width: 707px;
}
/* edit mode fix */
.view-edit.onecol #main .smart-box.fullwidth > .smart-box-container,
.view-edit .footerbottom .smart-box.fullwidth > .smart-box-container {
    max-width: 1034px;
}
.view-edit.narrow .header .smart-box.fullwidth .smart-box-container{
	max-width: 703px;
}

.narrow.onecol.view-edit #main .smart-box.fullwidth > .smart-box-container,
.narrow.onecol.view-edit .footer .smart-box.fullwidth > .smart-box-container,
.narrow.onecol.view-edit .footerbottom .smart-box.fullwidth > .smart-box-container{
	max-width: 663px;
}
.view-edit .smart-box .smart-box.fullwidth {
    width: 100%;
    margin: 0 auto;
}

.smart-box-container{
	margin: 0 auto;
	box-sizing: border-box;
}

.ym-column.linearize-level-1{overflow:visible;}

.onecol #main .ym-col1 {
	float: none;
}
/* FIX */
.linearize-level-2 .smart-box.fullwidth,
.flexi-accordion .smart-box.fullwidth,
.flexi-accordionitem .smart-box.fullwidth,
.flexi-content-frame-content-frame .smart-box.fullwidth{
	width: 100% !important;
	margin-left: 0 !important;
}
.footer_wrap:before,.footer_wrap:after,.ym-column:before,.ym-column:after,.ym-cbox:before,.ym-cbox:after {
	content: "";
	clear: both;
	display: table;
}
/* iOS Fixed-Background Fix */
@supports (-webkit-overflow-scrolling: touch) {
	.smart-main {background-attachment:scroll !important;}
}

/* --- Tabpanel for Multipane modules --- */
.multipane_tabs .x-panel-bwrap > .x-panel-body,
.multipane_tabs .x-plain-bwrap > .x-plain-body,
.multipane_tabs .x-plain-bwrap > .x-plain-body .x-column-inner {
	width: 100% !important;
	height: auto !important;
}
.multipane_tabs .x-panel-bwrap > .x-panel-body > .x-column-inner,
.multipane_tabs .x-panel-bwrap > .x-panel-body > .x-column-inner .x-column {
	width: 100% !important;
}
.multipane_tabs span.x-tab-strip-inner {
	width: auto !important;
}

/* Firefox fix for CSS :has() selector included in CopyCockpit Chatbot SmartBox */
/* Remove it when you are sure that :has() selector is enabled for Firefox in https://caniuse.com/?search=%3Ahas() */
.has-incms-chatbot,
.has-incms-chatbot .view-normal .ym-wrapper,
.has-incms-chatbot .view-normal .ym-wbox{
	height: 100%;
}
.has-incms-chatbot .view-normal{
	height: 100%;
	touch-action: pan-x pan-y;
}
.has-incms-chatbot .view-normal .ym-wbox{
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}
.has-incms-chatbot .view-normal #main{
	flex: 1;
	padding-left: 0;
	padding-right: 0;
}
.has-incms-chatbot .view-normal #main *{
	height: 100%;
}

/****************************************************************************************************************************************/
/* mod_youtube  && mod_vimeo*/

.embed-container {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	height: 0;
	overflow: hidden;
	display: table;
	width: 100%;
	background: grey; /* fix for nonstandard Vimeo video size  */
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/****************************************************************************************************************************************/
/* mod_mediaplayer */
#mediaplayer { margin: 0 0 20px 0; }

/****************************************************************************************************************************************/
/* mod_sitemap */

ul.sitemap { margin: 20px 0 0; list-style-type: none; text-align: left; }
ul.sitemap li { margin: 0; list-style-type: none; }

ul.sitemap li a { background: url(../../incms_core/5.2611.0/incms_web/base/styles/images/sitemap_single.png) no-repeat top left; padding: 0 0 0.5em 20px;  color: #444; display: block; text-decoration: none; font-weight: normal; font-style: normal; }
ul.sitemap li.sub a { background-image: url(../../incms_core/5.2611.0/incms_web/base/styles/images/sitemap_multiple.png); }

ul.sitemap li a:hover { opacity: 0.75; filter: alpha(opacity=75); color: #444; text-decoration: none; font-weight: normal; }

ul.sitemap ul { margin: 0 0 0 1.5em; }

ul.sitemap li, ul.sitemap .sub ul{font-size: 100%}

/* Breadcrumb Schema fix: masking the last as like no-link */
.breadcrumb > span:last-child a {
	color: inherit !important;
	pointer-events: none;
}

.breadcrumb > span:last-child {
	cursor: text;
}

/****************************************************************************************************************************************/
/* Iframe promo (Widgets) */

iframe.promo {
	resize: none;
	border: 0;
	width: 100%;
	height: 320px;
}

/****************************************************************************************************************************************/
/* mod_eshoplight */
form.yform label { display: block; margin: 0 0 5px; }
form.yform .type-text input, form.yform .type-text textarea {
	width: 97%;
}

.eshoplight_art_container {
	width: 100%;
	margin: 10px 0 20px;
}
.eshoplight_art_container div { float: left; }

.eshoplight_art_container a,
.eshoplight_art_container input[type=image] { float: left; margin: 0 0 0 5px; }

.eshoplight_art_container .artname { display: block; font-weight: bold; margin: 0 0 8px; }

.type-text { margin: 0 0 10px; }

input.basket_quantity,
input.art_quantity { border: 1px solid #888; text-align: center; max-width: 30px; }

.eshoplight_basket_container tr { line-height: 2em; }

.eshoplight_basket_container th,
.eshoplight_basket_container td { padding: 0 10px 0 0; }

.yform #order_captcha { margin: 10px 0 5px; }

.eshoplight_basket_container { margin-bottom: 25px; }

.comment_error { color: #f00; font-style: italic; padding-top: 15px; clear: both; }

.yform fieldset tbody.x-btn-small:hover { border-color: #000; }


.clickme {
	background: #fce30d;
	border: 1px solid #fdac27;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	float: left;
}
.clickme .clickmebutton {
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	border: 0;
	background: 0;
	padding: 4px 10px 6px;
	color: #000269;
	border-top: 1px solid #fbf584;
}
.clickme .clickmebutton:hover,
.clickme .clickmebutton:active,
.clickme .clickmebutton:focus {
	cursor: pointer;
	background: #fdeb52;
	border-top: 1px solid #fcf8a8;
}

.eshoplight_art_container .gotocart,
.eshoplight_art_container .gotocart:hover {
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	width: 20px;
	height: 15px;
	margin: 8px 0 0 10px;
	padding: 0 0 0 25px;
	color: #444;
	font-size: 85%;
}

#nav-trigger {
	display: none;
	padding: 15px 0;
	position: relative;
	text-transform: uppercase;
	text-align: center;
	outline: 0;
}

#nav-trigger span {
	display: flex;
	justify-content: center;
}

/****************************************************************************************************************************************/
/* mod_langnav */

#menulangbottom { display: none; }
#menulangtop ul {
	float: right;
	padding: 0 24px 0 0;
}

#menulangtop li.flag_text a {
	background-repeat: no-repeat;
	background-position: 12px center;
	padding-left: 33px;
	background-size: 16px;
}

#menulangtop li.flag a {
	background-repeat: no-repeat;
	background-position: center;
	padding-left: 1.2em;
	padding-right: 1.2em;
	background-size: 16px;
}
#menulangtop li.flag a:before {
	content: " ";
	display: inline-block;
}
.menumod #menulangtop ul {
	padding-right: 0;
}

/****************************************************************************************************************************************/
/* Social Buttons */

ul.incms-social-buttons {
	margin: 0;
	list-style: none;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
ul.incms-social-buttons li {
	margin: 0;
	font-size: 100%;
}
ul.incms-social-buttons a {
	text-decoration: none;
	display: table;
}
ul.incms-social-buttons span,
ul.incms-social-buttons i{
	display: table-cell;
	vertical-align: middle;
}
ul.incms-social-buttons i {
	text-align: center;
}

/* Size medium */
ul.incms-social-buttons.size-medium li {
	line-height: 24px;
}
ul.incms-social-buttons.size-medium a {
	height: 26px;
}
ul.incms-social-buttons.size-medium i {
	font-size: 16px;
	width: 30px;
}
ul.incms-social-buttons.size-medium span {
	padding: 0 9px 0 0;
	font-size: 14px;
}
/* Size Small */
ul.incms-social-buttons.size-small li {
	line-height: 22px;
}
ul.incms-social-buttons.size-small a {
	height: 22px;
}
ul.incms-social-buttons.size-small i {
	font-size: 14px;
	width: 24px;
}
ul.incms-social-buttons.size-small span {
	padding: 0 7px 0 0;
	font-size: 12px;
}
/* Size tall */
ul.incms-social-buttons.size-tall li {
	line-height: 28px;
}
ul.incms-social-buttons.size-tall a {
	height: 32px;
}
ul.incms-social-buttons.size-tall i {
	font-size: 20px;
	width: 36px;
}
ul.incms-social-buttons.size-tall span {
	padding: 0 12px 0 0;
	font-size: 16px;
	font-weight: bold;
}

/* Orientation Horizontal */
ul.incms-social-buttons.orientation-horizontal li {
	float: left;
	margin-right: 5px;
}
ul.incms-social-buttons.size-small.orientation-horizontal li {
	margin-right: 3px;
}

/* Orientation Vertical */
ul.incms-social-buttons.orientation-vertical a{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
ul.incms-social-buttons.orientation-vertical li + li {
	margin-top: 5px;
}
ul.incms-social-buttons.size-small.orientation-vertical li + li {
	margin-top: 3px;
}

/* Facebook */
li.incms-social-facebook a {
	background-color: #3B5998;
}
li.incms-social-facebook a,
li.incms-social-facebook a:hover {
	color: #fff;
	text-decoration: none;
}
li.incms-social-facebook a:hover {
	background-color: #4c72c1;
}
/* Google Plus */
li.incms-social-google a {
	background-color: #d34836;
}
li.incms-social-google a,
li.incms-social-google a:hover {
	color: #fff;
	text-decoration: none;
}
li.incms-social-google a:hover {
	background-color: #e6503c;
}
li.incms-social-google i {
	/*padding-left: 4px;*/
	/*padding-right: 4px;*/
}

/* Twitter */
li.incms-social-twitter a {
	background-color: #55acee;
}
li.incms-social-twitter a,
li.incms-social-twitter a:hover {
	color: #fff;
	text-decoration: none;
}
li.incms-social-twitter a:hover {
	background-color: #5ebaff;
}

/****************************************************************************************************************************************/
/* Cookie notice */
.incms-dpbanner {
	--incms-dpbanner-version: 10;
	--dp-primary: var(--incms-primary, #2563eb);
	--dp-primary-text: var(--incms-primary-text, #fff);
	--dp-radius-panel: var(--incms-radius-lg, 16px);
	--dp-radius-control: var(--incms-radius-md, 12px);
	position: fixed;
	z-index: 9999;
	box-sizing: border-box;
	top: 0;
	left: 0;
	right: 0;
	color: #fff;
	margin: 0 auto;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	font-family: inherit;
}
.incms-dpbanner .fa {
	font-family: FontAwesome, serif;
}
.incms-dpbanner p a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}
body.show-dpbanner {
	overflow: hidden;
}
.show-dpbanner .incms-dpbanner:before {
	content: '';
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999;
	overflow: hidden;
}
.incms-dpbanner[data-mask]:before {
	background-color: rgba(17, 24, 39, 0.46);
	backdrop-filter: blur(2px);
}
.incms-dpbanner-wrapper {
	max-width: 760px;
	margin: 0 auto;
	min-height: 100%;
	display: flex;
	overflow: hidden;
	box-sizing: border-box;
	padding: 24px 16px;
}
.incms-dpbanner .incms-dpbanner-inner {
	font-size: 16px;
	opacity: 0;
	transform: translateY(-24px);
	transition: opacity 0.24s ease, transform 0.24s ease;
	padding: 24px;
	border-radius: var(--dp-radius-panel);
	position: relative;
	z-index: 99999;
	width: 100%;
	height: auto;
	background-color: #20242c;
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 34px 90px rgba(0, 0, 0, 0.36);
	pointer-events: auto;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.5;
}
.incms-dpbanner[data-position=bottom] .incms-dpbanner-inner {
	transform: translateY(24px);
}
.show-dpbanner .incms-dpbanner .incms-dpbanner-inner {
	opacity: 1;
	transform: translateY(0);
}
.incms-dpbanner[data-fullwidth] .incms-dpbanner-wrapper {
	max-width: none;
}
.incms-dpbanner[data-fullwidth] .incms-dpbanner-inner {
	border-radius: 0;
	border-left: 0;
	border-right: 0;
}
.incms-dpbanner[data-position=center] .incms-dpbanner-wrapper {
	align-items: center;
}
.incms-dpbanner[data-position=top] .incms-dpbanner-wrapper {
	align-items: flex-start;
}
.incms-dpbanner[data-position=bottom] .incms-dpbanner-wrapper {
	align-items: flex-end;
}
.incms-dpbanner[data-pagemargin="50"] .incms-dpbanner-wrapper {
	padding-top: 50px;
	padding-bottom: 50px;
}
.incms-dpbanner[data-pagemargin="100"] .incms-dpbanner-wrapper {
	padding-top: 100px;
	padding-bottom: 100px;
}
.incms-dpbanner[data-theme=light] .incms-dpbanner-inner {
	color: #1f2937;
	background-color: #fff;
	border-color: rgba(15, 23, 42, 0.1);
	box-shadow: 0 34px 90px rgba(15, 23, 42, 0.22);
}
.incms-dpbanner-consents {
	max-height: 0;
	overflow: auto;
	transition: max-height 0.24s ease-in-out, margin-top 0.24s ease-in-out;
	font-size: 100%;
	margin-top: 0;
	border-radius: var(--dp-radius-control);
}
.more .incms-dpbanner-consents {
	max-height: 400px;
	margin-top: 16px;
}
.incms-dpbanner-consents .dp_consent_item {
	display: block;
	padding: 14px 16px;
	margin: 14px 0 0;
	font-weight: normal;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: var(--dp-radius-control);
	transition: background-color 0.18s ease, border-color 0.18s ease;
}
[data-theme=light] .incms-dpbanner-consents .dp_consent_item {
	background: #f8fafc;
	border-color: #e5e7eb;
}
.incms-dpbanner-consents .dp_consent_item.showdesc {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.14);
}
[data-theme=light] .incms-dpbanner-consents .dp_consent_item.showdesc {
	background: #fff;
	border-color: #dbe3ee;
}
.incms-dpbanner[data-theme=dark] .dp-title,
.incms-dpbanner[data-theme=dark] p,
.incms-dpbanner[data-theme=dark] button.dp_learnmore {
	color: #fff;
}
.incms-dpbanner[data-theme=dark] button.dp_learnmore,
.incms-dpbanner[data-theme=dark] button.dp_reject,
.incms-dpbanner[data-theme=dark] .dp_accept_selected {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.28);
	color: #fff;
}
.incms-dpbanner-consents .dp_consent_head {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr) 20px;
	column-gap: 12px;
	align-items: center;
	width: 100%;
	cursor: pointer;
	line-height: 1.4;
}
.incms-dpbanner-consents .dp_consent_item label {
	display: block;
	position: relative;
	width: 46px;
	height: 26px;
	margin: 0;
}
.incms-dpbanner-consents .dp_consent_item input {
	position: absolute;
	inset: 0;
	width: 46px;
	height: 26px;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}
.incms-dpbanner-consents .checkbox {
	position: relative;
	display: block;
	width: 46px;
	height: 26px;
	float: none;
	cursor: pointer;
	line-height: 26px;
	margin-top: 0;
}
.incms-dpbanner-consents .checkbox:before {
	content: '';
	display: block;
	width: 46px;
	height: 26px;
	line-height: 26px;
	margin-right: 0;
	background: var(--dp-primary);
	border: 1px solid var(--dp-primary);
	transition: background-color 0.2s ease, border-color 0.2s ease;
	border-radius: 999px;
	box-sizing: border-box;
}
.incms-dpbanner-consents .checkbox:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	width: 18px;
	height: 18px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 1px 4px rgba(15, 23, 42, 0.28);
	transition: transform 0.2s ease, background-color 0.2s ease;
}
[data-theme=light] .incms-dpbanner-consents .checkbox:before {
	background: var(--dp-primary);
	border-color: var(--dp-primary);
}
.incms-dpbanner-consents .dp_consent_item input:checked + span:after {
	transform: translateX(20px);
}
.incms-dpbanner-consents .dp_consent_item input:not(:checked) + span:before {
	content: '';
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.42);
}
[data-theme=light] .incms-dpbanner-consents .dp_consent_item input:not(:checked) + span:before {
	background: #fff;
	border-color: #cbd5e1;
}
.incms-dpbanner-consents .dp_consent_item input[disabled] + span:before {
	background: rgba(148, 163, 184, 0.34);
	border-color: rgba(148, 163, 184, 0.34);
}
.incms-dpbanner-consents .dp_consent_item input[disabled] + span {
	opacity: 0.92;
	cursor: not-allowed;
	pointer-events: none;
}
.incms-dpbanner-consents .dp_consent_item input:focus + span:before {
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--dp-primary) 24%, transparent);
}
.dp_consent_title {
	display: block;
	min-width: 0;
	line-height: 1.4;
	font-weight: 700;
	overflow-wrap: anywhere;
}
.dp_consent_showdesc {
	justify-self: end;
	margin: 0;
	padding-left: 0;
	font-weight: 100;
	position: relative;
	top: -1px;
}
.showdesc .dp_consent_showdesc:before {
	content: "\f077";
}
.incms-dpbanner-consents .desc {
	display: block;
	padding: 12px 0 0 58px;
	margin: 0;
	color: rgba(255, 255, 255, 0.82);
	font-weight: 400;
	line-height: 1.55;
}
.incms-dpbanner[data-theme=dark] .incms-dpbanner-consents .desc {
	color: rgba(255, 255, 255, 0.82);
}
[data-theme=light] .incms-dpbanner-consents .desc {
	color: #475569;
}
.incms-dpbanner button,
button.showdataprotection {
	padding: 10px 16px;
	font-weight: 700;
	border: 1px solid rgba(255, 255, 255, 0.18);
	background: rgba(255, 255, 255, 0.08);
	border-radius: var(--dp-radius-control);
	margin: 16px 8px 0 0;
	text-align: center;
	min-width: 120px;
	cursor: pointer;
	outline: none;
	transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
	font-size: inherit;
	line-height: 1.2;
	color: inherit;
}
.incms-dpbanner button.dp_learnmore,
.incms-dpbanner button.dp_reject {
	position: relative;
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.28);
	color: #fff;
}
button.dp_learnmore > span:last-child,
.more button.dp_learnmore > span:last-child {
	display: block;
}
.more button.dp_learnmore > span:first-child,
button.dp_learnmore > span:last-child {
	display: none;
}
.incms-dpbanner .dp_accept {
	background: var(--dp-primary);
	border-color: var(--dp-primary);
	color: var(--dp-primary-text);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
	box-shadow: 0 12px 28px color-mix(in srgb, var(--dp-primary) 30%, transparent);
}
.incms-dpbanner .dp_accept_selected {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.28);
	color: #fff;
}
.incms-dpbanner[data-theme=light] .dp_accept {
	color: var(--dp-primary-text);
}
.incms-dpbanner[data-theme=light] button {
	border-color: #d1d5db;
	background: #fff;
	color: #1f2937;
}
.incms-dpbanner[data-theme=light] button.dp_learnmore,
.incms-dpbanner[data-theme=light] button.dp_reject {
	background: rgba(15, 23, 42, 0.035);
	border-color: #d1d5db;
	color: var(--dp-primary);
}
.incms-dpbanner[data-theme=light] .dp_accept_selected {
	background: rgba(15, 23, 42, 0.035);
	border-color: #d1d5db;
	color: var(--dp-primary);
}
.incms-dpbanner[data-theme=light] .dp_accept {
	background: var(--dp-primary);
	border-color: var(--dp-primary);
}
.incms-dpbanner[data-buttoncolors=neutral] .dp_accept,
.incms-dpbanner[data-buttoncolors=neutral] button.showdataprotection,
.incms-dpbanner[data-buttoncolors=neutral] button.dp_learnmore,
.incms-dpbanner[data-buttoncolors=neutral] button.dp_reject,
.incms-dpbanner[data-buttoncolors=neutral] .dp_accept_selected {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.28);
	color: #fff;
	box-shadow: none;
}
.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] .dp_accept,
.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.showdataprotection,
.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.dp_learnmore,
.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.dp_reject,
.incms-dpbanner[data-theme=light][data-buttoncolors=neutral] .dp_accept_selected {
	background: rgba(15, 23, 42, 0.035);
	border-color: #d1d5db;
	color: #1f2937;
	box-shadow: none;
}
button.showdataprotection{
	background: var(--dp-primary);
	border-color: var(--dp-primary);
	color: var(--dp-primary-text);
}
.incms-dpbanner button:hover,
.incms-dpbanner button:active {
	opacity: 1;
	transform: translateY(-1px);
	box-shadow: 0 10px 22px rgba(15, 23, 42, 0.18);
}
.embed-container > [data-no-consent] {
	width: 100%;
}
.embed-container > [data-no-consent],
.embed-container > [data-no-consent] > div:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	box-sizing: border-box;
}
.embed-container > [data-no-consent] > div {
	display: inline-block;
	max-width: 88%;
	padding: 18px;
	border-radius: var(--dp-radius-panel);
	background: rgba(15, 23, 42, 0.82);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}
.embed-container > [data-no-consent] > div:before {
	content: "\f023";
	font-family: FontAwesome;
	display: block;
	position: static;
	top: auto;
	left: auto;
	transform: none;
	margin-bottom: 8px;
	font-size: 28px;
	color: rgba(255, 255, 255, 0.62);
	z-index: auto;
}
.embed-container [data-no-consent] p {
	color: #fff;
	margin: 0;
}
.incms-dpbanner .dp-title {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 10px;
}
.incms-dpbanner p,
.incms-dpbanner-consents .desc{
	font-size: 100%;
	text-align: left;
}

/* Compact */
.compact .incms-dpbanner-wrapper {
	max-width: 540px;
}
.incms-dpbanner.compact .incms-dpbanner-inner{
	text-align: center;
	padding: 20px;
}
.incms-dpbanner.compact .dp-title {
	text-align: center;
}
.compact .incms-dpbanner-inner{
	font-size: 16px;
}
.incms-dpbanner-consents .desc{
	padding-top: 5px;
}
.incms-dpbanner.compact button {
	padding: 9px 14px;
}
.compact .dp_consent_title{
	line-height: 1.3;
}
.compact .incms-dpbanner-consents .dp_consent_item {
	text-align: left;
	padding: 12px 14px;
	margin-top: 12px;
}
.incms-dpbanner.compact .fa {
	font-size: 11px;
}
.compact .dp_consent_showdesc {
	margin: 0;
}
@media (max-width: 600px) {
	.incms-dpbanner-wrapper {
		padding: 12px;
	}
	.incms-dpbanner[data-position=center] .incms-dpbanner-wrapper,
	.incms-dpbanner[data-position=top] .incms-dpbanner-wrapper,
	.incms-dpbanner[data-position=bottom] .incms-dpbanner-wrapper {
		align-items: flex-end;
	}
	.incms-dpbanner .incms-dpbanner-inner {
		padding: 18px;
		border-radius: var(--dp-radius-panel);
	}
	.incms-dpbanner .dp-title {
		font-size: 20px;
	}
	.incms-dpbanner button,
	button.showdataprotection {
		width: 100%;
		margin-right: 0;
	}
}
/****************************************************************************************************************************************/

.incms-form-container {
	clear: both;
	position: relative;
}
.incms-form-container .ajax-progress{
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000;
	display: none;
}
.incms-form .hidden{
	display: none !important;
}
.incms-form .incms-form-text.captcha {
	max-width: 192px !important;
}
.incms-form {
	margin: 0;
	display: block;
	float: none;
	clear: none;
	text-align: left;
}
.incms-form .incms-form-item-label > span {
	font-weight: inherit;
	padding: 3px 3px 3px 1px;
	display: inline-block;
}
.incms-form textarea {
	overflow: auto;
}
.incms-form div,
.incms-form div:focus,
.incms-form button{
	-webkit-appearance: none !important;
	outline: none;
}
.incms-form button {
	cursor: pointer
}
.incms-form .incms-form-item {
	padding-bottom: 10px;
}
.incms-form input,
.incms-form select,
.incms-form textarea,
.incms-form textarea.incms-form-textarea,
.incms-form input:focus,
.incms-form textarea:focus,
.incms-form textarea.incms-form-textarea:focus {
}
.incms-form .incms-form-field {
	border: 1px solid #d0d0d0;
	margin: 0 0 5px;
	padding: 6px;
	border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-webkit-box-shadow: inset #e0e0e0 0 0 20px;
	-moz-box-shadow: inset #e0e0e0 0 0 20px;
	box-shadow: inset #e0e0e0 0 0 20px;
	background: #fdfdfd;
	-webkit-appearance: none;
	-moz-appearance: none;
	box-sizing: border-box;
	display: block;
	width: 100%;
	outline: none;
	line-height: 18px !important;
}
.incms-form .error .incms-form-field {
	background-color: #ffeeee !important;
	border-color: #ff7870 !important;
}
.incms-form .terms-field.has-error {
	background-color: transparent;
	border: none;
	color: #ff7870;
}
.incms-form .select-wrapper {
	position: relative;
}
.incms-form .select-wrapper:before {
	content: '';
	position: absolute;
	right: 10px;
	top: calc(50% - 4px);
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #636363;
	z-index: 1;
	pointer-events: none;
}
.incms-form .radio {
	padding: 4px 0;
}
.incms-form .radio span,
.incms-form .checkbox span {
	margin-left: 2px;
	flex: 1;
}
.incms-form .checkbox {
	margin-bottom: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.incms-form .checkbox.terms-field{
	margin: 0 0 5px;
	padding: 0;
}
.incms-form .checkbox.rememberme{
	margin: 0 0 5px;
	padding: 0 0 10px;
}
.incms-form .checkbox,
.incms-form .checkbox label,
.incms-form .radio label{
	display: flex;
	align-items: baseline;
}
.incms-form .checkbox.terms-field label{
	flex: 1;
	color: inherit;
}
.incms-form .checkbox.rememberme .incms-form-item-label,
.incms-form .checkbox.terms-field .incms-form-item-label{
	line-height: normal !important;
}
.incms-form .checkbox.rememberme .incms-form-item-label > span,
.incms-form .checkbox.terms-field .incms-form-item-label > span{
	padding: 0;
}
.incms-form .checkbox input,
.incms-form .radio input {
	margin: 0 5px 0;
}
.incms-form .incms-form-field {
	font: normal 14px tahoma, arial, helvetica, sans-serif;
}
.incms-form .incms-form-field, .incms-form label span {
	color: inherit;
}
.incms-form-element.error {
	background: transparent;
}
.incms-form .errormessage,
.incms-form .errormessageicon{
	font-size: 12px;
	color: #ff7870;
	padding: 0 2px;
}
.incms-form .errormessage .errormessageicon {
	padding-left: 0;
	padding-right: 4px;
}
.incms-form .errormessageicon{
	font-family: FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.incms-form .errormessageicon:before {
	content: "\f071";
}
.incms-form .errormessage:empty {
	display: none;
}
.incms-form .incms-form-element.from-file {
	position: relative;
	overflow: hidden;
}
.incms-form .from-file span {
	position: absolute;
	height: calc(100% - 15px);
	top: 0;
	right: 0;
	font-size: 12px;
	box-sizing: border-box;
	background: #fff;
	margin: 5px;
	border-radius: 0.25em;
	padding: 0 10px;
	border: 1px solid #d0d0d0;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.incms-form .incms-fake-input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
}
.incms-form-header {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
.incms-form-header > * {
	display: table-cell;
}
.view-edit .g-recaptcha {
	display: none;
}
.g-recaptcha {
	margin-bottom: 15px;
}
.g-recaptcha:empty{display: none}
.g-recaptcha > div {
	margin-bottom: 3px;
}
.tooltip {
	position: relative;
	display: none;
	color: #006080;
}
.incms-form .tooltip.active{
	display: inline-block;;
}
.incms-form .tooltip .tooltiptext {
	visibility: hidden;
	position: absolute;
	min-width: 80px;
	line-height: normal;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 4px 10px;
	border-radius: 6px;
	z-index: 1;
	opacity: 0;
	transition: opacity .6s;
	white-space: nowrap;
}
.incms-form .tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}
.incms-form .tooltip-right {
	top: -4px;
	left: 135%;
}
.incms-form .tooltip-right:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #555 transparent transparent;
}
.incms-form .tooltip-bottom {
	top: 135%;
	left: 50%;
	margin-left: -60px;
}
.incms-form .tooltip-bottom::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #555 transparent;
}
.incms-form .tooltip-top {
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
}
.incms-form .tooltip-top:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}
.incms-form .tooltip-left {
	top: -5px;
	bottom:auto;
	right: 128%;
}
.incms-form .tooltip-left:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent #555;
}
.incms-form .alert {
	padding: 8px;
	margin-bottom: 15px;
	border: 1px solid;
	border-radius: 4px;
}
.incms-form .alert span {
	margin-right: 6px;
}
.incms-form .alert-danger {
	background-color: #FEE;
	border-color: #FF7870;
}
.incms-form .alert-success {
	background-color: #c9f7c9;
	border-color: #8fd091;
}

.incms-form .datefield:after {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f073";
	position: absolute;
	top: calc(50% - 9px);
	right: 10px;
	pointer-events: none;
	z-index: 1;
}
.incms-form .datefield {
	position: relative;
}

/* Date Picker Default Styles */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.2em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 6px;
}
.ui-datepicker .ui-datepicker-next {
	right: 6px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}
/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.ui-datepicker {
	padding: 0;
	border: 1px solid #dddddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-size: 14px;
	width: 17em;
	border-radius: 4px;
	overflow: hidden;
}
.ui-datepicker * {
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.ui-datepicker table {
	font-size: 13px;
	margin: 0;
}
.ui-datepicker .ui-datepicker-header {
	border: none;
	background: #555;
	color: #fff;
	font-weight: normal;
	border-radius: 0;
}
.ui-datepicker .ui-datepicker-header .ui-state-hover {
	background: #222;
	border-color: transparent;
	cursor: pointer;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 3px;
}
.ui-datepicker thead {
	background: #696969;
	color: #fff;
}
.ui-datepicker .ui-datepicker-title {
	margin-top: .4em;
	margin-bottom: .3em;
	color: #fff;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
	height: 1.2em;
	top: .9em;
	border: none;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 6px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 6px;
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAADwCAQAAABFnnJAAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AABe4SURBVHja7V1diCXHdf56vbZmVl6nxwKFO2yyq1mM4qAwM7oDsR6C7iYIKesH3V1QHgyBu5YYJwHjrB9NQCuByIthHbAga6TZxeBgHMJKISZ+SDIb1oQgRtoVgtjGyD8PmSGQMIpfJmCLk4f+q6o+daq6+965P1VfM3Pv7VN16ud8Vd1dp6o6IUSEjBPTzkDEdBEJEDgiAXT0QOhNOxPHiUgAFT3sA9gPiQLjJsD0208Pbe9rM/OvwkaBQvP0yzhG6ASQO0AqDwmu9mOPT3nqPWsYV9qFEduVIDP/QU4BSfMC9REqAcbRAa520FDELdphc3SJCyRIcADgAAkSQXOXMs4ckrIxFEUs2oENBNSqR0WmJ2kVv2hltvRdaVPHvPtqdpVxjlD1AHIH6AupDbovH1nqkgllLd3apnQJUjV362dmDEnjOya5FUltsEqqbdtxa5Dbppx3uQ+sNLv6mblCcwLIoKlXTQ/7rQkmX4IKzdMv4xgxbgLMO3rYXyTzuhEJEDjiSGDgiAQIHJEAgSMSIHBEAgSOSIDAEQkQOOJ8ADPutPN/zGgyH8BvRoDLGdMT5wPIKbjN02U+gNsdnuV9oUjSbD6AnwdMrkK7gVYt3311u8zv0r5vfNq1L8xsgPp8gAz20fAilORvs8tdsX3mA0i5k1N3x5dBue7icyGgzwfgvus48OoF+DDu9ukzH0Bqf355s9OHnLMNmqQ0F2jjDJIcrrM+H0Ail6v/KUoe3cECpl85XecDTDv/x4zoDg4ccSAocEQCBI5IgMARCRA4IgECRyRA4IgECBwnp52BmQNNcZS/+1hp4/yf7BZ9IpUwzRyQMwftXUHumFMouX4JIED09fvsD0AtJE3RNg1X/jPTJ6IWNznaxvYrgU+oBnFPaAFcxU88CmCPn3hUkE8RSHD2+OQvEWT6Z7M0Com7BuQSygQiR2zA1Yi1/KuXAN/i22bruCspGUMHT6In0nUV7ZIDKmMnrFRNnUulaF72PJAgl3VXpZObgZrLBGh6E0gerccVyoed7dq4n3ETD+2SgXz0tq0BqQn66HbXQU3e5DGw6uJ8QvEyuQt0M1jW4epi/bpoVwtype5zE9kWboq75VoOTHdw6E8B851+i8fIOB8gcMSRwMARCRA4IgECRyRA4IgECByRAIEjEiBw6ItDi81Spwf3fuCThE8N+HhE28VzrY32TaURKgIUC6N8tntvVwHjQztdrpz71YC01Wzljes1jp35KYvDXoZe6xogI5cA+MWh8hJOH492jzk3PgrYdPltDWHPv18N2NLoGctre41iVyVw9UDdlqbXFujqQ8E+26m7lmDbFoj6zaRx58Cmx72FuzvnfhvS8z63umkTQ+5aWF4Zh1ufSJpm2WFsc1gn9TBNCeBfAUmDuH45kKvQJ3332n57+q7YLgK460A2oJsAMoEsBGj2FFBVQBuPVaLo4LWT9iml3wZVvtveQ0ipr+bS4grO7yAgpV/E5O8BXJqrvRuk9c1mLhvOB5AqQL+BkYovZ04qoqRDLZp72hdnAjcBpRIcGBtIHDTW4AfJvAfla2/8commlwA/XzU5t4iQr4JdYvtVL18Ov2tw9yltkp72L7Vx3wOwiPMBVPScb0xaOEQCBI44FBw4IgECRyRA4IgECByRAIEjEmDcmLPHKnM+gAuSv8qn6L2O/u5Jo3vuEsdg94yVvT4fQILkMfcZJSw8dqseC0zt6Lq4Sl4enjiXv7oNbIsvaZ8SqoEgNVvu3X7rg43q0sh2b//2HWgGJI+dK3ZiDaeetXk7pcWj5CX1L+mxgL8HsE06kP1V1aWhzaSFrOW4p03Z9zAg+Pr6kgZnuXS59N0rm2cS5vsCqips+gZu8xKSNIhbSP2WQLsXb7ffQkIyo6uH8Ncs7RFwzKh6ANVR2CZrrjcJuJ2tXa+OidKD8D2E/smFGE8r5lLQe48ZMb9+CTgoM8V14FkHn0334nEgzgfw8fa7t4eQUc0F4KdUyFVfXYTsu4sUIZOGUjVE2wk1EwHvDSRrB+7jLLXdBI7D2eo3a7HtjabPTSQAB0Fnxrg+iO5gHTPTNR8XIgECRxwKDhyRAIEjEiBwRAIEjkiAwDF7BEhny1u26DAJ4OfLllw25CW1hUhxeCxP4tPeB2Fm0Gy7eJ/tpBOsdMjPIQqSpGK4tlvWV1igN4B3gU4AeZRaHu0uWnWKQ5YCVA6U8mv3sq5/pQxxaIlffGu3qbra+/i9an7BURFA3+69jsofbtsyPUGSm/8DNi25a8+6/g+wIqydLVLn09dnFJha/LaPCA7FULDf6nYJxVwbm/nNuThmL+L6LZ2tS8xw5vYR0lvOg4I6JSxB3Uwm7FMZ/CZE2CeVmQSyTcngc+jaPkEn+IK9Ar4LqhdGqFVm32DE/dYL39dK2OQZBah2H1E4gvld+fX8+Lw2IgIAtz+A38r1ul/evUONJM1uHuUQurbE61wB9w5CgcL/hRH6rNjq+7hhv4voBv/tI4LCrM0HmJT5IyyYNQJEHDNmzxcQcayIBAgckQCBIxIgcCwSAfqlJ6A/Ef0nsZQfzd63OtPICDDMK24Xw9aaXnZ4+l0g3NBmCzQ1Yh975fc9Nna/Ez1O4ld4FEc4wqP4FUuBvjP3a7l0zZKGXe6KCTxnHHIKxtwOoqs0oAENSUUVtjo/JFgOKj+3tbhqCF57doyor8lHmrRPJvqN5HoOudytGfHXDPkSrRPREi0R0TotCTXAp1GHVEP+EjXEtncZyxAFk+8BAO5YJnPcxpdxD0CK2+W5O7hgZeMXLCOKy+W3o5rsJr4htL89ZBtLZNgHYU9LYQ9bSg8AbBlyN95Xcpfl0Ix/H8t4EEAf942wej6BLUbim5suL5+XsYb3y++lpoIA9/NPdRqGmuV7AH6EI3G2z1L+ecMa4qNC7Ct4D9uC/JLmSr6kUDHD2woFtvC2ISWoizP5FYYfxS/K759g8/AgPoEEp4RcXhRkpkeSl/MvoE4YLc0IXpj/D/DP6unqWnboUPAjHNXC6FnICLAiaLO1G8DVAwBvlRQgXMJbTIiCAnXzZ0iNz3rufl3M6Qb+G38I4B+xwcZ/GygpxOdgK++p9N7qOFCY/4+wrFPA936WM3+9AgG5o8razk9ZmasHKCgAi/mRpw7rTd5549PEEn6efzvLSB/Eu9jAfQAbeBcP4f8MuTkLqe0yU3dH7wrxOfxN7Vxm/i/gQQD/AADFBdz/MbBufrOAp3AKp7CMU9ZO8gE8gAcAcC3spsP8QA9v4RIu4S3LdM4+DjDEEAct7/OX8Vv5sVzLXw9nQPgFNrCBEyCcEaeUblmMf075s2EJLrhCfIs5l5H+Bj6G7wAALuBOJmj/RFsv4rIzzg+FkK4eoIcDIG/7B0z19zU5R4HfMD7NKspayQayOyK9n3gY9wH8pPx9HxvCjKIuHfxRxxD8hNmf5OXL7s9K86N8DEwdj1HuR5iXNfnL1scV+2PMjQk+BhYPSdWnLRd95hGQe4hzPeg1fQwGjayl9wmhlpDXXzwEDtSzs+MO7gP4HeX3e5YbqcmCAJxXWvr4tWeYztSUNbyvtX7E+QDBY5F8AREtEAkQOCIBAkckQOCIBFgsvIJXmkXQCZCC4FqYbQeVjoyujxZ9cB71LeXxte5vGxqPvUNDvm3IuUEn1Vu+NgE5APylo34GGLSut9P4Cr6C045QI4wwKn8pdZISUZ/6RJTWBhF2aSkfRrhG6zRkh0Fu5AMR23TDkMuebPPos+G3FE82EdEWOxBSHPX47oGcLMw6rdP6hORFmGxQx5QMqBiQS83hmtw6RNuEvHQpo/suERHdFWu3GEwa0TkCQU+gn4+h1dUT9RqNg3FyENGf5X9XrRXUp2wCSt+iH5YUXAYmAv07ge4R6N+InzJBtJ5L1gU5RPlpWqLTFnlR/SMaNa7BAtusfLsWe5tNf0hEI0qrkUTVHVw4Kfew1WqjFnWuAO85fAL7+DF+gJ/jPYtPsI89XMIbVpduF/wTfhffwwa+hyfwL9ZQ2Vj6hijXxyx1/LLmJ6wwwk0AyP/X6+9Q+8WDn21x1uMMAHwJwEp+eUzxAcoe4IYxmt6nG417ALWDs/UAV4noL4joFbaF9InY1j+uHuBvCfRdAn2Llpj0H3X0AIUcotzeA4y03JmXgIGS6wyDRuX7qib7KlOD5+hcPXUziX5OhHr1j4MAn6HfpM/R+fyvifn1WXE2AqRElFKaXy9N+XeI6Nv539/V5EX5bNfwSv64Q87Hr6692XG+IQFMd10q1JDsatLOmwrUT122RENCyaEBE0ImQN1f18T8ZvFkAvDys/Rdeph26WH6e/q0IV+t5W5trPLK/LAeuolTUW6T3s1vBE35iIpr/25bAsBxUJ6N1DM8b+C+Vb5lVDD3FJCWRecJYidghsccuesih8P8Pi73ggIpI3uKPsxv/LbpQ3qKIcBVGtXj+ibvNqh+H8rfg0qTlmXzmxTYqkld07plORFRz2GcLvKR0/yux8CKAqkl9nPl9+dqsa09kK87eB3v+gWM6IgBoHvsx4QRAOCWeTrOBwgc0RcQOCIBAkckQOCIBAgc4REgcxsPGMmgfDZ61EOPbTfFOburVgmwXlbAemt9NLUqSEHYyb/vwDar4Vq+qHS3RoHfxy4u4zI+hU/hh/h0LWZWO1fzX9mepeq+55v4LAhP4AkQPovNWnx5+4ph7cF+6JC7QgxraRgjQObZdSLapSEN6ZAqpwc34CENZpAzRPtjlOdrnR1UybBDoB1rLorhkHPsUNep8vgYOxa6Q8M8B5meAZO+fRyv8FKklmEw+UwVO7XoycYa+7k3B0z51BjrxXc1QDZKvENEh1YjTpMAxVgWn0Zh9uqzruGaONZ5gj5CCSX0ETrBGmRIIKJB6dPncicTQPWHmCuXMm9Iv6zjOgGgzaKoEyDTul2OyXIEOEOr+cEQYJhX4w4748dFAHJWgdu4cvx1Rcb1UDuKnDN/KuonSspjjUn9eh5rlx9SpWz3kOLgCWBPn8oZV7wGKn2cQwKdYwkAhQB8n7JOm7RZ+isZAuzkVcdP+XIxXA7RTMoTyOVTk1p/NeMpw8CQf5uI1vKD6DqjYVC6bLn0iU53IsBD+dmHyv9m7KL/GhLROUsPYK+/PhGdoTO0Smdok4iuZefV9wV8gBQ38fn8FknecR9OubSbuFvKpbBe7mOSrdE38U38cfn9+/g9TZYqM56AK/UxcazjS8qvl/EzIfWslszyrwD4EADwS2aDGcKKNs/KfMHFI9p5ws8MuT5f6Ca+bMzayrbwzybL7jHb+RMeB/BfAID/VGpX62APaUhD2qXZvAksWh+fxjfL1p/hrhG3n7f71Kp/s2w759jUd+gqUd4Odxh59vmQ5UbPnGhjtt/H6DHjv9x/NL8HGFKfNmmTNolos34JUK+xNvPP/lPAXSrmxnLVM3CksEPbtM1Op0IeO6MQRwESfpln12ohhrUOfGjEPFc7mt0DEA3Lw0IA31Y4LQLIR6q0+rtkes2z1uFTOlv+s57lkFIqbieTWtzP02eoJ9QSEZT7DF22lD8FZP/NbejqBDEpMhSlaum0MkZ3sIqH8BKAF/E/rHSEFdzM32aQ4n/xa9qbDVz3SIC+meUk5j23QCRA4AjPFxChIRIgcEQCBA6TAEPrfuEXcau8obwlbokaMU/QHhRuExHRbeYB5ou1h5AvTuVhLx5jPtQfz5TGfcYIdlF7eixwkVG4R0R71uR+6jkgA48Qx3/sKfTfm3puJkCA21T4nMw+4DWWAK8xCuWBoNowhNX8HEncy6tcIVxyor1yuGiPlfvlf46O6uszmoH1PsCGpgQAgV24WTd/vZ9Q19byBnSFGBHR07RET1s1+JVuQQmQXf8Lr7PeB+gFl6phm2zLwlTz7zKSQfnJXyZcxkFu+DQnAid/Ov/2tKBhT0hjgQkwIBOqAfwJwHfeuqZ7jEeuiGczvy8BUrL3MVSOsNf99RXsBOgT0R7t0R75+BXm5DArwPzelACuozBS3fyZ2W3mn4UeYIFvAqv2nyp+58oMX2cJ8HVGoasHsB1qD8THn/49gJuCc3hwRasX8ilW+hSj0FU5dqnU+nUDj1qH6PoUkIWZutHGT4A91sBqFTxfkz5vNeNASFCiR9ve43iPBSOAvzv4SQzx5/n3r+EN/Ou0xzCnhLbvAppRxPkAgSN6AwNHJEDgiAQIHJEAgSMSIHBEApgYgFpL5xAqAYjZNkEHYVyvhJgWbgjvNgeAAXZbS+cTxigd0a4wGqd6A0xJES+1ahjQbu4IGtCuoAGEfHmTLt/WNLVx1w4cg80Dj9hFDdi1zNXBV5/NhBIB1Hj1ah6UcQb5CntZg50Atvg+BJCksqOnLl2QIWFbIflpHS4CZCasfutSEErjuTTYCGCP7yZAUxPbpfwGDHN58DeBd3AB32hxPbmDC7iAbJ3cBWXMPFHOXhB3wi002OCKfzxYJG9AjeWLfA/gOgK8B1CdQYQ7eElsX5Szv/icL6hPLrbcZ/f57aRziegNNDHArmBiWTqHiAQIHHEkMHBEAgSOSIDAEQkQOCIBAodJAFJeLB4RACoCpPlWqWdx1rLXfjZ0dM0ijZhLFARIcVhuDvMIDlkjb+ACvoYXcejxQglzeGHbGIHcPmZ5hA15je0Q0V8RiOhFyvbFtY0ep+JewtWovOt3/1jl8bAchVGJ7hEI9CINCHSPbG+n3qFzlDllU6tSfqfapXw79dP5n7nT7WmSNlwv5CTKl8q/pdYOocCOkwCA8wDeBAC8BAB4Exs4X9vKdAObuIkreASXcIgruN6oq/mk0ukkqI9Afzz/S8Avvzqd/30S/ObyHwewkstXFmu8fpLIfAEpDnFfedHRPWxgRdsJt0CKQ9zBBezgClvJlO9UX9+t/re13/9h7JU7aXmEDXlXsEvVoukR8Zu4ZL7w7H0VtpfK2ObL6O8Wr883mrQ8Hpaj8AZm78O4jzfxLDbAv5Gjmg1wAWDcomrrX7A1tIuLyh28jmv5g+AbuBZfFh8K4nyAwBF9AYEjEiBwRAIEjkiAwFERwPU+gK7yJ3G9lF/Hk8cun3T5pi1vi1yn630AXeWubeYmLZ90+aYtb31kHxeJQ/U+gK5y10aTk5ZPunzTlnc4skvA5bJDSJQRvMvMNxWm/IU8boIXDPmzin4wZ5/l1FvkSYv4l9n4XPlc5Vfz3zz+20iUELb4klzNBW+VhsgGgqrRoKT2S5dzGSnkCYDnAbyunRmffp/4bv1qiKbxE/ALzKjBb1K01OV/AgD4a2v9FWc38Q7GskhNJYD+Lup6Blxy4AW8DuB5vCZWsK2C3PoTVpuvAdz6ZQJ0r5+kPN9O/jjeUcw/FgKc7K5CwYfK/+YgZ48gQ12O3kZDony2iU8ecV1usj8VZI/jnmb+sWDcl4ARgFtofwno3sXb81fX0K4Ll/T79SCuHsqW/uO4p5l/DD1AdhP4Kit7lfkmyZ8HcBM382+q/HUlFjFnX1ekLjlEOVi5nn+qnX1Vk7jkbeunKB+1lr+jmZ9PtSmCeAyb9mPopOWdxwEWfyBm2gNRk5Z3JgDoSbpeKr9OT9aCdpVfpFul/BYziDFp+aTLN215yyNOCAkc0RsYOCIBAkckQOCIBAgckQCBIxIgcKjOoLrTUcesyyNaQPcGLpffjtjQXeURM4f6JaCb6Y6cGrq13KSzhggNJgFcBjzCkShfxpHSD9ThMqA6JYoDtfT1R1hgEmAZEA24jGVRfoRlkSAEecJE7qGwIq47HjPql4DlFlr02LKGbu3XRaCIhtDfF6BJamFnXR7RAtEbGDjiQFDgiAQIHJEAgSMSIHBEAgSOSIDAMb8E6MUBoXFAJ0D3cTZCH4T+xPPdwz5WJ55KANAJsJr/TRuu1p2Z/2Da2VwE6ATYz/+mC1frjuYfI3x7AEKv9tcMzKokFpl57TQszB/vAcYCfUbQPhLss26WhPlrhi2vUIX5V0X5QbwHGBd0Akg9wGppmuKvWSe8VztTJ1FP0c9RTDd/vAiMAbPUA0TzTwG+PUB3uN/f0cz8PUu4iEbw7QGOA1Lvwpk/3gOMAfqEkB4O0JvJzpXyTt/8jOiIOCMocMyvLyBiLPh/gj9Qphd3t8gAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTMtMDItMDFUMDU6MzM6MTAtMDg6MDApYMCSAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDEzLTAyLTAxVDA1OjMzOjEwLTA4OjAwWD14LgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=');
	background-position: -33px 0;
	margin-top: 0;
	top: 0;
	font-weight: normal;
}
.ui-datepicker .ui-datepicker-prev span {
	background-position: -96px 0;
}
.ui-datepicker th {
	padding: 0.75em 0;
	color: #fff;
	font-weight: normal;
	border: none;
	border-top: 1px solid #555;
}
.ui-datepicker td {
	background: #ffffff;
	border: none;
	padding: 0;
}
.ui-datepicker td .ui-state-default {
	background: transparent;
	border: none;
	text-align: center;
	padding: .5em;
	margin: 0;
	font-weight: normal;
	color: #333;
}
.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-hover {
	background: #696969;
	color: #fff;
}
.ui-datepicker td.ui-state-disabled,
.ui-datepicker td.ui-state-disabled .ui-state-default {
	opacity: 1;
	color: #999;
}
.ui-datepicker-today a {
	box-shadow: inset 0 0 13px rgba(105, 105, 105, 0.5);
}
/* Additional */
.incms-form .inputneeded {
	color: #f00;
}
/* Date input fixes */
.incms-form input[type="date"] {
	display: flex;
}
.myform .datefield input[type="date"]:before {
	content: attr(placeholder);
	white-space: nowrap;
	width: 0;
	opacity: 1;
}
.myform .datefield input[type="date"]:before,
::placeholder {
	color: #a9a9a9;
}
.myform .datefield input[type="date"].focusin:before,
.myform .datefield.error input[type="date"].focusin:before,
.myform .datefield input[type="date"].focusout:before {
	opacity: 0;
}
.myform .datefield.error input[type="date"]:before {
	opacity: 1;
}
.incms-form input[type="date"]::-webkit-clear-button,
.incms-form input[type="date"]::-webkit-inner-spin-button,
.incms-form input[type="date"]::-webkit-calendar-picker-indicator {
	display: none;
}
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default print stylesheet
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.1
 * @revision        $Revision: 724 $
 * @lastmodified    $Date: 2012-03-03 11:45:41 +0100 (Sa, 03 Mrz 2012) $
 */


@media print {

	/**
	* @section basic layout preparation
	*/

	/* (en) change font size unit to [pt] - avoids problems with [px] in Gecko based browsers  	*/
	/* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit [px] in Gecko-Browsern vermeiden */
	body {
		font-size: 10pt;
		padding: 0 5px;
	}
	body *{
		color: #333 !important;
	}
	/* (en) Hide unneeded container of the screenlayout in print layout */
	/* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
	nav,
	.ym-searchform {
		display:none;
	}
	
	.footer,
	ul.pager,
	.socialicons,
	.button.archive,
	.button.rssfeed,
	#news_add_comment,
	.back { display: none; }
	
	.ym-col1,
	.ym-col2,
	.ym-col3 { margin-bottom: 0px !important; }
	
	.header { margin-bottom: 20px; }
	
	.ym-cbox { clear: both; }
	
	.image_description { text-align: left; }
	
	.clickme,
	.clickme input,
	.button,
	.button a { border: none !important; background: none !important; }
	
	.gallery img.empty { display: none; }
	.gallery img.origimg { display: inline !important; margin: 10px 10px 10px 0 !important; width: 100%}
	.gallery * { display: inline !important; margin: 0 !important; float: left; }
	.gallery div.bordered.flexible {display: none!important;}

	.embed-container {
		position: relative;
		padding-bottom: 0;
		padding-top: 0;
		height: 0;
		overflow: hidden;
	}
	.incms-button {
		display: inline-block;
	}
	/* iframe fix */
	iframe{
		display: none !important;
	}
	/*------------------------------------------------------------------------------------------------------*/

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

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

	/* (en) optional output of acronyms and abbreviations*/
	/* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */

	/*
	abbr[title]:after,
	acronym[title]:after {
		content:'(' attr(title) ')';
	}
	*/

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

	/* (en) optional URL output of hyperlinks in print layout */
	/* (de) optionale Ausgabe der URLs von Hyperlinks */
	/*
	a[href]:after {
		content:" <URL:"attr(href)">";
		color:#444;
		background:inherit;
		font-style:italic;
	}
	*/
}
/*! jQuery UI - v1.12.1 - 2017-11-19
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("../../incms_core/5.2611.0/incms_scripts/datepicker/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../../incms_core/5.2611.0/incms_scripts/datepicker/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("../../incms_core/5.2611.0/incms_scripts/datepicker/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("../../incms_core/5.2611.0/incms_scripts/datepicker/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("../../incms_core/5.2611.0/incms_scripts/datepicker/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../../incms_core/5.2611.0/incms_scripts/datepicker/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("../../incms_core/5.2611.0/incms_scripts/datepicker/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/* Module: IMAGE */
.image_description { text-align: center; margin: 4px 0 0; font-size: 90%; color: #666; line-height: 1.5em; }
.image a:hover { background: transparent; }

.image.no-border,
.image.border { line-height: 0; }

.image.no-border { overflow: hidden; }

.image a { line-height: 0 !important; }

/* Module: FLEXI */
/* box */
.flexi .box {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #eee;
	border-color: #cfcfcf;
}
.flexi .box p,
.flexi .box h1,
.flexi .box h2,
.flexi .box h3 { color: #3b3b3b; }
.flexi .box .icon { height: 24px; width: 24px; padding-right: 8px; float: left; }
.flexi .box .title h1 { margin-top: 0; line-height: 1.8em; }
.flexi .box .content { clear: both; }

/* box blue */
.flexi .box.blue { background: #d8ecf5; border-color: #9ac9df; }
.flexi .box.blue p,
.flexi .box.blue h1,
.flexi .box.blue h2,
.flexi .box.blue h3 { color: #114d6f; }

/* box red */
.flexi .box.red { background: #f9e5e6; border-color: #f7c7c9; }
.flexi .box.red p,
.flexi .box.red h1,
.flexi .box.red h2,
.flexi .box.red h3 { color: #6d0113; }

/* box yellow */
.flexi .box.yellow { background: #fcf7d9; border-color: #f5dc7d; }
.flexi .box.yellow p,
.flexi .box.yellow h1,
.flexi .box.yellow h2,
.flexi .box.yellow h3 { color: #695602; }

/* box error */
.flexi .box.error .icon { background: url(../../incms_core/5.2611.0/incms_modules/flexi/css/../gfx/icons.png) no-repeat top left; }

/* box info */
.flexi .box.info .icon { background: url(../../incms_core/5.2611.0/incms_modules/flexi/css/../gfx/icons.png) no-repeat 0 -24px; }

/* box notice */
.flexi .box.notice .icon { background: url(../../incms_core/5.2611.0/incms_modules/flexi/css/../gfx/icons.png) no-repeat 0 -48px; }


/* Progressbar rating css */
.rateBar {
	width: 85%;
	position: relative;
	display: block;
}
.rateBar div {
	display: block;
	height: 18px;
}
.progCol{
	position: absolute;
	overflow: hidden;
	width:0%;
}
.progBase {
	width: 100%;
	background: #ECECEC;
}
.itemProgress {
	width: 100%;
	font-family: Arial, sans-serif;
	font-weight: 100;
	color: #8D8D81;
	margin-bottom: 20px;
}

.itemProgress p{
	margin-bottom:5px;
	font-size:1em;

}
.rateNumber {
	float: right;
	display: block;
}
.rateNumber span {
	padding: 0 2px;
	border-bottom: 3px solid #000;
	font-size: 13px;
	display: table-cell;
}

/* Star rating css */
.starRating {
	position: relative;
	width:126px;
}
.starRating span{
	display: block;
	font-size: 1.5em;
	letter-spacing: 1px;
}
.starFill {
	display: block;
	position: absolute;
	overflow: hidden;
	color:gold;
	width:0%;
}
.starBase{
	color: #ECECEC;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.51);
}

/* Tabs */
.flexi-tabs {
	width: 100%;
	display: inline-block;
}

.flexi-tabs-links:after {
	display: block;
	clear: both;
	content: '';
}
.flexi-tabs-links {
	margin-bottom: 0;
}
.flexi-tabs-links li {
	margin: 0px 5px;
	float: left;
	list-style: none;
	visibility: hidden; /* will be shown by js if title set */
}
.flexi-tabs-links a {
	padding: 5px 15px;
	display: inline-block;
	border-radius: 3px 3px 0px 0px;
	border: 1px solid #ccc;
	transition: all linear 0.3s;
	position: relative;
	bottom: -1px;
}
.flexi-tabs-links a:hover {
	text-decoration: none;
}
.flexi-tabs-links li.active a,
.flexi-tabs-links li.active a:hover {
	border-bottom: 1px solid white;
}

.flexi-tabs-content {
	padding: 15px;
	border-radius: 3px;
	border: 1px solid #ccc;
}
.flexi-tabs-content > div {
	display: none;
}
.flexi-tabs-content > div:first-child {
	display: block;
}

.flexi-tabs-edit {
	padding: 0 15px;
}
.flexi-tabs-edit > p {
	font-weight: bold;
}
.flexi-tabs-edit > div {
	min-height: 30px;
	margin-bottom: 15px;
}

/* Flexi Animated */
.view-normal .flexi-invisible {
	visibility:hidden;
}
.view-normal .flexi-invisible.animated {
	visibility: visible;
}
.view-normal .hoverpause.animated:hover {
	animation: none;
}

/* EU cookie policy**/
.eupopup-container .clearfix {
	clear: both;
}

.eupopup-container {
	background-color: rgba(25, 25, 25, 0.9);
	color: #efefef;
	padding: 5px 20px;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	display: none;
	z-index: 9999999;
}

.eupopup-container-top,
.eupopup-container-fixedtop {
	position: absolute;
	top: 0; left: 0; right: 0;
}

.eupopup-container-fixedtop {
	position: fixed;
}

.eupopup-container-bottom {
	position: fixed;
	bottom: 0; left: 0; right: 0;
}

.eupopup-container-bottomleft {
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 300px;
}

.eupopup-container-bottomright {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 300px;
}

.eupopup-container-block {
	margin-top: -50px;
	margin-left: -70px;
	margin-right: -70px;
	margin-bottom: 40px;
	padding-top: 10px;
}

.eupopup-closebutton {
	font-size: 16px;
	font-weight: 100;
	line-height: 1;
	color: #a2a2a2;
	filter: alpha(opacity=20);
	position: absolute;
	font-family: helvetica, arial, verdana, sans-serif;
	top: 0; right: 0;
	padding: 5px 10px;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
	color: #fff;
	text-decoration: none;
}

.eupopup-head {
	font-size: 1.2em;
	font-weight: bold;
	padding: 7px;
	color: #fff;
}

.eupopup-body p{
	color: #a2a2a2;
	margin: 0;
	display: inherit;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
}

.eupopup-buttons {
	padding: 7px 0 5px 0;
}

.eupopup-button_1 {
	color: #f6a21d;
	font-weight: bold !important;
	font-size: 14px;
}

.eupopup-button_2 {
	color: #f6a21d;
	font-weight: normal;
	font-size: 12px;
}

.eupopup-button {
	margin: 0 10px;
}

.eupopup-button:hover,
.eupopup-button:focus {
	text-decoration: underline;
	color: #f6a21d;
}

body .eupopup-color-inverse {
	color: #000;
	background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
	color: #000;
}

body .eupopup-style-compact {
	text-align: left;
	padding: 8px 30px 7px 20px;
	line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
	display: inline;
	padding: 0;
	margin: 0;
}

body .eupopup-style-compact .eupopup-button {
	margin: 0 5px;
}


/* TYPED */
.flexi_typed {
	display:inline-block;
}
.flexi_typed .typed-container {
	float:left;
}
.flexi_typed .typed-cursor {
	float:left;
}


/* LANG HELPER */
.flexi_lang_helper {
	display: none;
}
.cf-lang-helper-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgba(25, 25, 25, 0.9);
	color: #efefef;
	padding: 5px 20px;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	z-index: 9999999;
}

.cf-lang-helper-container-top,
.cf-lang-helper-container-fixedtop {
	position: absolute;
	top: 0; left: 0; right: 0;
}

.cf-lang-helper-container-fixedtop {
	position: fixed;
}

.cf-lang-helper-container-bottom {
	position: fixed;
	bottom: 0; left: 0; right: 0;
	top: inherit;
}

.cf-lang-helper-container-bottomleft {
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 300px;
	top: inherit;
}

.cf-lang-helper-container-bottomright {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 300px;
	top: inherit;
	left: inherit;
}

.cf-lang-helper-container-block {
	margin-top: -50px;
	margin-left: -70px;
	margin-right: -70px;
	margin-bottom: 40px;
	padding-top: 10px;
}

.cf-lang-helper-closebutton {
	font-size: 16px;
	font-weight: 100;
	line-height: 1;
	color: #a2a2a2;
	filter: alpha(opacity=20);
	position: absolute;
	font-family: helvetica, arial, verdana, sans-serif;
	top: 0; right: 0;
	padding: 5px 10px;
}
.cf-lang-helper-closebutton:hover,
.cf-lang-helper-closebutton:active {
	color: #fff;
	text-decoration: none;
}

.cf-lang-helper-head {
	font-size: 1.2em;
	font-weight: bold;
	padding: 7px;
	color: #fff;
}

.cf-lang-helper-body {
	color: #a2a2a2;
}

.cf-lang-helper-buttons {
	padding: 7px 0 5px 0;
}

.cf-lang-helper-button_1 {
	color: #f6a21d;
	font-weight: bold;
	font-size: 14px;
}

.cf-lang-helper-button_2 {
	color: #f6a21d;
	font-weight: normal;
	font-size: 12px;
}

.cf-lang-helper-button {
	margin: 0 10px;
}

.cf-lang-helper-button:hover,
.cf-lang-helper-button:focus {
	text-decoration: underline;
	color: #f6a21d;
}

body .cf-lang-helper-color-inverse {
	color: #000;
	background-color: rgba(255, 255, 255, 0.9);
}

body .cf-lang-helper-color-inverse .eupopup-head {
	color: #000;
}

body .cf-lang-helper-style-compact-1 {
	text-align: left;
	padding: 8px 30px 7px 20px;
	line-height: 15px;
}

body .cf-lang-helper-style-compact-1 .cf-lang-helper-head,
body .cf-lang-helper-style-compact-1 .cf-lang-helper-body,
body .cf-lang-helper-style-compact-1 .cf-lang-helper-buttons {
	display: inline;
	padding: 0;
	margin: 0;
}

body .cf-lang-helper-style-compact-1 .cf-lang-helper-button {
	margin: 0 5px;
}


/* COUNTER */
.your-counter {
	padding-top: 25px;
}
.flip-clock-wrapper.your-clock {
	display: block;
	zoom: 1;
	width: auto;
	white-space: nowrap;
	margin: 0;
	transform-origin: left center;
	opacity: 0;
}
.flip-clock-wrapper.your-clock.loaded {
	transition: transform 0.15s, opacity 0.15s;
	opacity: 1;
}
div.flip-clock-wrapper ul,
span.flip-clock-divider {
	display: inline-block;
	float: none;
	vertical-align: top;
}

/* ACCORDION */
.flexi-accordionitem {
	margin-left: 0;
}
.flexi-accordion dt,
.flexi-accordion dd {
	display: none;
	border: 1px solid #ccc;
	border-top: 0;
	margin: 0;
	padding: 5px;
}
.flexi-accordion dt:first-child {
	border-top: 1px solid #ccc;
}
.flexi-accordion dt{
	cursor: pointer;
}
.flexi-accordion dd {
	font-size: 12px;
}

.flexi-accordionitem dt,
.flexi-accordionitem dd {
	border: 1px solid #ccc;
	margin: 0;
	padding: 5px;
}
.flexi-accordionitem dt {
	cursor: pointer;
}
.flexi-accordionitem dd {
	display: none;
	font-size: 12px;
	border-top: 0;
}

.flexi-accordion dt a,
.flexi-accordion dt a:hover,
.flexi-accordion dt a:visited,
.flexi-accordionitem dt a,
.flexi-accordionitem dt a:hover,
.flexi-accordionitem dt a:visited {
	display: block;
	margin: 10px;
}
.flexi-accordion-edit > p,
.flexi-accordionitem-edit > p {
	margin-top: 25px;
}


/* VIDEO FRAMES */
.view-edit .flexi-content-frame-content-frame {
	overflow-y: auto;
	overflow-x: auto;
}
.flexi-content-frame-padding-frame {
	margin:0 auto;
}
.flexi-content-frame-content-frame{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.flexi-content-frame-content-frame .image,
.flexi-content-frame-content-frame img{
	margin:0 !important;
}
.flexi-content-frame-content-frame iframe {
	border: none;
}

.flexi-content-frame-res-padding {
	position: relative;
	height: 0;
}

/* FRAME MAC */
.flexi-content-frame-frame-mac {
	max-width: 700px;
	max-height: 558px;
	margin: 0 auto;
	background: url(../../incms_core/5.2611.0/incms_modules/flexi/css/../gfx/mac.png) top center no-repeat;
	background-size: contain !important;
}
.flexi-content-frame-frame-mac .flexi-content-frame-padding-frame{
	padding: 4% 4% 25%;
}
.flexi-content-frame-frame-mac .flexi-content-frame-res-padding{
	padding-bottom: 56%;
}

/* FRAME LAPTOP */
.flexi-content-frame-frame-laptop {
	max-width: 700px;
	max-height: 420px;
	margin: 0 auto;
	background: url(../../incms_core/5.2611.0/incms_modules/flexi/css/../gfx/laptop.png) top center no-repeat;
	background-size: contain !important;
}
.flexi-content-frame-frame-laptop .flexi-content-frame-padding-frame{
	padding: 9.5% 13.5% 10%;
}
.flexi-content-frame-frame-laptop .flexi-content-frame-res-padding {
	padding-bottom: 57.5%;
}

/* FRAME TABLET */
.flexi-content-frame-frame-tablet {
	max-width: 600px;
	max-height: 402px;
	margin: 0 auto;
	background: url(../../incms_core/5.2611.0/incms_modules/flexi/css/../gfx//tablet.png) top center no-repeat;
	background-size: contain !important;
}
.flexi-content-frame-frame-tablet .flexi-content-frame-padding-frame {
	padding: 9% 10% 10%;
}
.flexi-content-frame-frame-tablet .flexi-content-frame-res-padding {
	padding-bottom: 61%;
}

/* FRAME MOBILE */
.flexi-content-frame-frame-mobile {
	max-width: 602px;
	max-height: 296px;
	margin: 0 auto;
	background: url(../../incms_core/5.2611.0/incms_modules/flexi/css/../gfx/mobile.png) top center no-repeat;
	background-size: contain !important;
}
.flexi-content-frame-frame-mobile .flexi-content-frame-padding-frame {
	padding: 3% 12%;
}
.flexi-content-frame-frame-mobile .flexi-content-frame-res-padding {
	padding-bottom: 56%;
}

/*********** FLAT IMAGES ***********/

/* FLAT MAC */
.flexi-content-frame-flat-mac {
	max-width: 700px;
	max-height: 566px;
	margin: 0 auto;
	background: url(../../incms_core/5.2611.0/incms_modules/flexi/css/../gfx/flatMac.png) top center no-repeat;
	background-size: contain !important;
}
.flexi-content-frame-flat-mac .flexi-content-frame-padding-frame {
	padding: 3.5% 3.5% 27%;
}
.flexi-content-frame-flat-mac .flexi-content-frame-res-padding {
	padding-bottom: 55%;
}

/* FLAT LAPTOP */
.flexi-content-frame-flat-laptop {
	max-width: 700px;
	max-height: 436px;
	margin: 0 auto;
	background: url(../../incms_core/5.2611.0/incms_modules/flexi/css/../gfx/flatLaptop.png) top center no-repeat;
	background-size: contain !important;
}
.flexi-content-frame-flat-laptop .flexi-content-frame-padding-frame{
	padding: 10% 12.5% 12% 11.6%;
}
.flexi-content-frame-flat-laptop .flexi-content-frame-res-padding {
	padding-bottom: 56.5%;
}

/* FLAT TABLET */
.flexi-content-frame-flat-tablet {
	max-width: 631px;
	max-height: 377px;
	margin: 0 auto;
	background: url(../../incms_core/5.2611.0/incms_modules/flexi/css/../gfx/flatTablet.png) top center no-repeat;
	background-size: contain !important;
}
.flexi-content-frame-flat-tablet .flexi-content-frame-padding-frame {
	padding: 4.51% 9%;
}
.flexi-content-frame-flat-tablet .flexi-content-frame-res-padding {
	padding-bottom: 61.8%;
}

/* FRAME MOBILE */
.flexi-content-frame-flat-mobile {
	max-width: 486px;
	max-height: 254px;
	margin: 0 auto;
	background: url(../../incms_core/5.2611.0/incms_modules/flexi/css/../gfx/flatMobile.png) top center no-repeat;
	background-size: contain !important;
}
.flexi-content-frame-flat-mobile .flexi-content-frame-padding-frame {
	padding: 2.1% 8.5% 2.1% 7.8%;
}
.flexi-content-frame-flat-mobile .flexi-content-frame-res-padding {
	padding-bottom: 57.5%;
}
.equal-width{width: 100%}
@charset "UTF-8";

/*!
 * Animate.css -http://daneden.me/animate
 * Version - 3.4.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2015 Daniel Eden
 */

.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.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

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

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

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

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

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

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

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

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

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

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

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

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

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

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

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

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

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

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

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

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

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

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

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

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

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

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

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

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

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

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

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

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

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

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

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

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

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

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

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

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

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

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

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

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

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

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

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

/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 90px;
  font-size: 80px;
  font-weight: bold;
  line-height: 87px;
  border-radius: 6px;
  background: #000;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important;
  margin: 0;
  padding: 0;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important;
  pointer-events: none;}

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden; 
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 70px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

.your-clock
{
	margin: 0 auto;
  padding-top: 25px;
  width: 620px;
}

@media screen and ( max-width: 480px )
{
    .your-clock
    {
        zoom: 0.5;
        -moz-transform: scale(0.5);
    }
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../../incms_core/5.2610.1/incms_scripts/owlcarousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.view-edit .owl-carousel{
	display: block;
}
.owl-carousel {
	animation-duration: 1s;
}
.owl-carousel.incms-theme .owl-nav {
	margin-top: 0;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}

.owl-carousel.incms-theme .owl-nav [class*='owl-'] {
	color: #ffffff;
	font-size: 18px;
	margin: 0 5px;
	padding: 2px 10px 5px !important;
	background: transparent;
	display: inline-block;
	cursor: pointer;
	position: absolute;
	top: 50%;
	overflow: hidden;
	transform: translateY(-50%);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	outline: none;
}
.owl-carousel.incms-theme .owl-nav [class*='owl-'] > * {
	display: block;
}

.owl-carousel.incms-theme .owl-nav [class*='owl-']:hover i {
	text-decoration: none;
}

.owl-carousel.incms-theme .owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
}

.owl-carousel.incms-theme .owl-nav.disabled + .owl-dots {
	margin-top: 10px;
}

.owl-carousel.incms-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 12px;
}

.owl-carousel.incms-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
}

.owl-carousel.incms-theme .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	margin: 5px;
	background: #ffffff;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 50%;
}

.owl-carousel.incms-theme .owl-nav [class*='owl-'] i {
	font-size: 75px;
	color: #ffffff;
}
.owl-carousel.incms-theme .owl-nav {
}
.owl-carousel.incms-theme .owl-nav > * {
	float: left;
}
.owl-carousel.incms-theme .owl-nav > * + * {
	float: right;
}
.owl-carousel .owl-item img {
    display: initial;
}
.owl-carousel .owl-item > div > div > img {
	/*width: 100% !important;*/
}

/* Custom */
.owl-stage-outer,
.owl-stage,
.owl-item.animated {
	animation-duration: inherit;
}
.owl-carousel .owl-item{
	overflow: hidden;
}
.owl-carousel .owl-nav .owl-prev {
	left: 0;
}

.owl-carousel .owl-nav .owl-next {
	right: 0px;
}
/* YAML grid fix */
.owl-carousel.owl-fullwidth .owl-item-inner > .ym-grid {
	max-width: 1078px;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}
/* Carousel-SmartBox Fixes */
.owl-item-inner .smart-box * {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
}
.view-normal.onecol .owl-carousel.owl-fullwidth,
.view-normal .header_wrap .owl-carousel.owl-fullwidth,
.view-normal .footerbottom .owl-carousel.owl-fullwidth{
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}
.view-normal .linearize-level-2 .owl-carousel.owl-fullwidth,
.view-normal .footer .owl-carousel.owl-fullwidth,
.view-normal .flexi-accordion .owl-carousel.owl-fullwidth,
.view-normal .flexi-accordionitem .owl-carousel.owl-fullwidth,
.view-normal .flexi-content-frame-content-frame .owl-carousel.owl-fullwidth{
	width: 100% !important;
	margin-left: 0 !important;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
	opacity: 0;
	transition: all .2s ease;
}
.owl-carousel.incms-loaded {
	opacity: 1;
}
.owl-carousel .smart-box.fullwidth{
	width: 100% !important;
	margin-left: 0 !important;
}
.owl-min-height .owl-item-inner,
.owl-min-height .owl-item-inner .smart-box {
	min-height: inherit !important;
}
.owl-carousel .smart-box.fullwidth .smart-box-container{
	max-width: 100%;
}
.view-normal.onecol .owl-carousel .smart-box > .smart-box-container,
.view-normal .header_wrap .owl-carousel .smart-box .smart-box-container,
.view-normal .footerbottom .owl-carousel .smart-box .smart-box-container{
	max-width: 1078px;
}
.owl-nofullwidth.owl-carousel .owl-nav .owl-next {
	right: -57px;
}

.owl-nofullwidth.owl-carousel .owl-nav .owl-prev {
	left: -57px;
}

@media screen and (max-width: 767px) {
	.owl-nofullwidth.owl-carousel .owl-nav .owl-next {
		right: 0;
	}

	.owl-nofullwidth.owl-carousel .owl-nav .owl-prev {
		left: 0;
	}
}
@charset "UTF-8";

/* Web fonts */
@font-face {
	font-family: 'lato';
	font-style: normal;
	font-weight: 800;
	src: local('lato'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/Lato-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'lato';
	font-style: italic;
	font-weight: 800;
	src: local('lato'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/Lato-BlackItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'lato';
	font-style: normal;
	font-weight: 700;
	src: local('lato'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/Lato-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'lato';
	font-style: italic;
	font-weight: 700;
	src: local('lato'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/Lato-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'lato';
	font-style: italic;
	font-weight: 400;
	src: local('lato'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/Lato-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'lato-light';
	font-style: normal;
	font-weight: 300;
	src: local('lato-light'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/Lato-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'lato-light';
	font-style: italic;
	font-weight: 300;
	src: local('lato-light'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/Lato-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'lato';
	font-style: normal;
	font-weight: 400;
	src: local('lato'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/Lato-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'lato-thin';
	font-style: normal;
	font-weight: 400;
	src: local('lato-thin'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/Lato-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'lato-thin';
	font-style: italic;
	font-weight: 400;
	src: local('lato-thin'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/Lato-ThinItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'robotoslab';
	font-style: normal;
	font-weight: 800;
	src: local('robotoslab'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/RobotoSlab-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'robotoslab';
	font-style: normal;
	font-weight: 700;
	src: local('robotoslab'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/RobotoSlab-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'robotoslab-extra';
	font-style: normal;
	font-weight: 700;
	src: local('robotoslab-extra'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/RobotoSlab-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'robotoslab-extralight';
	font-style: normal;
	font-weight: 300;
	src: local('robotoslab-extralight'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/RobotoSlab-ExtraLight.ttf') format('truetype');
}
@font-face {
	font-family: 'robotoslab-light';
	font-style: normal;
	font-weight: 300;
	src: local('robotoslab-light'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/RobotoSlab-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'robotoslab-medium';
	font-style: normal;
	font-weight: 400;
	src: local('robotoslab-medium'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/RobotoSlab-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'robotoslab';
	font-style: normal;
	font-weight: 400;
	src: local('robotoslab'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/RobotoSlab-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'robotoslab-semi';
	font-style: normal;
	font-weight: 700;
	src: local('robotoslab-semi'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/RobotoSlab-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'robotoslab-thin';
	font-style: normal;
	font-weight: 400;
	src: local('robotoslab-thin'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/RobotoSlab-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'robotoslab-variablefont_wght';
	font-style: normal;
	font-weight: 400;
	src: local('robotoslab-variablefont_wght'),url('https://www.inlingua-luebeck.de/incms_files/filebrowser/RobotoSlab-VariableFont_wght.ttf') format('truetype');
}

/* layout responsive settings */
:root{
    --responsive-size: 480px}
@media screen and ( max-width: 480px) {

	/* default-layout.css: media query dependent content */

	.ym-wbox {
		padding: 0;
	}

	/*header p,
	header h1,
	header h2,
	header h3,
	header ul,
	header table { padding-left: 10px; padding-right: 10px; }*/
	/*header h1 {
		font-size: 1.5em;
		line-height: 1em;
		margin: 0.1em 0;
	}
	header h2 {
		font-size: 1.3em;
		line-height: 1em;
		margin: 0.1em 0;
	}
	header h3 {
		font-size: 1.1em;
		line-height: 1em;
		margin: 0.1em 0;
	}
	header p {
		line-height: 1em;
		margin: 0.02em 0;
	}*/

	footer,
	#main,
	.ym-searchform,
	nav .ym-hlist ul {
		padding-left: 10px;
		padding-right: 10px;
	}

	/* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
	.linearize-level-2,
	.linearize-level-2 > [class*="ym-g"],
	.linearize-level-2 > [class*="ym-col"] {
		float: none;
		padding: 0;
		margin: 0;
		width: 100% !important;
        display:block;
		box-sizing: border-box; /* Fix padding on mobile */
	}

	.linearize-level-2 > [class*="ym-g"][style*="padding-right"]{
		padding-right:0!important;
	}
	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
		padding: 0;
		margin: 0;
	}
	/* Fix for containing floats */
	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"]:before,
	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"]:after,
	.linearize-level-2 > [class*="ym-col"] > [class*="ym-gbox"]:before,
	.linearize-level-2 > [class*="ym-col"] > [class*="ym-gbox"]:after{
		content: '';
		display: table;
		clear: both;
	}

	.ym-searchform,
	nav .ym-hlist ul,
	nav .ym-hlist li {
		display:block;
		float: none;
		width: auto;
		text-align: left;
	}

	#nav {
		background: none !important;
	}

	.ym-hlist ul li {
		margin: 0 0 5px;
		text-align: center;
	}

	.ym-searchform input[type="search"] {
		width: 75%;
	}

	.ym-hlist #topmenu { width: auto !important; }

	/* modules.css: media query dependent content */

	#menulangtop { display: none; }
	#menulangbottom { display: block; }
	#menulangbottom ul {
		text-align: center;
		list-style-type: none;
		margin: 0;
		padding: 8px 0 6px 0;
		clear: both;
	}
	#menulangbottom ul li {
		list-style-type: none;
		margin: 0;
		padding: 0 8px;
		display: inline;
		border-right: 1px solid #555;
	}
	#menulangbottom ul li.last {
		padding: 0 0 0 8px;
		border-right: 0px;
	}
	#menulangbottom ul li.active {
		font-weight: bold;
	}

	#menulangbottom li.flag a {
		padding-left: 16px;
		background-repeat: no-repeat;
	}
	#menulangbottom li.flag_text a {
		padding-left: 20px;
		background-repeat: no-repeat;
	}
}

@media screen, projection
{
	.border-menu {
		position: relative;
		/* padding-left: 1.25em; */
		display: inline;
	}

	.arrow-left {
		width: 0;
		height: 0;
		border-top: 0.5em solid transparent;
		border-bottom: 0.5em solid transparent;
		border-right:0.5em solid #000000;
	}

	.arrow-right {
		width: 0;
		height: 0;
		border-top: 0.5em solid transparent;
		border-bottom: 0.5em solid transparent;
		border-left: 0.5em solid #000000;
	}

	li a:hover .arrow-left {
		width: 0;
		height: 0;
		border-top: 0.5em solid transparent;
		border-bottom: 0.5em solid transparent;
		border-right:0.5em solid #37c0aa;
	}


	li a:hover .arrow-right {
		width: 0;
		height: 0;
		border-top: 0.5em solid transparent;
		border-bottom: 0.5em solid transparent;
		border-left: 0.5em solid #37c0aa;
	}

	li.active a .arrow-left {
		width: 0;
		height: 0;
		border-top: 0.5em solid transparent;
		border-bottom: 0.5em solid transparent;
		border-right:0.5em solid #37c0aa;
	}


	li.active a .arrow-right {
		width: 0;
		height: 0;
		border-top: 0.5em solid transparent;
		border-bottom: 0.5em solid transparent;
		border-left: 0.5em solid #37c0aa;
	}

	li.active a:hover .arrow-left {
		width: 0;
		height: 0;
		border-top: 0.5em solid transparent;
		border-bottom: 0.5em solid transparent;
		border-right:0.5em solid #37c0aa;
	}

	li.active a:hover .arrow-right {
		width: 0;
		height: 0;
		border-top: 0.5em solid transparent;
		border-bottom: 0.5em solid transparent;
		border-left: 0.5em solid #37c0aa;
	}

    li li .arrow-left,
    li.active li .arrow-left {
		border-right:0.5em solid #888888;
	}
	li li .arrow-right {
		border-left: 0.5em solid #888888;
	}
	li li a:hover .arrow-left {
		border-right:0.5em solid #DDDDDD;
	}
	li li a:hover .arrow-right {
		border-left: 0.5em solid #DDDDDD;
	}
	li li.active a .arrow-left {
		border-right:0.5em solid #FFFFFF;
	}
	li li.active a .arrow-right {
		border-left: 0.5em solid #FFFFFF;
	}
	li li.active a:hover .arrow-left {
		border-right:0.5em solid #FFFFFF;
	}
	li li.active a:hover .arrow-right {
		border-left: 0.5em solid #FFFFFF;
	}

	.border-menu:before {
		content: "";
		position: absolute;
		top: 0.125em;
		left: 0;
		width: 1em;
		height: 0.125em;
        background-color: #000000;
        box-shadow: 0 0.25em #000000, 0 0.5em #000000;
	}
    	    	body {
		background-color: rgba(0,0,0,0);
		background-position: center center;
		background-repeat: repeat;
		background-attachment: scroll;}
		
	.header {
    		text-align: left;  
	}
 
	#main {
    		text-align: left;
		background-color: transparent;padding:0px 10px 0px;
	}
 
	.ym-wbox {
    		border-width: 0px;
		border-color: rgba(0,0,0,0);  
	}
	
	.footerbottom {
    		text-align: left;  
	}
	
	.wide .ym-wrapper {
    		max-width: 1098px;  
	}
	
	.narrow .ym-wrapper {
    		max-width: 727px;  
	}
	
    
    
	/*--- Full page | Ganze Breite ------------------------------------------------------------------------*/
	
	.ym-wbox {
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
	
	.ym-wrapper {
		min-width: 0px;
		max-width: 100% !important;
		margin: 0 auto;
		top: 0 !important; /* for IE */
	}
	
	.header_wrap {
		max-width: 1080px;
		margin: 0 auto;
		float: none;
	}
	
	.narrow .header_wrap {
		max-width: 727px;
	}
	
	.ym-hlist {
		max-width: 1120px;
		margin: 0 auto;
	}
	
	#main {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.ym-column {
		max-width: 1078px;
		margin: 0 auto;
	}
	
	.narrow .ym-column {
		max-width: 707px;
	}
	
	.footer {
		padding-left: 20px;
		padding-right: 20px;
		margin-left: 0;
		margin-right: 0;
	}
	
	.footer_wrap {
		max-width: 1058px;
		margin: 0 auto;
	}
	
	.narrow .footer_wrap {
		max-width: 687px;
	}
	
	.footerbottom {
		max-width: 1058px !important;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.footerbottom > div:empty {
		display: none;
	}
	
	.narrow .footerbottom {
		max-width: 687px !important;
	}
	
	.ym-wrapper.footerbottom .footerbottom_content {
		padding-left: 0;
		padding-right: 0;
	}
	
	.header_wrap {
		max-width: 1098px;
	}
			 

	/*--- Headings | †berschriften ------------------------------------------------------------------------*/

	h1 {
		font-family: "robotoslab";
		font-size: 220%;
		line-height: 1.3em;
		margin-bottom: 0.21em;
		color: #000000;
		text-decoration: none;
		font-weight: 400;
		font-style: normal;
		  
	}

	h2 {
		font-family: "robotoslab";
		font-size: 300%;
		line-height: 1.4em;
		margin-bottom: 0.3em;
		color: #000000;
		text-decoration: none;
		font-weight: 400;
		font-style: normal;
		  
	}

	h3 {
		font-family: "robotoslab";
		font-size: 160%;
		line-height: 1.4em;
		margin-bottom: 0.43em;
		color: #000000;
		text-decoration: none;
		font-weight: 400;
		font-style: normal;
		  
	}

		h4 {
		font-family: "lato";
		font-size: 120%;
		line-height: 1.75em;
		margin-bottom: 0.43em;
		color: #000000;
		text-decoration: none;
		font-weight: 400;
		font-style: normal;
		
	}
	
    	h5 {
		font-family: "robotoslab";
		font-size: 80%;
		line-height: 1.4em;
		margin-bottom: 0.43em;
		color: #000000;
		text-decoration: none;
		font-weight: 800;
		font-style: normal;
		
	}
	
    	h6 {
		font-family: "lato";
		font-size: 150%;
		line-height: 1.4em;
		margin-bottom: 0.43em;
		color: #000000;
		text-decoration: none;
		font-weight: 700;
		font-style: normal;
		
	}
	
	/*--- Paragraphs | AbsŠtze ------------------------------------------------------------------------*/

	p,
	ul,
    ol {
		font-family: "lato-light";
		margin-bottom: 0.25em;
		color: #1C1C1C;
		text-decoration: none;
		font-weight: 400;
		font-style: normal;
			}

	p {
		font-size: 110%;
						line-height: 1.5em
						;	}
	:root{
		--h1-ff: robotoslab;--h2-ff: robotoslab;--h3-ff: robotoslab;--h4-ff: lato;--h5-ff: robotoslab;--h6-ff: lato;--text-ff: "lato-light";--text-fs: 110%;--text-lh: 1.5em;--text-fw: 400;	}
@media screen and ( max-width: 480px ) {
	:root{
		--text-fs: %;	}
}
    /*--- Data Protection Banner ----------------------------------------------------------------------------------------- */
    .incms-dpbanner {
    font-family: "lato-light";font-size: 110%;line-height: 1.5em;text-decoration: none;    }
    .incms-dpbanner .dp-title,
    .incms-dpbanner p{
    margin-bottom: 0.25em;color: #1C1C1C;    }
    .incms-dpbanner .incms-dpbanner-inner {
        width: 100%;
        height: auto;
        padding: 24px;
        border-radius: var(--incms-radius-lg, 16px);
        box-shadow: 0 34px 90px rgba(15, 23, 42, 0.22);
        font-size: 16px;
        line-height: 1.5;
    }
    .incms-dpbanner button,
    button.showdataprotection {
        padding: 10px 16px !important;
        border-radius: var(--incms-radius-md, 12px) !important;
        margin: 16px 8px 0 0 !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        box-shadow: none;
    }
    .incms-dpbanner .dp_accept,
    button.showdataprotection {
        color: var(--incms-primary-text, #fff) !important;
        border-color: var(--incms-primary, #2563eb) !important;
        background: var(--incms-primary, #2563eb) !important;
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
        box-shadow: 0 12px 28px color-mix(in srgb, var(--incms-primary, #2563eb) 30%, transparent);
    }
    .incms-dpbanner button.dp_learnmore,
    .incms-dpbanner button.dp_reject,
    .incms-dpbanner .dp_accept_selected {
        color: var(--incms-primary, #2563eb) !important;
        border: 1px solid #d1d5db !important;
        border-color: #d1d5db !important;
        background: rgba(15, 23, 42, 0.035) !important;
    }
    .incms-dpbanner[data-theme=dark] button.dp_learnmore,
    .incms-dpbanner[data-theme=dark] button.dp_reject,
    .incms-dpbanner[data-theme=dark] .dp_accept_selected {
        color: #fff !important;
        border-color: rgba(255, 255, 255, 0.28) !important;
        background: rgba(255, 255, 255, 0.06) !important;
    }
    .incms-dpbanner[data-theme=dark] .incms-dpbanner-consents .desc {
        color: rgba(255, 255, 255, 0.82) !important;
    }
    .incms-dpbanner[data-buttoncolors=neutral] .dp_accept,
    .incms-dpbanner[data-buttoncolors=neutral] button.showdataprotection,
    .incms-dpbanner[data-buttoncolors=neutral] button.dp_learnmore,
    .incms-dpbanner[data-buttoncolors=neutral] button.dp_reject,
    .incms-dpbanner[data-buttoncolors=neutral] .dp_accept_selected {
        color: #fff !important;
        border-color: rgba(255, 255, 255, 0.28) !important;
        background: rgba(255, 255, 255, 0.06) !important;
        box-shadow: none !important;
    }
    .incms-dpbanner[data-theme=light][data-buttoncolors=neutral] .dp_accept,
    .incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.showdataprotection,
    .incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.dp_learnmore,
    .incms-dpbanner[data-theme=light][data-buttoncolors=neutral] button.dp_reject,
    .incms-dpbanner[data-theme=light][data-buttoncolors=neutral] .dp_accept_selected {
        color: #1f2937 !important;
        border-color: #d1d5db !important;
        background: rgba(15, 23, 42, 0.035) !important;
        box-shadow: none !important;
    }

	#agenda-year,
    #agenda-months,
    #agenda-legend,
    #agenda-days{
        font-size: 110%;
		font-family: "lato-light";
		    }

	ul.sitemap,
	ul li,
	ol li {
		font-size: 110%;
				line-height: 1.5em
				;	}
    ul ul > li,
    ol ol > li,
    ul > li > p,
    ol > li > p {
        font-size:100%;
    }
	/*--- Forms | Formulare ------------------------------------------------------------------------*/

	.incms-form .incms-form-item-label{
		font-family: "lato-light";
		font-size: 110%;
		line-height: 1.5em;
		color: #1C1C1C;
		font-weight: 400;
		font-style: normal;
		  
	}
	.tooltip {
	color: #000000;
			}
 
	
	/*--- Links ----------------------------------------------------------------------------------------- */

	a {
		color: #000000;
		background-color: transparent;
		font-weight: bold;
		text-decoration: underline;
		font-style: normal;  
	}
	
	a:visited {
		color: #000000;
		  
	}

	a:hover,
	a:focus {
		color: #000000;
		background-color: transparent;
		font-weight: bold;
		text-decoration: none;
		font-style: normal;  
	}
	.owl-nofullwidth.owl-carousel.incms-theme .owl-nav [class*='owl-'] i {
		color: #1C1C1C;
	}
	.owl-nofullwidth.owl-carousel.incms-theme .owl-dots .owl-dot span{
		background-color: #1C1C1C;
	}
	.owl-carousel.incms-theme .owl-dots .owl-dot.active span,
	.owl-carousel.incms-theme .owl-dots .owl-dot:hover span {
		background: #000000;
	}
	.owl-carousel.incms-theme .owl-nav [class*='owl-']:hover i {
		color: #000000;
	}
 
	/*--- Header | Banner ----------------------------------------------------------------------------------------- */
	
	.header_wrap {
		background-position: top center;
		background-repeat: repeat;
		background-attachment: scroll;
	}
		
	.header { background-color: #FFFFFF; }
				 
 
 
	/*--- Footer | Fusszeile ----------------------------------------------------------------------------------------- */

	.footer .smart-box.fullwidth .smart-box-container{
        max-width: 1078px;
        }
        .view-edit .footer .smart-box.fullwidth .smart-box-container {
        max-width: 1034px;
        }
        .narrow.view-edit .footer .smart-box.fullwidth .smart-box-container {
        max-width: 663px;
        }
        
	.footer {
		background-color: #666666;  
	}
	
	#incmsicon a {
		background-position: left 0px;
		display: none;  
	}
	
	#incmsicon a:hover {
		background-position: left -20px;  
	}
	
	
	.footer h3 {
	font-family: Arial, sans-serif;
		    
		font-size: 125%;
		line-height: 1.3em;
		margin-bottom: 0.43em;
		color: #ffffff;
	text-decoration: none;
		font-weight: initial;
		font-style: normal;
		}
			
	#menulangbottom ul li {
		border-right: 1px solid #fff;
		font-family: "lato";
		    
		font-size: 100%;
		line-height: 1.5em;
		color: #fff;
	}
	
	.footer p {
	font-family: "lato";
		    
		font-size: 100%;
		line-height: 1.5em;
		margin-bottom: 0.75em;
		color: #fff;
	text-decoration: none;
		font-weight: initial;
		font-style: normal;
		}
			
	.footer a {
		color: #FFFFFF;
		background: transparent;
		font-weight: inherit;
		text-decoration: none;
		font-style: normal;
	}
			
	.footer a:hover {
		color: #FFFFFF;
		background-color: transparent;
		font-weight: bold;
		text-decoration: none;
		font-style: normal;
	}	
	
	/*---Bottom footer | Untere Fusszeile ----------------------------------------------------------------------------------------- */
 
	.footerbottom { display: none; } 
 
 
	/*--- Horizontal navigation | Horizontale Navigation ----------------------------------------------------------------------------------------- */
 
	#nav {
		background: transparent;  
	}
	
	.ym-hlist {
		/* width: auto !important; */
		border-style: solid;
		border-top-width: 0px;
		border-top-color: #fff;
		border-right-width: 0px;
		border-right-color: #fff;
		border-bottom-width: 0px;
		border-bottom-color: #fff;
		border-left-width: 0px;
		border-left-color: #fff;		
	}

	#topmenu {
		padding: 0 12px 0 6px;
	}
    
    #topmenu .dropdown, #topmenu .mobiledropdown dropdown_sub { display: none; }
    
    #topmenu .dropdown .dropdown_sub { display: none; font-size: 100%; }
	
	.ym-hlist ul li {
		margin-top: 6px;
		margin-right: 4px;
		margin-bottom: 6px;		
	}

		#nav-trigger span{
		font-weight: initial;
		font-style: normal;
		font-family: "lato";
            font-size: 95%;
				color: #000000;
				background: transparent;
				text-decoration: none;
						}
	.ym-hlist ul li a,
	#nav-trigger span {
        font-weight: initial;
		font-style: normal;
		font-family: "lato";
            font-size: 95%;
		color: #000000;
		background: transparent;
		text-decoration: none;
		border-top-width: 0px;
		border-top-color: #EEEEEE;
		border-right-width: 0px;
		border-right-color: #EEEEEE;
		border-bottom-width: 0px;
		border-bottom-color: #EEEEEE;
		border-left-width: 0px;
		border-left-color: #EEEEEE;		
		border-style: solid;
		line-height: 1em;
		border-radius: 0em 0em 0em 0em;
		-webkit-border-radius: 0em 0em 0em 0em;
		-moz-border-radius: 0em 0em 0em 0em;
		padding: 6px 6px 6px 6px;
		text-shadow: 0px 0px 0px rgba(0,0,0,0.2);;		
	}
 
	.ym-hlist ul li:focus,
	.ym-hlist ul li:hover,
	.ym-hlist ul li:active {
		margin-top: 6px;
		margin-right: 4px;
		margin-bottom: 6px;		
	}
	
	.ym-hlist ul li a:focus,
	.ym-hlist ul li a:hover,
	.ym-hlist ul li a:active {
        color: #37c0aa;
		background: transparent;
		text-decoration: none;
		font-style: normal;
		border-top-width: 0px;
		border-top-color: #EEEEEE;
		border-right-width: 0px;
		border-right-color: #EEEEEE;
		border-bottom-width: 0px;
		border-bottom-color: #EEEEEE;
		border-left-width: 0px;
		border-left-color: #EEEEEE;		
		border-style: solid;
		line-height: 1em;
		border-radius: 0em 0em 0em 0em;
		-webkit-border-radius: 0em 0em 0em 0em;
		-moz-border-radius: 0em 0em 0em 0em;
		padding: 6px 6px 6px 6px;
		text-shadow: 0px 0px 0px rgba(0,0,0,0.2);;  
	}
 
	.ym-hlist ul li.active {
		background: transparent;
		margin-top: 6px;
		margin-right: 4px;
		margin-bottom: 6px;  
	}
 
	.ym-hlist ul li.active a {
        	background: rgba(255,255,255,0);
		color: #37c0aa;
		text-decoration: none;
		font-style: normal;
		border-top-width: 0px;
		border-top-color: #EEEEEE;
		border-right-width: 0px;
		border-right-color: #EEEEEE;
		border-bottom-width: 0px;
		border-bottom-color: #EEEEEE;
		border-left-width: 0px;
		border-left-color: #EEEEEE;		
		border-style: solid;
		line-height: 1em;
		border-radius: 0em 0em 0em 0em;
		-webkit-border-radius: 0em 0em 0em 0em;
		-moz-border-radius: 0em 0em 0em 0em;
		padding: 6px 6px 6px 6px;
		text-shadow: 0px 0px 0px rgba(0,0,0,0.2);;  
	}
	
	.ym-hlist ul li.active:focus,
	.ym-hlist ul li.active:hover,
	.ym-hlist ul li.active:active {
		margin-top: 6px;
		margin-right: 4px;
		margin-bottom: 6px;
		background: transparent;		
	}
	
	.ym-hlist ul li.active:focus a,
	.ym-hlist ul li.active:hover a,
	.ym-hlist ul li.active:active a,
	.ym-hlist ul li.active a:focus,
	.ym-hlist ul li.active a:hover,
	.ym-hlist ul li.active a:active {
        color: #37c0aa;
		background: transparent;
		text-decoration: none;
		font-style: normal;
		border-top-width: 0px;
		border-top-color: #EEEEEE;
		border-right-width: 0px;
		border-right-color: #EEEEEE;
		border-bottom-width: 0px;
		border-bottom-color: #EEEEEE;
		border-left-width: 0px;
		border-left-color: #EEEEEE;		
		border-style: solid;
		line-height: 1em;
		border-radius: 0em 0em 0em 0em;
		-webkit-border-radius: 0em 0em 0em 0em;
		-moz-border-radius: 0em 0em 0em 0em;
		padding: 6px 6px 6px 6px;
		text-shadow: 0px 0px 0px rgba(0,0,0,0.2);;  
	}
	
 
 
	/*--- Dropdown navigation | Dropdown Navigation ----------------------------------------------------------------------------------------- */
	
 
	#topmenu li:hover .dropdown {
				display: block;
				position: absolute;
			}
			#topmenu li .dropdown li:hover .dropdown_sub {
				display: block;
				position: absolute;
				float: none;
				left: 100%;
				margin: 0px;
				padding: 0px;
				top: 0px;
			}
			
			#topmenu .dropdown li .dropdown_sub a {
				background-color: #d4d4d4;
				color: #484848;
				width: auto;
				min-width: 70%;
			}

		
			#topmenu .dropdown li.first.hassub {
				/*padding-right: 1px;*/
			}

    		#topmenu .mobiledropdown .dropdown_sub {
    			display: none;
				padding: 0px;
			}

			/* IE/Edge topmenu dropdown dot fix start */
			#topmenu li .dropdown li,
			#topmenu li:hover .dropdown li{
				list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
				float:left;
				min-width:100%;
			}
			#topmenu li .dropdown li a,
			#topmenu .dropdown li .dropdown_sub a{
				display:inline-block;
				min-width:100%;
				box-sizing:border-box;
			}

			/* fill subdropdown with colors */
			
			#topmenu .dropdown li .dropdown_sub a,
			#topmenu .mobiledropdown li .dropdown_sub a {
			font-family: Arial, sans-serif;
            font-weight: initial;
		font-style: normal;
		;
				font-size: 80%;
				color: #888888;
				background: #EEEEEE;

			}
			.ym-hlist {
				overflow: visible;
			}
			#main {
				clear: both;
			}
			.ym-hlist ul li {
				position: relative;
			}
			#topmenu li a span {
				display: none;
			}
			.ie7 #main { position: static !important; } /* ie7 fix... */
			
			/* dropdown box */
			#topmenu .dropdown {
				z-index: 101;
				position: absolute;
				padding: 8px 0 0 0;
			}
			
			/* dropdown menu links */
			#topmenu .dropdown li {
				float: none;
				display: block;
				margin: 0;
				border-top: 0;
				border-bottom: 0;
				border-radius: 0 !important;
				-webkit-border-radius: 0 !important;
				-moz-border-radius: 0 !important;
				border-right: 0px solid #EEEEEE;
				border-left: 0px solid #EEEEEE;
				background-color: #EEEEEE;
			}
			#topmenu .dropdown li.first,
			#topmenu .dropdown li.first.last {
				border-top: 0px solid #EEEEEE;
			}
			#topmenu .dropdown li.last {
				border-bottom: 0px solid #EEEEEE;
			}
			#topmenu .dropdown li.first,
			#topmenu .dropdown li.first a {
				border-radius: 0.2em 0.2em 0 0 !important;
				-webkit-border-radius: 0.2em 0.2em 0 0 !important;
				-moz-border-radius: 0.2em 0.2em 0 0 !important;
			}
			#topmenu .dropdown li.last,
			#topmenu .dropdown li.last a {
				border-radius: 0 0 0.2em 0.2em !important;
				-webkit-border-radius: 0 0 0.2em 0.2em !important;
				-moz-border-radius: 0 0 0.2em 0.2em !important;
			}
			#topmenu .dropdown li.first.last,
			#topmenu .dropdown li.first.last a {
				border-radius: 0.2em 0.2em 0.2em 0.2em !important;
				-webkit-border-radius: 0.2em 0.2em 0.2em 0.2em !important;
				-moz-border-radius: 0.2em 0.2em 0.2em 0.2em !important;
			}
			#topmenu .dropdown li.first a,
			#topmenu .dropdown li.first.last a {
				border-top: 0;
			}

			#topmenu .dropdown li a,
			#topmenu .mobiledropdown li a {
				border-top: 1px solid #DDDDDD;
				border-left: 0;
				border-right: 0;
				border-bottom: 0;
				border-radius: 0;
				font-family: Arial, sans-serif;
                font-weight: initial;
		font-style: normal;
		;
				font-size: 80%;
				color: #888888;
				background: #EEEEEE;
				padding-top: 8px;
				padding-right: 8px;
				padding-bottom: 8px;
				padding-left: 8px;
				width: 250px;
			text-decoration: none;
				text-shadow: 0px 0px 0px rgba(0,0,0,0.2);;
			}
			
			#topmenu .mobiledropdown li a {
				border-radius:0.2em 0.2em 0.2em 0.2em;-webkit-border-radius: 0.2em 0.2em 0.2em 0.2em;
				-moz-border-radius: 0.2em 0.2em 0.2em 0.2em;
			}
			
			#topmenu li .dropdown li:hover .dropdown_sub {
			width: 180px;
			}
			
			/* dropdownmenu a:hover */
			#topmenu .dropdown li a:hover,
			#topmenu .mobiledropdown li a:hover {
				color: #DDDDDD;
				background: #888888;
			font-style: normal;
				text-decoration: none;
				text-shadow: 0px 0px 0px rgba(0,0,0,0.2);;
			}
			
			/* dropdownmenu a.active */
			#topmenu .dropdown li a.active,
			#topmenu .mobiledropdown li a:active {
				color: #FFFFFF;
				background: #888888;
			font-style: normal;
				text-decoration: none;
				text-shadow: 0px 0px 0px rgba(0,0,0,0.2);;
			}
			
			/* dropdownmenu a.active:hover */
			#topmenu .dropdown li a.active:hover,
			#topmenu .mobiledropdown li a.active:hover {
				color: #FFFFFF;
				background: #444444;
			font-style: normal;
				text-decoration: none;
				text-shadow: 0px 0px 0px rgba(0,0,0,0.2);;
			}
		 
 
	
	/*--- Vertical navigation | Vertikale Navigation ----------------------------------------------------------------------------------------- */
	.ym-vlist{
		font-size: 100%;
					}
	.ym-vlist li{
		font-size:100%;
	}
	.ym-vlist ul {
		border-top: 1px solid #DDDDDD;
			}

    	.ym-vlist{
		font-size: 95%;
			}
	.ym-vlist li{
		font-size: 100%
	}
	.ym-vlist a,
	.ym-vlist a:visited {
        font-weight: initial;
		font-style: normal;
		color: #000000;
		background: transparent;font-family: "lato";
            text-decoration: none;
		border-bottom: 1px solid #DDDDDD;
	}

		.ym-vlist li a.active {
		color: #37c0aa;
		background: rgba(255,255,255,0);
		text-decoration: none !important;
		font-style: normal !important;		
	}

		.ym-vlist li a.active:hover {
		color: #37c0aa;
		background: transparent;
				
	}
	
	.ym-vlist li:hover { background: transparent; }
	
		.ym-vlist li a:focus,
	.ym-vlist li a:hover,
	.ym-vlist li a:active {
		color: #37c0aa;
		background: transparent;
		text-decoration: none;
		font-style: normal;		
	}

	/* Level 2 */
		.ym-vlist li ul li a,
	.ym-vlist li ul li a:visited {
		color: #000000;
		background: transparent;
				
	}
		.ym-vlist li ul li a:focus,
	.ym-vlist li ul li a:hover,
	.ym-vlist li ul li a:active {
		color: #37c0aa;
		background: transparent;
				
	}

		.ym-vlist li ul li a.active {
		color: #37c0aa;
		background: rgba(255,255,255,0);
				
	}

		.ym-vlist li ul li a.active:hover {
		color: #37c0aa;
		background: transparent;
				
	}

	/* Level 3 */
		.ym-vlist li ul li ul li a,
	.ym-vlist li ul li ul li a:visited {
		color: #000000;
		background: transparent;
		
	}
		.ym-vlist li ul li ul li a:focus,
	.ym-vlist li ul li ul li a:hover,
	.ym-vlist li ul li ul li a:active {
		color: #37c0aa;
		background: transparent;
		
	}

		.ym-vlist li ul li ul li a.active {
		color: #37c0aa;
		background: rgba(255,255,255,0);
		
	}

		.ym-vlist li ul li ul li a.active:hover {
		color: #37c0aa;
		background: transparent;
		
	}

	/* Level 4 */
		.ym-vlist li ul li ul li ul li a,
	.ym-vlist li ul li ul li ul li a:visited {
		color: #000000;
		background: transparent;
		
	}
		.ym-vlist li ul li ul li ul li a:focus,
	.ym-vlist li ul li ul li ul li a:hover,
	.ym-vlist li ul li ul li ul li a:active {
		color: #37c0aa;
		background: transparent;
		
	}

		.ym-vlist li ul li ul li ul li a.active {
		color: #37c0aa;
		background: rgba(255,255,255,0);
		
	}

		.ym-vlist li ul li ul li ul li a.active:hover {
		color: #37c0aa;
		background: transparent;
		
	}

	/*--- Flexi: Boxes ----------------------------------------------------------------------------------------- */
    
    
    /* box */
	.flexi .box {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.flexi .box .icon { height: 24px; width: 24px; padding-right: 8px; float: left; }
	.flexi .box .title h1 { margin-top: 0; line-height: 1.8em; }
	.flexi .box .content { clear: both; }
	
	/* box gray */
	.flexi .box.gray { background: #EEEEEE !important; border-color: #CFCFCF !important; }
	.flexi .box.gray p,
	.flexi .box.gray h1,
	.flexi .box.gray h2,
	.flexi .box.gray h3 { color: #3B3B3B !important; }
	
	/* box blue */
	.flexi .box.blue { background: #D8ECF5 !important; border-color: #9AC9DF !important; }
	.flexi .box.blue p,
	.flexi .box.blue h1,
	.flexi .box.blue h2,
	.flexi .box.blue h3 { color: #114D6F !important; }
	
	/* box red */
	.flexi .box.red { background: #F9E5E6 !important; border-color: #F7C7C9 !important; }
	.flexi .box.red p,
	.flexi .box.red h1,
	.flexi .box.red h2,
	.flexi .box.red h3 { color: #6D0113 !important; }
	
	/* box yellow */
	.flexi .box.yellow { background: #FCf7D9 !important; border-color: #F5DC7D !important; }
	.flexi .box.yellow p,
	.flexi .box.yellow h1,
	.flexi .box.yellow h2,
	.flexi .box.yellow h3 { color: #695602 !important; }
	


	/*--- Flexi/inCMS Buttons ----------------------------------------------------------------------------------------- */

	.incms-button,
	.btn-submit > div {
		max-width: 100%;
		text-align: center;
		width: 100%;
		display: inline-block;
	}
	.incms-button a,
	.incms-button button,
	.btn-submit a,
	.btn-submit button {
		display:block;
		width:100%;
		box-sizing:border-box;
	}


	/* BUTTON 1 */
	.incms-button-button1 {
		margin-bottom: 1em;
	}
	.incms-button-button1 a,
    .incms-button-button1 button {
		font-family:"lato";
		font-weight: 700;
		font-style: normal;
				font-size: 100%;
		color: #000000;
		text-decoration: none;
		text-shadow: 0px 0px 0px rgba(0,186,2,0);;		padding: 6px 60px;
		background: #F0B334;
		background: -moz-linear-gradient(top,  #F0B334 0%, #F0B334 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0B334), color-stop(100%,#F0B334)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #F0B334 0%,#F0B334 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #F0B334 0%,#F0B334 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #F0B334 0%,#F0B334 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #F0B334 0%,#F0B334 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0B334', endColorstr='#F0B334' ); /* IE6-8 */
		zoom: 1;
		border: 0px solid rgba(255,255,255,0);
		border-radius: 0em;
		-webkit-border-radius: 0em;
		-moz-border-radius: 0em;
		-webkit-box-shadow: 0px 0px 0px rgba(0,186,2,0);;-moz-box-shadow: 0px 0px 0px rgba(0,186,2,0);;box-shadow: 0px 0px 0px rgba(0,186,2,0);;	}
	.incms-button-button1:hover a,
    .incms-button-button1:hover button {
		color: #FFFFFF;
		text-decoration: none;
		font-style: normal;
				padding: 6px 60px;
		text-shadow: 0px 0px 1px #000000;		background: #7494aa;
		background: -moz-linear-gradient(top,  #7494aa 0%, #7494aa 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7494aa), color-stop(100%,#7494aa)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #7494aa 0%,#7494aa 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #7494aa 0%,#7494aa 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #7494aa 0%,#7494aa 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #7494aa 0%,#7494aa 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7494aa', endColorstr='#7494aa'); /* IE6-8 */
		zoom: 1;
		border: 0px solid rgba(255,255,255,0);
	}

	/* BUTTON 2 */
	.incms-button-button2 {
		margin-bottom: 1em;
	}
	.incms-button-button2 a,
    .incms-button-button2 button {
		font-family: "lato";
		font-weight: 700;
		font-style: normal;
				font-size: 100%;
		color: #FFFFFF;
		text-decoration: none;
		text-shadow: 0px 0px 0px rgba(0,186,2,0);;		padding: 6px 60px;
		background: #5B74A5;
		background: -moz-linear-gradient(top,  #5B74A5 0%, #5B74A5 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5B74A5), color-stop(100%,#5B74A5)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #5B74A5 0%,#5B74A5 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #5B74A5 0%,#5B74A5 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #5B74A5 0%,#5B74A5 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #5B74A5 0%,#5B74A5 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5B74A5', endColorstr='#5B74A5' ); /* IE6-8 */
		zoom: 1;
		border: 0px solid rgba(255,255,255,0);
		border-radius: 0em;
		-webkit-border-radius: 0em;
		-moz-border-radius: 0em;
		-webkit-box-shadow: 0px 0px 0px rgba(0,186,2,0);;-moz-box-shadow: 0px 0px 0px rgba(0,186,2,0);;box-shadow: 0px 0px 0px rgba(0,186,2,0);;	}
	.incms-button-button2:hover a,
    .incms-button-button2:hover button {
		color: #000000;
		text-decoration: none;
		font-style: normal;
				padding: 6px 60px;
		text-shadow: 0px 0px 0px rgba(0,186,2,0);;		background: #7494aa;
		background: -moz-linear-gradient(top,  #7494aa 0%, #7494aa 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7494aa), color-stop(100%,#7494aa)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #7494aa 0%,#7494aa 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #7494aa 0%,#7494aa 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #7494aa 0%,#7494aa 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #7494aa 0%,#7494aa 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7494aa', endColorstr='#7494aa'); /* IE6-8 */
		zoom: 1;
		border: 0px solid rgba(255, 255, 255, 0);
	}

	/* BUTTON 3 */
	.incms-button-button3 {
		margin-bottom: 1em;
	}
	.incms-button-button3 a,
    .incms-button-button3 button  {
        font-family: Arial, sans-serif;
		font-weight: 700;
		font-style: italic;
				font-size: 140%;
		color: #0A1B57;
		text-decoration: none;
		text-shadow: 0px 1px 1px #FFFFFF;		padding: 16px 10px;
		background: #FFF553;
		background: -moz-linear-gradient(top,  #FFF553 0%, #FFB82E 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF553), color-stop(100%,#FFB82E)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #FFF553 0%,#FFB82E 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #FFF553 0%,#FFB82E 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #FFF553 0%,#FFB82E 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #FFF553 0%,#FFB82E 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF553', endColorstr='#FFB82E' ); /* IE6-8 */
		zoom: 1;
		border: 1px solid #AAAAAA;
		border-radius: 0.3em;
		-webkit-border-radius: 0.3em;
		-moz-border-radius: 0.3em;
		-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.4);;-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.4);;box-shadow: 0px 2px 5px rgba(0,0,0,0.4);;	}
	.incms-button-button3:hover a,
    .incms-button-button3:hover button  {
		color: #0A1B57;
		text-decoration: none;
		font-style: italic;
		font-weight: bold;		padding: 13px 7px;
		text-shadow: 0px 1px 1px #FFFFFF;		background: #FFF553;
		background: -moz-linear-gradient(top,  #FFF553 0%, #FFB82E 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF553), color-stop(100%,#FFB82E)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #FFF553 0%,#FFB82E 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #FFF553 0%,#FFB82E 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #FFF553 0%,#FFB82E 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #FFF553 0%,#FFB82E 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF553', endColorstr='#FFB82E'); /* IE6-8 */
		zoom: 1;
		border: 4px solid #F58B11;
	}
    .incms-form .incms-form-title{
        color: #1C1C1C    }

}

@media screen and ( max-width: 1100px ) {
		
	.header,
	.header_wrap { background-image: none; }
	
}
@media screen and ( max-width: 768px) {

	.ym-hlist ul ul {
		padding-right: 0;
		padding-left: 0;
	}
	.ul.dropdown_sub {
		display: none;
		padding: 0px;
	}
	#topmenu .mobiledropdown li a {
		width: auto;
	}

}

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

	#topmenu {
		padding: 0.5em 10px;
	}
	
	#topmenu li a span {
		display: inline;
	}
	#topmenu li a .sub_next,
	#topmenu li a .span_after {
		float: right;
	}
	#topmenu li a .sub_prev,
	#topmenu li a .span_before {
		float: left;
	}
	#topmenu li a .span_before,
	#topmenu li a .span_after {
		visibility:hidden;
		padding: 8px 15px;
		margin-top: -8px;
	}
	#topmenu li a .sub_next,
	#topmenu li a .sub_prev {
		padding: 8px 15px;
		margin-top: -8px;
	}
	#topmenu li a .sub_next,
	#topmenu li a .span_after
	{
		margin-right: -8px;
		margin-left: -29px;
	}
	#topmenu li a .sub_prev,
	#topmenu li a .span_before
	{
		margin-left: -8px;
		margin-right: -25px;
	}
    #topmenu a.hassub:not(:has(+ul)) > span:is(.sub_next,.span_after) {
        display: none;
    }
	
	.ym-hlist ul li a,
	.ym-hlist ul li .mobiledropdown a {
		border-radius: 0em;
		-webkit-border-radius: 0em;
		-moz-border-radius: 0em;	
	}
	
	.ym-hlist ul li a:hover,
	.ym-hlist ul li .mobiledropdown a:hover {
		border-radius: 0em;
		-webkit-border-radius: 0em;
		-moz-border-radius: 0em;	
	}
	
	.ym-hlist ul li.active a,
	.ym-hlist ul li .mobiledropdown li.active a {
		border-radius: 0em;
		-webkit-border-radius: 0em;
		-moz-border-radius: 0em;	
	}
	
	.ym-hlist ul li.active a:hover,
	.ym-hlist ul li .mobiledropdown li.active a:hover {
		border-radius: 0em;
		-webkit-border-radius: 0em;
		-moz-border-radius: 0em;	
	}
	
	.ym-hlist ul li,
	.ym-hlist ul li:focus,
	.ym-hlist ul li:hover,
	.ym-hlist ul li:active,
	.ym-hlist ul li.active,
	.ym-hlist ul li.active:focus,
	.ym-hlist ul li.active:hover,
	.ym-hlist ul li.active:active,
	.ym-hlist .mobiledropdown li,
	.ym-hlist .mobiledropdown li:focus,
	.ym-hlist .mobiledropdown li:hover,
	.ym-hlist .mobiledropdown li:active,
	.ym-hlist .mobiledropdown li.active,
	.ym-hlist .mobiledropdown li.active:focus,
	.ym-hlist .mobiledropdown li.active:hover,
	.ym-hlist .mobiledropdown li.active:active {
		margin: 4px 0;
	}
	
	.ym-hlist ul li a,
	.ym-hlist ul li a:focus,
	.ym-hlist ul li a:hover,
	.ym-hlist ul li a:active,
	.ym-hlist ul li a.active,
	.ym-hlist ul li a.active:focus,
	.ym-hlist ul li a.active:hover,
	.ym-hlist ul li a.active:active,
	.ym-hlist .mobiledropdown li a,
	.ym-hlist .mobiledropdown li a:focus,
	.ym-hlist .mobiledropdown li a:hover,
	.ym-hlist .mobiledropdown li a:active,
	.ym-hlist .mobiledropdown li a.active,
	.ym-hlist .mobiledropdown li a.active:focus,
	.ym-hlist .mobiledropdown li a.active:hover,
	.ym-hlist .mobiledropdown li a.active:active {
		margin: 0;
		padding: 8px;
		border: 0;
	}
	
	#nav {
		background: transparent;  
	}
	
	.ym-hlist { border: 0px; }
	
	#topmenu .mobiledropdown {
		margin: 0;
		padding: 0;
	}
	
	
	/* dropdown layout styling */
	#topmenu li.hassub:hover ul{
		position: static;
	}
	
	#topmenu li.hassub ul.dropdown li {
		padding-right: 15px;
	}
	
	#topmenu li.hassub ul.dropdown li a{
		width: 100%;
	}

	ul#topmenu li.active a.active+ul.dropdown {
		position: static;
		display: block;
	}

	#topmenu li.hassub ul.dropdown li.hassub ul.dropdown_sub{
		position: static;
		width: 80%;
		float: none;
		margin-top: 1px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#topmenu li.hassub:hover ul.dropdown li.hassub ul.dropdown_sub,
	#topmenu li.hassub.active ul.dropdown li.hassub ul.dropdown_sub{
		position: static;
		width: 80%;
		float: none;
		margin-top: 1px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		padding: 0px;
	}
	
	#topmenu li.hassub ul.mobiledropdown .dropdown_sub {
		display: none;
	}
	
	/* dropdown menu link */
	#topmenu li:focus .mobiledropdown a,
	#topmenu li:hover .mobiledropdown a,
	#topmenu li:active .mobiledropdown a,
	#topmenu li.active .mobiledropdown a,
	#topmenu li.active:focus .mobiledropdown a,
	#topmenu li.active:hover .mobiledropdown a,
	#topmenu li.active:active .mobiledropdown a {
		font-weight: initial;
		font-style: normal;
		font-family: Arial, sans-serif;
		    font-size: 80%;
		color: #888888;
		background: #EEEEEE;
		text-decoration: none;
		padding: 8px 8px 8px 8px;
	text-shadow: 0px 0px 0px rgba(0,0,0,0.2);;	}
	
	
	/* dropdown menu link:hover */
	#topmenu li .mobiledropdown a:focus,
	#topmenu li .mobiledropdown a:hover,
	#topmenu li .mobiledropdown a:active,
	#topmenu li.active .mobiledropdown a:focus,
	#topmenu li.active .mobiledropdown a:hover,
	#topmenu li.active .mobiledropdown a:active {
		color: #DDDDDD;
		background: #888888;
		text-decoration: none;
		font-style: normal;
		text-shadow: 0px 0px 0px rgba(0,0,0,0.2);;	}
	
	
	/* dropdown menu link.active */
	#topmenu li .mobiledropdown a.active,
	#topmenu li.active .mobiledropdown a.active {
			font-weight: inherit;
		color: #FFFFFF;
		background: #888888;
		text-decoration: none;
		font-style: normal;
		text-shadow: 0px 0px 0px rgba(0,0,0,0.2);;	}
	
	
	/* dropdown menu link.active:hover */
	#topmenu li .mobiledropdown a.active:focus,
	#topmenu li.active .mobiledropdown a.active:focus,
	#topmenu li .mobiledropdown a.active:hover,
	#topmenu li.active .mobiledropdown a.active:hover,
	#topmenu li .mobiledropdown a.active:active,
	#topmenu li.active .mobiledropdown a.active:active {
		color: #FFFFFF;
		background: #444444;
		text-decoration: none;
		font-style: normal;
		text-shadow: 0px 0px 0px rgba(0,0,0,0.2);;	}


	/* mobile menu */

	#nav-trigger {
		padding: 0.5em 10px;
	}

	
	}
@media screen and ( max-width: 480px ) {
    .view-normal .incms-mobile-hidden,.view-mobile .incms-mobile-hidden{
        display:none !important;
    }
}
@media screen and ( min-width: 481px ) {
	
			#topmenu,
			#menulangtop > ul {
				display: block;
				text-align: center;
				width: 100%;
				padding: 0px !important;
			}
			
			.ym-hlist ul#topmenu li,
			.ym-hlist div#menulangtop ul li {
				display: inline-block !important;
				float: none !important;
			}
			    #topmenu .dropdown {
        text-align: left;
    }
    .view-normal .incms-desktop-hidden,.view-mobile .incms-desktop-hidden{
        display:none !important;
    }

	@supports (flex-wrap: wrap) {
		/* Equal Flexi Box */
		.ym-grid.equal-grid {
			display: table;
			display: -moz-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		}
		.equal-grid > div {
			display: inline-block;
			display: -moz-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
		}
		.equal-grid .ym-gbox, .equal-grid .ym-gbox .equal, .equal-grid .ym-gbox .equal .box, .equalbox {
			display: inline-block;
			display: -moz-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex: 1;
			-ms-flex: 1 0 auto;
			flex: 1 0 auto;
			flex-direction: column;
		}
		.ym-grid.equal-grid .ym-gr {
			margin: 0;
		}
		.equal-grid .ym-gbox > br {
			display: inherit;
			margin: 0 0 1em;
		}
	}
}

@media screen and ( max-width: 480px ) {
}
/* Mobile fix for Smartbox: Template Settings for 3col layout pages */
@media screen and ( max-width: 480px ) {
    .linearize-level-1,
    .linearize-level-1 > [class*="ym-g"],
    .linearize-level-1 > [class*="ym-col"] {
        display: block !important;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .equal-grid{
        display:table!important
    }
    .equal-grid > div{
        display:inline!important
    }
    .equal-grid .ym-gbox{
        display:block!important
    }
}

/* =========================================================
   SMARTBOX: 1 SPALTE
   Mehrsprachigkeit wird nativ von inCMS verwaltet.
   ========================================================= */


/* =========================================================
   BEREICH
   ========================================================= */

.sb-one-column {
  background-color: #ffffff;

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;

  padding-left: 24px;
  padding-right: 24px;
}


/* =========================================================
   HINTERGRUND
   ========================================================= */

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


.sb-one-column.bg-grey {
  background-color: #ededed;
}


.sb-one-column.bg-color {
  background-image: none !important;
}


.sb-one-column.bg-image {
  background-image: var(--sb-one-column-bg-image);

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}


.sb-one-column.bg-scroll {
  background-attachment: scroll;
}


.sb-one-column.bg-fixed {
  background-attachment: fixed;
}


/* =========================================================
   INNER
   ========================================================= */

.sb-one-column__inner {
  width: 100%;
  max-width: 1100px;

  margin: 0 auto;

  box-sizing: border-box;
}


/* =========================================================
   ÜBERSCHRIFT
   ========================================================= */

.sb-one-column
.title-wrapper:has(.sb-one-column__headline:empty) {
  display: none;
}


.sb-one-column__headline.align-left {
  text-align: left;
}


.sb-one-column__headline.align-center {
  text-align: center;
}


.sb-one-column__headline.align-right {
  text-align: right;
}


/* =========================================================
   TEXT
   ========================================================= */

.sb-one-column__text:empty {
  display: none;
}


.sb-one-column__text.align-left {
  text-align: left;
}


.sb-one-column__text.align-center {
  text-align: center;
}


.sb-one-column__text.align-right {
  text-align: right;
}


/* =========================================================
   BUTTON WRAPPER
   ========================================================= */

.sb-one-column__button-wrap {
  margin-top: 35px;

  display: flex;
}


.sb-one-column__button-wrap.align-left {
  justify-content: flex-start;
}


.sb-one-column__button-wrap.align-center {
  justify-content: center;
}


.sb-one-column__button-wrap.align-right {
  justify-content: flex-end;
}


/* =========================================================
   BUTTON AUSBLENDEN
   ========================================================= */

.sb-one-column__button-link.is-hidden,
.sb-one-column__button-link[class~="0"],
.sb-one-column__button-link:empty {
  display: none;
}


.sb-one-column__button-wrap:has(
  .sb-one-column__button-link.is-hidden
),
.sb-one-column__button-wrap:has(
  .sb-one-column__button-link[class~="0"]
),
.sb-one-column__button-wrap:has(
  .sb-one-column__button-link:empty
) {
  display: none;
}


/* =========================================================
   BUTTON LINKZUSTÄNDE
   ========================================================= */

.sb-one-column__button-wrap .custom__button,
.sb-one-column__button-wrap .custom__button:link,
.sb-one-column__button-wrap .custom__button:visited {
  text-decoration: none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

  .sb-one-column {
    padding-left: 16px;
    padding-right: 16px;
  }


  .sb-one-column.bg-fixed {
    background-attachment: scroll;
  }

}

.sb-two-col-media {

  padding-left: 24px;
  padding-right: 24px;
}

.sb-two-col-media.bg-white {
  background: #ffffff;
}

.sb-two-col-media.bg-grey {
  background: #ededed;
}

.sb-two-col-media__inner {
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  display: grid;
  gap: 10px;
}

.sb-two-col-media__title-wrap {
  width: 100%;
  max-width: 800px;
  display: grid;
  gap: 10px;
}

.sb-two-col-media__title-wrap.align-left {
  text-align: left;
  margin-right: auto;
}

.sb-two-col-media__title-wrap.align-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.sb-two-col-media__title-wrap.align-right {
  text-align: right;
  margin-left: auto;
}

.sb-two-col-media__columns {
  display: grid;
  /* Flexiblere Aufteilung (50/50), die sich an die 800px Gesamtbreite anpasst */
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px; /* Etwas reduzierter Abstand, damit beide Spalten Platz haben */
}

.sb-two-col-media__columns.align-top {
  align-items: start;
}

.sb-two-col-media__columns.align-center {
  align-items: center;
}

.sb-two-col-media__columns.align-bottom {
  align-items: end;
}

.sb-two-col-media__columns.media-right .sb-two-col-media__media {
  order: 2;
}

.sb-two-col-media__columns.media-right .sb-two-col-media__content {
  order: 1;
}

.sb-two-col-media__media {
  min-width: 0;
}

.sb-two-col-media__media-wrapper {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.sb-two-col-media__media-wrapper iframe,
.sb-two-col-media__media-wrapper video,
.sb-two-col-media__media-wrapper img {
  width: 100%;
  height: 100%;
  display: block;
}

.sb-two-col-media__media-wrapper iframe {
  border: 0;
}

.sb-two-col-media__media-wrapper img,
.sb-two-col-media__media-wrapper video {
  object-fit: cover;
}

.sb-two-col-media__content {
  min-width: 0;
  max-width: 520px;
  display: grid;
  gap: 14px;
  justify-items: start;
  text-align: left;
}

.sb-two-col-media__content-title {
  font-family: "robotoslab";
  font-weight: 400;
  text-align: left;
}

.sb-two-col-media__content-text {
  text-align: left;
}

.sb-two-col-media__content-text {
  min-width: 0;
}

.sb-two-col-media__content-text > :first-child {
  margin-top: 0;
}

.sb-two-col-media__content-text > :last-child {
  margin-bottom: 0;
}

.sb-two-col-media__button-wrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px;
}

.sb-two-col-media__button-wrap.align-left {
  justify-content: flex-start;
}

.sb-two-col-media__button-wrap.align-center {
  justify-content: center;
}

.sb-two-col-media__button-wrap.align-right {
  justify-content: flex-end;
}

.sb-two-col-media__button-wrap .custom__button.is-hidden {
  display: none;
}

.sb-two-col-media__button-wrap .custom__button:link,
.sb-two-col-media__button-wrap .custom__button:visited,
.sb-two-col-media__button-wrap .custom__button:hover,
.sb-two-col-media__button-wrap .custom__button:focus,
.sb-two-col-media__button-wrap .custom__button:active {
  text-decoration: none;
}

.sb-two-col-media__content,
.sb-two-col-media__content-title,
.sb-two-col-media__content-text,
.sb-two-col-media__button-wrap {
  justify-items: start;
  justify-content: flex-start;
  text-align: left;
}

@media (max-width: 900px) {
  .sb-two-col-media__columns {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .sb-two-col-media__columns.media-right .sb-two-col-media__media,
  .sb-two-col-media__columns.media-right .sb-two-col-media__content {
    order: initial;
  }

  .sb-two-col-media__content {
    max-width: 100%;
    justify-items: start;
    text-align: left;
  }
}

@media (max-width: 768px) {
  .sb-two-col-media {
    padding-left: 16px;
    padding-right: 16px;
  }

  .sb-two-col-media__inner {
    gap: 32px;
  }
}

/* Leere Inhaltsfelder erzeugen keinen Phantom-Abstand. */
.sb-two-col-media__title-wrap:has(.sb-two-col-media__headline:empty):has(.sb-two-col-media__subheadline:empty),
.sb-two-col-media__content-title:empty,
.sb-two-col-media__content-text:empty {
  display: none;
}

.sb-two-cols {
  padding-left: 24px;
  padding-right: 24px;
}

.sb-two-cols__inner {
  max-width: 1100px;
  margin: 0 auto;
}

.sb-two-cols__headline.is-hidden {
  display: none;
}

.sb-two-cols__grid {
  display: grid;
}

.sb-two-cols__grid.ratio-50-50 {
  grid-template-columns: 1fr 1fr;
}

.sb-two-cols__grid.ratio-30-70 {
  grid-template-columns: 0.3fr 0.7fr;
}

.sb-two-cols__grid.ratio-40-60 {
  grid-template-columns: 0.4fr 0.6fr;
}

.sb-two-cols__grid.ratio-60-40 {
  grid-template-columns: 0.6fr 0.4fr;
}

.sb-two-cols__grid.ratio-70-30 {
  grid-template-columns: 0.7fr 0.3fr;
}

.sb-two-cols__grid.gap-small {
  gap: 20px;
}

.sb-two-cols__grid.gap-medium {
  gap: 36px;
}

.sb-two-cols__grid.gap-large {
  gap: 56px;
}

.sb-two-cols__grid.valign-top {
  align-items: start;
}

.sb-two-cols__grid.valign-center {
  align-items: center;
}

.sb-two-cols__grid.valign-bottom {
  align-items: end;
}

.sb-two-cols__col {
  min-width: 0;
}

.sb-two-cols__text,
.sb-two-cols__media {
  display: none;
}

.sb-two-cols__text.col-type-text,
.sb-two-cols__media.col-type-image {
  display: block;
}

.sb-two-cols__media-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.sb-two-cols__media-image,
.sb-two-cols__media-image-right {
  width: 100%;
  height: 100%;
}

/* Leere Sprachinhalte erzeugen keine sichtbaren Elemente. */
.sb-two-cols__headline:empty,
.sb-two-cols__col-headline:empty,
.sb-two-cols__text-content:empty,
.sb-two-cols__text .custom__button:empty {
  display: none;
}

@media (max-width: 768px) {
  .sb-two-cols {
    padding-left: 16px;
    padding-right: 16px;
  }

  .sb-two-cols__grid {
    grid-template-columns: 1fr !important;
  }

  .sb-two-cols__grid.mobile-left-first .sb-two-cols__col:nth-child(1) {
    order: 1;
  }

  .sb-two-cols__grid.mobile-left-first .sb-two-cols__col:nth-child(2) {
    order: 2;
  }

  .sb-two-cols__grid.mobile-right-first .sb-two-cols__col:nth-child(1) {
    order: 2;
  }

  .sb-two-cols__grid.mobile-right-first .sb-two-cols__col:nth-child(2) {
    order: 1;
  }
}

/* =========================================================
   SMARTBOX: BUTTON
   ========================================================= */

.sb-button {
  padding-top: var(--sb-padding-top, 0px);
  padding-bottom: var(--sb-padding-bottom, 0px);
  padding-left: 24px;
  padding-right: 24px;

  box-sizing: border-box;
}


/* =========================================================
   INNERER BEREICH
   ========================================================= */

.sb-button__inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;

  display: flex;

  box-sizing: border-box;
}


/* =========================================================
   AUSRICHTUNG
   ========================================================= */

.sb-button__inner.align-left {
  justify-content: flex-start;
}

.sb-button__inner.align-center {
  justify-content: center;
}

.sb-button__inner.align-right {
  justify-content: flex-end;
}


/* =========================================================
   BUTTON
   Gestaltung über die bestehenden Theme-Klassen:
   custom__button, primary_btn und secondary_btn
   ========================================================= */

.sb-button__link {
  max-width: 100%;
  box-sizing: border-box;
}

.sb-button__inner .custom__button,
.sb-button__inner .custom__button:link,
.sb-button__inner .custom__button:visited,
.sb-button__inner .custom__button:hover,
.sb-button__inner .custom__button:focus {
  text-decoration: none;
}


/* =========================================================
   AUSBLENDEN
   Kein Button oder leerer Button-Text:
   gesamte SmartBox inklusive Abständen ausblenden
   ========================================================= */

.sb-button__link.is-hidden,
.sb-button__link:empty {
  display: none;
}

.sb-button:has(.sb-button__link.is-hidden),
.sb-button:has(.sb-button__link:empty) {
  display: none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {
  .sb-button {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* =========================================================
   SMARTBOX: ERFOLGSGESCHICHTEN
   ========================================================= */

.sb-success-stories {
  background-color: var(--sb-success-stories-bg-color, #eef2f5);

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  padding-left: 24px;
  padding-right: 24px;
}


.sb-success-stories.bg-color {
  background-image: none !important;
}


/* =========================================================
   INNER
   ========================================================= */

.sb-success-stories__inner {
  width: 100%;
  max-width: 1200px;
  min-width: 0;

  margin: 0 auto;

  display: grid;
  gap: 44px;
}


.sb-success-stories .text-content {
  margin: 0 !important;
}


/* =========================================================
   ÜBERSCHRIFT
   ========================================================= */

.sb-success-stories__title-wrap {
  width: 100%;
  max-width: 760px;
  min-width: 0;

  display: grid;
  gap: 16px;
}


.sb-success-stories__title-wrap.align-left {
  text-align: left;

  margin-right: auto;
}


.sb-success-stories__title-wrap.align-center {
  text-align: center;

  margin-left: auto;
  margin-right: auto;
}


.sb-success-stories__title-wrap.align-right {
  text-align: right;

  margin-left: auto;
}


.sb-success-stories__headline,
.sb-success-stories__subheadline {
  margin: 0;

  min-width: 0;
  max-width: 100%;

  overflow-wrap: anywhere;
  hyphens: auto;
}


/* =========================================================
   SLIDER WRAPPER
   ========================================================= */

.sb-success-stories__slider-wrap {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}


/* =========================================================
   SLIDER
   ========================================================= */

.sb-success-stories__slider {
  position: relative;

  width: 100%;
  max-width: 920px;
  min-width: 0;

  margin: 0 auto;

  padding: 0 86px 72px;

  box-sizing: border-box;

  opacity: 0;
}


.sb-success-stories__slider.is-ready {
  opacity: 1;

  transition: opacity 0.5s ease;
}


/* =========================================================
   VIEWPORT
   ========================================================= */

.sb-success-stories__viewport {
  width: 100%;
  max-width: 100%;
  min-width: 0;

  overflow: hidden;
}


/* =========================================================
   TRACK

   Explizit horizontal, damit hier auch keine andere
   globale Flex-Regel dazwischenfunken kann.
   ========================================================= */

.sb-success-stories__track {
  width: 100%;
  min-width: 0;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;

  will-change: transform;

  transition: transform 0.45s ease;
}


/* =========================================================
   SLIDES
   ========================================================= */

.sb-success-stories__slide {
  flex: 0 0 100%;

  width: 100%;
  min-width: 100%;
  max-width: 100%;

  gap: 0;
  row-gap: 0;

  padding-top: 80px;

  box-sizing: border-box;
}


/* =========================================================
   KARTE
   ========================================================= */

.sb-success-stories__card {
  position: relative;

  width: min(100%, 600px);
  max-width: 100%;
  min-width: 0;

  margin: 0 auto;

  display: grid;

  gap: 0;
  row-gap: 0;

  padding-bottom: 0;

  box-sizing: border-box;
}


.sb-success-stories__card.is-without-customer {
  padding-bottom: 0;
}


.sb-success-stories__card.is-without-image
.sb-success-stories__review {
  margin-bottom: 0 !important;

  padding-top: 72px;
}


/* =========================================================
   BILD
   ========================================================= */

.sb-success-stories__image-wrap {
  position: absolute;

  top: 0;
  left: 50%;

  width: 160px;
  height: 160px;

  transform: translate(-50%, -50%);

  border-radius: 50%;

  overflow: hidden;

  z-index: 2;
}


.sb-success-stories__image {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}


/* =========================================================
   ZITAT / TEXT
   ========================================================= */

.sb-success-stories__review {
  min-width: 0;
  min-height: 360px;

  padding: 110px 60px 92px;

  box-sizing: border-box;

  background:
    var(
      --sb-success-stories-card-bg,
      #ededed
    );

  text-align: center;

  display: grid;

  align-content: center;

  overflow-wrap: anywhere;

  box-shadow:
    0 4px 20px
    rgba(0, 0, 0, 0.1);
}


.sb-success-stories__card.is-without-customer
.sb-success-stories__review {
  padding-bottom: 40px;
}


.sb-success-stories__review > :first-child {
  margin-top: 0;
}


.sb-success-stories__review > :last-child {
  margin-bottom: 0 !important;
}


/* =========================================================
   KUNDENBEREICH

   Kein eigener gelber Hintergrund mehr.
   Der eigentliche Link benutzt den globalen Button.
   ========================================================= */

.sb-success-stories
.sb-success-stories__customer {
  position: static;

  width: 100%;

  margin: 0;

  padding: 0 !important;

  background: transparent !important;

  box-sizing: border-box;

  display: block;

  text-align: center;
}


/* =========================================================
   KUNDEN-BUTTON

   Nutzt weiterhin:
   .custom__button
   .primary_btn

   Hier überschreiben wir nur die Breite.
   ========================================================= */

.sb-success-stories__customer-link.custom__button {
  display: flex;

  width: 100%;
  max-width: none;

  min-height:
    var(--button-min-height);

  margin: 0;

  padding:
    var(--button-padding-y)
    var(--button-padding-x);

  box-sizing: border-box;

  justify-content: center;
  align-items: center;
}


/* =========================================================
   FALLBACK OHNE LINK
   ========================================================= */

.sb-success-stories__customer-name {
  display: block;

  width: 100%;

  margin: 0;

  padding: 12px 20px;

  box-sizing: border-box;

  background:
    var(
      --sb-success-stories-customer-bg,
      #d8a229
    );

  color:
    var(
      --sb-success-stories-customer-color,
      #111111
    );

  font-family:
    "Roboto Slab",
    serif;

  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;

  text-align: center;
}


/* =========================================================
   NAVIGATIONSPFEILE
   ========================================================= */

.sb-success-stories__nav {
  position: absolute;

  top: 50%;
  bottom: auto;

  transform: translateY(-50%);

  width: 42px;
  height: 42px;

  padding: 0;

  border: 0;
  border-radius: 50%;

  background:
    var(
      --sb-success-stories-nav-bg,
      #ffffff
    );

  box-shadow:
    0 2px 10px
    rgba(0, 0, 0, 0.12);

  display: flex;

  align-items: center;
  justify-content: center;

  cursor: pointer;

  z-index: 3;

  color: #000000;

  line-height: 1;

  transition:
    transform 0.2s ease,
    opacity 0.2s ease,
    box-shadow 0.2s ease;
}


.sb-success-stories__nav--prev {
  left: 16px;
}


.sb-success-stories__nav--next {
  right: 16px;
}


.sb-success-stories__nav span {
  display: block;

  line-height: 1;

  font-size: 28px;
  font-weight: 400;

  transform: translateY(-1px);
}


.sb-success-stories__nav:hover {
  transform:
    translateY(-50%)
    scale(1.05);

  box-shadow:
    0 4px 14px
    rgba(0, 0, 0, 0.16);
}


.sb-success-stories__nav:focus {
  opacity: 1;
}


.sb-success-stories__nav:focus-visible {
  outline: 2px solid #111111;

  outline-offset: 3px;
}


/* =========================================================
   PAGINATION
   ========================================================= */

.sb-success-stories__pagination {
  position: relative;

  margin-top: 18px;

  display: flex;

  justify-content: center;
  align-items: center;

  gap: 13px;
}


.sb-success-stories__pagination-button {
  appearance: none;
  -webkit-appearance: none;

  display: block;

  width: 9px;
  min-width: 9px;
  max-width: 9px;

  height: 9px;
  min-height: 9px;
  max-height: 9px;

  padding: 0;
  margin: 0;

  border: 0;
  border-radius: 50%;

  background:
    var(
      --sb-success-stories-pagination-inactive,
      #000000
    );

  opacity: 1;

  flex: 0 0 9px;

  box-sizing: border-box;

  cursor: pointer;
}


.sb-success-stories__pagination-button.is-active {
  width: 13px;
  min-width: 13px;
  max-width: 13px;

  height: 13px;
  min-height: 13px;
  max-height: 13px;

  flex: 0 0 13px;

  background: transparent;

  border:
    2px solid
    var(
      --sb-success-stories-pagination-active,
      #000000
    );

  border-radius: 50%;
}


.sb-success-stories__pagination-button:hover {
  opacity: 0.5;
}


/* =========================================================
   PULSE
   ========================================================= */

.sb-success-stories__card.is-pulsing {
  animation:
    sb-success-stories-card-pulse
    0.3s ease;
}


@keyframes sb-success-stories-card-pulse {

  0% {
    transform: scale(1.02);
  }

  100% {
    transform: scale(1);
  }

}


/* =========================================================
   NUR EINE ERFOLGSGESCHICHTE
   ========================================================= */

.sb-success-stories__slider.is-single {
  padding-left: 0;
  padding-right: 0;
}


.sb-success-stories__slider.is-single
.sb-success-stories__nav,
.sb-success-stories__slider.is-single
.sb-success-stories__pagination {
  display: none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

  .sb-success-stories {
    padding-left: 20px;
    padding-right: 20px;
  }


  .sb-success-stories__slider {
    padding:
      0 72px 68px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

  .sb-success-stories {
    padding-left: 20px;
    padding-right: 20px;
  }


  .sb-success-stories__inner {
    gap: 34px;

    min-width: 0;
  }


  .sb-success-stories__title-wrap {
    max-width: 100%;
    min-width: 0;
  }


  .sb-success-stories__headline {
    font-size: 32px !important;
    line-height: 1.18 !important;
  }


  .sb-success-stories__subheadline {
    font-size: 18px !important;
    line-height: 1.45 !important;
  }


  .sb-success-stories__slider-wrap,
  .sb-success-stories__slider,
  .sb-success-stories__viewport {
    min-width: 0;
    max-width: 100%;
  }


  .sb-success-stories__slider {
    padding:
      0 0 72px;
  }


  .sb-success-stories__slide {
    padding-top: 64px;
  }


  .sb-success-stories__image-wrap {
    width: 120px;
    height: 120px;
  }


  .sb-success-stories__review {
    min-height: 300px;

    padding:
      84px 28px 76px;
  }


  .sb-success-stories__customer-name {
    font-size: 18px;
  }


  .sb-success-stories__pagination {
    display: none;
  }

}


/* =========================================================
   MOBILE – PFEILE UNTEN
   ========================================================= */

@media (max-width: 620px) {

  .sb-success-stories__nav {
    top: auto;
    bottom: 8px;

    transform: none;
  }


  .sb-success-stories__nav:hover {
    transform: scale(1.05);
  }


  .sb-success-stories__nav--prev {
    left: calc(50% - 50px);
    right: auto;
  }


  .sb-success-stories__nav--next {
    right: calc(50% - 50px);
    left: auto;
  }

}


/* =========================================================
   KLEINES MOBILE
   ========================================================= */

@media (max-width: 550px) {

  .sb-success-stories__slider {
    padding-top: 0;
  }


  .sb-success-stories__slide {
    padding-top: 52px;
  }


  .sb-success-stories__image-wrap {
    width: 100px;
    height: 100px;

    top: 0;
  }


  .sb-success-stories__review {
    min-height: 260px;

    padding:
      68px 20px 64px;
  }


  .sb-success-stories__customer-name {
    font-size: 14px;
  }

}


/* =========================================================
   SEHR KLEINES MOBILE
   ========================================================= */

@media (max-width: 425px) {

  .sb-success-stories {
    padding-left: 16px;
    padding-right: 16px;
  }


  .sb-success-stories__headline {
    font-size: 28px !important;
  }


  .sb-success-stories__subheadline {
    font-size: 16px !important;
  }


  .sb-success-stories__review {
    padding-left: 18px;
    padding-right: 18px;
  }

}


/* =========================================================
   LEERER TITELBLOCK
   ========================================================= */

.sb-success-stories__title-wrap:has(
  .sb-success-stories__headline:empty
):has(
  .sb-success-stories__subheadline:empty
) {
  display: none;
}

/* =========================================================
   SMARTBOX: HERO – EINSTIEGSBEREICH

   Mehrsprachigkeit wird nativ von inCMS verwaltet.
   ========================================================= */


/* =========================================================
   BASIS
   ========================================================= */

#main-content {
  overflow: hidden;
}


/* =========================================================
   HERO WRAPPER
   ========================================================= */

.sb-hero {
  width: 100vw;

  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  background-size: cover;
  background-position: 0;
  background-repeat: no-repeat;

  height: 738px;

  position: relative;

  overflow: visible;
}


/* =========================================================
   KLEINER DESKTOP
   ========================================================= */

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

  .sb-hero {
    height: 550px;
  }

}


/* =========================================================
   MOBILE HERO
   ========================================================= */

@media (max-width: 860px) {

  .sb-hero {
    height: auto;
    min-height: 520px;
  }

}


/* =========================================================
   PANEL

   Das weiße Panel ist auf Desktop und Mobil transparent.
   Nur der Hintergrund ist transparent.
   Text und Button bleiben vollständig deckend.
   ========================================================= */

.sb-hero__panel {
  position: absolute;

  left: 60%;
  top: 40%;

  transform: translateY(-50%);

  width: 100%;
  max-width: 370px;

  aspect-ratio: 1 / 1;

  background-color: rgba(255, 255, 255, 0.62);
  color: #000000;

  padding: 30px;

  box-shadow: 0 0 5px 0 #d1d1d1;

  box-sizing: border-box;
}


/* =========================================================
   PANEL – KLEINER DESKTOP
   ========================================================= */

@media (max-width: 1440px) {

  .sb-hero__panel {
    left: unset;
    right: 200px;

    top: 43%;
  }

}


/* =========================================================
   PANEL – DESKTOP
   ========================================================= */

@media (min-width: 861px) {

  .sb-hero__panel {
    height: 100%;
    max-height: 370px;
  }

}


/* =========================================================
   PANEL – MOBILE

   Mobil ist das Panel nicht mehr quadratisch.
   Die Höhe ergibt sich automatisch aus dem Inhalt.
   ========================================================= */

@media (max-width: 860px) {

  .sb-hero__panel {
    bottom: clamp(16px, 5vw, 24px);

    left: 50%;
    right: auto;

    top: auto;

    transform: translateX(-50%);

    width: calc(100% - 32px);
    max-width: 320px;

    height: auto;
    max-height: none;
    min-height: 0;

    aspect-ratio: auto;

    padding: clamp(18px, 5vw, 24px);

    color: #000000;

    box-shadow:
      0 2px 10px
      rgba(0, 0, 0, 0.12);

    z-index: 2;
  }

}


/* =========================================================
   PANEL INNER
   ========================================================= */

.sb-hero__panel-inner {
  width: 100%;
  height: 100%;

  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: center;
}


@media (max-width: 860px) {

  .sb-hero__panel-inner {
    height: auto;
    min-height: 0;

    justify-content: flex-start;

    gap: 12px;
  }

}


/* =========================================================
   DESKTOP-DEKO – GELB

   Dezente Transparenz nur auf Desktop.
   ========================================================= */

.sb-hero__panel-inner::before {
  content: "";

  position: absolute;

  bottom: -115px;
  right: -60px;

  width: 80px;
  height: 80px;

  background: rgba(240, 179, 52, 0.85);

  pointer-events: none;
}


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

  .sb-hero__panel-inner::before {
    bottom: -85px;
    right: -50px;

    width: 50px;
    height: 50px;
  }

}


/* =========================================================
   DESKTOP-DEKO – TÜRKIS

   Dezente Transparenz nur auf Desktop.
   ========================================================= */

.sb-hero__panel-inner::after {
  content: "";

  position: absolute;

  bottom: -30px;
  right: -195px;

  width: 160px;
  height: 160px;

  background: rgba(55, 192, 170, 0.85);

  pointer-events: none;
}


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

  .sb-hero__panel-inner::after {
    right: -135px;

    width: 100px;
    height: 100px;
  }

}


/* =========================================================
   TYPOGRAFIE
   ========================================================= */

.sb-hero__title {
  margin-top: 0;
  margin-bottom: 10px;

  font-weight: 400;
}


.sb-hero__subtitle {
  font-family: Lato, sans-serif;

  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}


@media (max-width: 860px) {

  .sb-hero__title {
    margin: 0;

    font-size: clamp(29px, 8vw, 32px);
    line-height: 1.12;
  }


  .sb-hero__subtitle {
    margin: 0;

    font-size: clamp(15px, 4vw, 16px);
    line-height: 1.5;
  }

}


/* =========================================================
   BUTTON

   "is-hidden" = regulärer Wert für "Kein Button"

   Alte Hero-Instanzen können noch btn_class = 0 besitzen.
   Deshalb behandeln wir auch die Klasse "0" als unsichtbar.
   ========================================================= */

.sb-hero .custom__button.is-hidden,
.sb-hero .custom__button[class~="0"] {
  display: none;
}


/*
 * Kein Button-Text = kein leerer Button.
 *
 * Wichtig:
 * Im HTML steht {BTN_TEXT} direkt zwischen den Tags,
 * damit :empty bei leerem Inhalt funktioniert.
 */

.sb-hero .custom__button:empty {
  display: none;
}


/* =========================================================
   BUTTON – MOBILE

   Der Button nimmt mobil die komplette verfügbare Breite
   innerhalb des Panels ein.

   Langer Text darf umbrechen und bleibt innerhalb des Panels.
   ========================================================= */

@media (max-width: 860px) {

  .sb-hero .custom__button:not(.is-hidden):not([class~="0"]) {
    width: 100%;
    max-width: none;

    min-height: 44px;

    margin: 4px 0 0;
    padding: 8px 12px;

    line-height: 1.15;

    white-space: normal;

    box-sizing: border-box;
  }

}


/* =========================================================
   MOBILE DEKO
   ========================================================= */

.sb-hero__mobile-decor {
  display: none;
}


@media (max-width: 860px) {

  /* Desktop-Deko aus */

  .sb-hero__panel-inner::before,
  .sb-hero__panel-inner::after {
    display: none;
  }


  /* Mobile-Deko an */

  .sb-hero__mobile-decor {
    display: block;

    position: absolute;

    top: 28px;
    right: 28px;

    width: 110px;
    height: 90px;

    z-index: 3;

    pointer-events: none;
  }


  .sb-hero__mobile-square {
    position: absolute;

    display: block;
  }


  .sb-hero__mobile-square--white {
    width: 20px;
    height: 20px;

    background: #f2f2f2;

    top: 40px;
    left: 0;
  }


  .sb-hero__mobile-square--teal {
    width: 60px;
    height: 60px;

    background: #37c0aa;

    top: 0;
    right: 0;
  }


  .sb-hero__mobile-square--yellow {
    width: 40px;
    height: 40px;

    background: #f0b334;

    top: 60px;
    left: 20px;
  }

}


/* =========================================================
   BARRIEREFREIHEIT – TRANSPARENZ REDUZIEREN

   Wenn ein Nutzer reduzierte Transparenz bevorzugt,
   wird das Panel wieder vollständig weiß dargestellt.
   ========================================================= */

@media (prefers-reduced-transparency: reduce) {

  .sb-hero__panel {
    background-color: #ffffff;

    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

}


/* =========================================================
   LEERE INHALTE
   ========================================================= */

.sb-hero__title:empty,
.sb-hero__subtitle:empty {
  display: none;
}

html,
body {
	overflow-x: clip;
}

.header.stickyheader {
	transition: transform 0.7s ease, opacity 0.7s ease;
	will-change: transform, opacity;
}

.header.stickyheader.sb-sticky-hidden {
	transform: translate3d(0, -100%, 0);
	opacity: 0;
	pointer-events: none;
}

.header_wrap {
	max-width: 100%;
}

/* =========================
   IN-CMS FOOTER-SPRACHAUSWAHL AUSBLENDEN
   ========================= */

.footer #menulangbottom {
	display: none !important;
}

/* =========================
   HEADER BASIS
   ========================= */

.sb-il-header {
	font-family: "lato-light", "Lato", Arial, sans-serif;
	font-weight: 300;
}

.sb-il-header__inner {
	min-height: 76px;
	padding: 10px 6px 10px 60px;
	display: flex;
	box-sizing: border-box;
}

/* =========================
   LINKE GRUPPE
   ========================= */

.sb-il-header__brand-group {
	display: flex;
}

.sb-il-header__logo-link,
.sb-il-header__logo-link:link,
.sb-il-header__logo-link:visited {
	display: inline-flex;
	align-items: center;
}

.sb-il-header__logo-image {
	height: 46px;
}

/* =========================
   RECHTE HAUPTGRUPPE
   ========================= */

.sb-il-header__nav-group {
	min-width: 0;
	flex: 1 1 0;
	display: flex;
	align-items: center;
}

/* =========================
   NAVIGATION / MENÜMODUL
   ========================= */

.sb-il-header__nav {
	padding-left: 50px;
	flex: 1 1 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 60px;
}

.sb-il-header__nav .menumod {
	margin-left: auto;
}

.sb-il-header__nav #topmenu {
	display: flex !important;
	justify-content: flex-end;
	gap: 5px;
}

.sb-il-header__nav #topmenu > li {
	position: relative !important;
	margin: 0;
}

.sb-il-header__nav #topmenu > li > a,
.sb-il-header__nav #topmenu > li > a:link,
.sb-il-header__nav #topmenu > li > a:visited {
	font-family: "lato-light", "Lato", Arial, sans-serif;
	font-weight: 300;
	color: #111111;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	line-height: 1.2;
	font-size: 14px;
	white-space: nowrap;
}

.sb-il-header__nav #topmenu > li.active > a,
.sb-il-header__nav #topmenu > li > a:hover,
.sb-il-header__nav #topmenu > li > a:focus {
	color: #111111;
	text-decoration: none;
}

/* =========================
   SUCHE
   ========================= */

.sb-il-header .sb-sun-sb__search-form {
	flex: 0 0 auto;
}

.sb-il-header .sb-sun-sb__search-input {
	font-family: "lato-light", "Lato", Arial, sans-serif;
	font-weight: 300;
}

/* =========================
   META RECHTS
   Sprache + Button-Stack
   ========================= */

.sb-il-header__meta {
	display: inline-flex;
	align-items: center;
	column-gap: 28px;
	margin-left: 28px;
}

.sb-il-header__meta > * {
	display: flex;
	align-items: center;
}

/* =========================
   BUTTONS RECHTS
   ========================= */

.sb-il-header__button-stack {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 6px;
	min-width: 170px;
}

.sb-il-header__focus_btn,
.sb-il-header__focus_btn:link,
.sb-il-header__focus_btn:visited {
	min-height: 28px;
	padding: 0 15px;
	border-radius: 999px;
	text-decoration: none;
	font-family: "lato", "Lato", Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	box-sizing: border-box;
	color: #111111;
}

.sb-il-header__focus_btn--top,
.sb-il-header__focus_btn--top:link,
.sb-il-header__focus_btn--top:visited {
	background: #f0b334;
}

.sb-il-header__focus_btn--top:hover,
.sb-il-header__focus_btn--top:focus,
.sb-il-header__focus_btn--top:active {
	background: #e7a922;
	color: #111111;
	text-decoration: none;
}

.sb-il-header__focus_btn--bottom,
.sb-il-header__focus_btn--bottom:link,
.sb-il-header__focus_btn--bottom:visited {
	background: #eeeeee;
}

.sb-il-header__focus_btn--bottom:hover,
.sb-il-header__focus_btn--bottom:focus,
.sb-il-header__focus_btn--bottom:active {
	background: #e2e2e2;
	color: #111111;
	text-decoration: none;
}

/* =========================
   SPRACHAUSWAHL
   ========================= */

.sb-il-header__lang-slot {
	min-width: auto;
	min-height: 42px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

/* Originales inCMS-Sprachmenü aus dem Hauptmenü herausnehmen */
.sb-il-header__nav #menulangtop {
	visibility: hidden;
	pointer-events: none;
}

/* Sprachmenü im vorgesehenen Slot anzeigen */
.sb-il-header__lang-slot #menulangtop {
	visibility: visible;
	pointer-events: auto;
	position: relative;
	display: inline-block;
}

/* Geschlossener Sprachbutton */
.sb-il-header #menulangtop .sb-lang-toggle {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 40px;
	padding: 8px 14px;
	border: 0 !important;
	outline: 0;
	box-shadow: none !important;
	border-radius: 0;
	background: #ffffff;
	cursor: pointer;
	font-family: "lato-light", "Lato", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #111111;
	line-height: 1;
	white-space: nowrap;
}

/* Flagge im geschlossenen Sprachbutton */
.sb-il-header #menulangtop .sb-lang-toggle-flag {
	width: 16px;
	height: 16px;
	display: inline-block;
	flex: 0 0 auto;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 16px 16px !important;
}

/* Pfeil */
.sb-il-header #menulangtop .sb-lang-toggle-caret {
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg) translateY(-1px);
	transition: transform 0.2s ease;
}

.sb-il-header #menulangtop.is-open .sb-lang-toggle-caret {
	transform: rotate(225deg) translateY(-1px);
}

/* Dropdown-Box */
.sb-il-header .sb-il-header__lang-slot #menulangtop > ul {
	position: absolute !important;
	top: calc(100% + 21px) !important;
	left: 0 !important;
	right: auto !important;
	transform: none !important;
	z-index: 1000;

	width: 180px !important;
	max-width: calc(100vw - 16px) !important;
	margin: 0 !important;
	padding: 0 !important;

	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	gap: 0 !important;

	list-style: none !important;
	background: #ffffff !important;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	filter: none !important;
	border-radius: 0 !important;

	overflow: hidden !important;
	box-sizing: border-box !important;
}

/* Geschlossen ausblenden */
.sb-il-header .sb-il-header__lang-slot #menulangtop:not(.is-open) > ul {
	display: none !important;
}

/* Geöffnet anzeigen */
.sb-il-header .sb-il-header__lang-slot #menulangtop.is-open > ul {
	display: flex !important;
}

/* Dropdown-Listenelemente */
.sb-il-header .sb-il-header__lang-slot #menulangtop > ul > li {
	display: block !important;
	float: none !important;
	clear: both !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

/* Dropdown-Links */
.sb-il-header .sb-il-header__lang-slot #menulangtop > ul > li > a {
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 14px 0 42px !important;
	box-sizing: border-box !important;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	background-repeat: no-repeat !important;
	background-position: 14px center !important;
	background-size: 16px 16px !important;
	font-family: "lato-light", "Lato", Arial, sans-serif !important;
	font-weight: 300 !important;
	font-size: 16px !important;
	line-height: 1.2 !important;
	color: #111111 !important;
	text-align: left !important;
	text-decoration: none !important;
}

/* Aktiv + Hover */
.sb-il-header .sb-il-header__lang-slot #menulangtop > ul > li.active > a,
.sb-il-header .sb-il-header__lang-slot #menulangtop > ul > li > a:hover,
.sb-il-header .sb-il-header__lang-slot #menulangtop > ul > li > a:focus-visible {
	background-color: #f3f3f3 !important;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	font-weight: 300 !important;
}

/* =========================
   HAUPTMENÜ DROPDOWNS
   Desktop
   ========================= */

.sb-il-header__nav #topmenu > li > ul.dropdown {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	right: auto !important;
	transform: none !important;
	z-index: 1000 !important;

	width: 260px !important;
	margin: 0 !important;
	padding: 27px 0 0 0 !important;

	display: none !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	gap: 0 !important;

	list-style: none !important;
	background: transparent !important;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	filter: none !important;
	border-radius: 0 !important;

	overflow: visible !important;
	box-sizing: border-box !important;
}

.sb-il-header__nav #topmenu > li:hover > ul.dropdown,
.sb-il-header__nav #topmenu > li:focus-within > ul.dropdown {
	display: flex !important;
}

.sb-il-header__nav #topmenu > li > ul.dropdown > li {
	display: block !important;
	float: none !important;
	clear: both !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	background: #ffffff !important;
}

.sb-il-header__nav #topmenu > li > ul.dropdown > li > a,
.sb-il-header__nav #topmenu > li > ul.dropdown > li > a:link,
.sb-il-header__nav #topmenu > li > ul.dropdown > li > a:visited {
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	min-height: 44px !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 14px !important;
	box-sizing: border-box !important;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	background: #ffffff !important;
	font-family: "lato-light", "Lato", Arial, sans-serif !important;
	font-weight: 300 !important;
	font-size: 16px !important;
	line-height: 1.2 !important;
	color: #111111 !important;
	text-align: left !important;
	text-decoration: none !important;
	white-space: normal !important;
}

.sb-il-header__nav #topmenu > li > ul.dropdown > li.active > a,
.sb-il-header__nav #topmenu > li > ul.dropdown > li > a:hover,
.sb-il-header__nav #topmenu > li > ul.dropdown > li > a:focus-visible {
	background-color: #f3f3f3 !important;
	color: #111111 !important;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	font-weight: 300 !important;
	text-decoration: none !important;
}

/* Alte inCMS-Pfeile im Desktop-Dropdown ausblenden */
.sb-il-header__nav #topmenu > li > ul.dropdown .sub_prev,
.sb-il-header__nav #topmenu > li > ul.dropdown .span_after,
.sb-il-header__nav #topmenu > li > ul.dropdown .span_before,
.sb-il-header__nav #topmenu > li > ul.dropdown .sub_next,
.sb-il-header__nav #topmenu > li > ul.dropdown .arrow-left,
.sb-il-header__nav #topmenu > li > ul.dropdown .arrow-right {
	display: none !important;
}

/* Falls inCMS Trennlinien über Pseudo-Elemente setzt */
.sb-il-header__nav #topmenu > li > ul.dropdown > li::before,
.sb-il-header__nav #topmenu > li > ul.dropdown > li::after,
.sb-il-header__nav #topmenu > li > ul.dropdown > li > a::before,
.sb-il-header__nav #topmenu > li > ul.dropdown > li > a::after {
	display: none !important;
	content: none !important;
}

/* Alte inCMS-Indikatoren an den Hauptmenüpunkten ausblenden */
.sb-il-header__nav #topmenu > li > .span_before,
.sb-il-header__nav #topmenu > li > .span_after,
.sb-il-header__nav #topmenu > li > .sub_prev,
.sb-il-header__nav #topmenu > li > .sub_next,
.sb-il-header__nav #topmenu > li > .arrow-left,
.sb-il-header__nav #topmenu > li > .arrow-right,
.sb-il-header__nav #topmenu > li > a .span_before,
.sb-il-header__nav #topmenu > li > a .span_after,
.sb-il-header__nav #topmenu > li > a .sub_prev,
.sb-il-header__nav #topmenu > li > a .sub_next,
.sb-il-header__nav #topmenu > li > a .arrow-left,
.sb-il-header__nav #topmenu > li > a .arrow-right {
	display: none !important;
}

/* =========================
   RESPONSIVE DESKTOP/LAPTOP
   ========================= */

/* Große Laptops / kleinere Desktop-Bildschirme */
@media (max-width: 1700px) {
	.sb-il-header__inner {
		padding: 8px 18px 8px 28px;
		gap: 16px;
	}

	.sb-il-header__logo-image {
		height: 42px;
	}

	.sb-il-header__nav {
		min-width: 0;
		padding-left: 28px;
		gap: 26px;
	}

	.sb-il-header__nav .menumod {
		min-width: 0;
	}

	.sb-il-header__nav #topmenu {
		gap: 4px;
	}

	.sb-il-header .sb-sun-sb__search-form {
		width: 180px;
		max-width: 180px;
		min-width: 130px;
		flex: 0 1 180px;
	}

	.sb-il-header .sb-sun-search-input-wrapper,
	.sb-il-header .sb-sun-sb__search-input {
		width: 100%;
		box-sizing: border-box;
	}

	.sb-il-header__meta {
		column-gap: 16px;
		margin-left: 16px;
	}

	.sb-il-header #menulangtop .sb-lang-toggle {
		padding-left: 10px;
		padding-right: 10px;
		gap: 8px;
		font-size: 15px;
	}

	.sb-il-header__button-stack {
		min-width: 148px;
	}

	.sb-il-header__focus_btn,
	.sb-il-header__focus_btn:link,
	.sb-il-header__focus_btn:visited {
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* Klassische Laptop-Auflösung */
@media (max-width: 1500px) {
	.sb-il-header__inner {
		padding: 8px 14px;
		gap: 12px;
	}

	.sb-il-header__logo-image {
		height: 38px;
	}

	.sb-il-header__nav {
		padding-left: 18px;
		gap: 16px;
	}

	.sb-il-header__nav #topmenu {
		gap: 3px;
	}

	.sb-il-header__nav #topmenu > li > a,
	.sb-il-header__nav #topmenu > li > a:link,
	.sb-il-header__nav #topmenu > li > a:visited {
		font-size: 13px;
	}

	.sb-il-header .sb-sun-sb__search-form {
		width: 150px;
		max-width: 150px;
		min-width: 115px;
		flex-basis: 150px;
	}

	.sb-il-header__meta {
		column-gap: 11px;
		margin-left: 11px;
	}

	.sb-il-header #menulangtop .sb-lang-toggle {
		padding-left: 8px;
		padding-right: 8px;
		gap: 7px;
		font-size: 14px;
	}

	.sb-il-header__button-stack {
		min-width: 136px;
	}

	.sb-il-header__focus_btn,
	.sb-il-header__focus_btn:link,
	.sb-il-header__focus_btn:visited {
		padding-left: 9px;
		padding-right: 9px;
		font-size: 12px;
	}
}

/* Sehr schmaler Desktop / kleines Laptopfenster */
@media (max-width: 1320px) {
	.sb-il-header__inner {
		padding-left: 10px;
		padding-right: 10px;
		gap: 8px;
	}

	.sb-il-header__logo-image {
		height: 34px;
	}

	.sb-il-header__nav {
		padding-left: 10px;
		gap: 10px;
	}

	.sb-il-header__nav #topmenu {
		gap: 2px;
	}

	.sb-il-header__nav #topmenu > li > a,
	.sb-il-header__nav #topmenu > li > a:link,
	.sb-il-header__nav #topmenu > li > a:visited {
		font-size: 12px;
	}

	.sb-il-header .sb-sun-sb__search-form {
		width: 120px;
		max-width: 120px;
		min-width: 100px;
		flex-basis: 120px;
	}

	.sb-il-header__meta {
		column-gap: 8px;
		margin-left: 8px;
	}

	.sb-il-header #menulangtop .sb-lang-toggle {
		padding-left: 6px;
		padding-right: 6px;
		gap: 6px;
		font-size: 13px;
	}

	.sb-il-header__button-stack {
		min-width: 124px;
	}

	.sb-il-header__focus_btn,
	.sb-il-header__focus_btn:link,
	.sb-il-header__focus_btn:visited {
		padding-left: 7px;
		padding-right: 7px;
		font-size: 11px;
	}
}

/* Zwischenstufe vor dem mobilen Header */
@media (max-width: 1220px) {
	.sb-il-header__inner {
		flex-wrap: wrap;
		row-gap: 14px;
	}

	.sb-il-header__nav-group {
		width: 100%;
		order: 3;
		justify-content: space-between;
	}

	.sb-il-header__nav {
		justify-content: flex-start;
		overflow: visible;
		padding-left: 0;
		gap: 20px;
	}

	.sb-il-header__nav .menumod {
		margin-left: 0;
	}

	.sb-il-header__nav .ym-hlist,
	.sb-il-header__nav #topmenu {
		justify-content: flex-start;
		flex-wrap: wrap;
		row-gap: 10px;
		column-gap: 4px;
	}

	.sb-il-header__meta {
		margin-left: 16px;
	}
}

/* =========================
   MOBILE SUBMENU TOGGLE
   Desktop standardmaessig ausgeblendet
   ========================= */

.sb-il-mobile-submenu-toggle {
	display: none;
}


/* =========================
   MOBILE HEADER
   ========================= */

@media (max-width: 860px) {
	.sb-il-header {
		position: relative;
		z-index: 1000;
		background: #ffffff;
	}

	.sb-il-header__inner {
		min-height: 64px;
		padding: 12px 14px;
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		gap: 8px;
		position: relative;
		z-index: 1002;
		background: #ffffff;
		box-sizing: border-box;
	}

	/* 1. Logo */
	.sb-il-header__brand-group {
		order: 1;
		flex: 0 0 auto;
		width: auto;
		display: flex;
		align-items: center;
	}

	.sb-il-header__logo-image {
		height: 28px;
		max-width: 105px;
		object-fit: contain;
	}

	/* Rechte Gruppe */
	.sb-il-header__nav-group {
		order: 2;
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		gap: 8px;
	}

	/* 2. Button */
	.sb-il-header__meta {
		order: 1;
		width: auto;
		margin-left: 0;
		display: flex;
		flex: 0 0 auto;
		align-items: center;
		justify-content: flex-end;
		gap: 0;
	}

	.sb-il-header__lang-switch {
		display: none !important;
	}

	.sb-il-header__button-stack {
		width: auto;
		min-width: 0;
		max-width: none;
		display: flex;
		flex-direction: row;
		gap: 0;
	}

	.sb-il-header__focus_btn--top {
		display: inline-flex !important;
		min-height: 26px;
		padding: 0 14px;
		font-size: 11px;
		white-space: nowrap;
	}

	.sb-il-header__focus_btn--bottom {
		display: none !important;
	}

	/* 3 + 4 liegen in nav */
	.sb-il-header__nav {
		order: 2;
		width: auto;
		flex: 0 0 auto;
		padding-left: 0;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 8px;
	}

	/* Suche mobil als Icon */
	.sb-il-header .sb-sun-sb__search-form {
		order: 2;
		width: 28px;
		height: 28px;
		min-width: 28px;
		flex: 0 0 28px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	.sb-il-header .sb-sun-search-input-wrapper {
		width: 28px;
		height: 28px;
		position: relative;
		background: transparent;
	}

	.sb-il-header .sb-sun-sb__search-input {
		width: 28px;
		height: 28px;
		min-height: 28px;
		padding: 0;
		border: 0 !important;
		outline: 0 !important;
		box-shadow: none !important;
		background: transparent !important;
		font-size: 0;
		color: transparent;
		cursor: pointer;
	}

	/* Stabile mobile Lupe als ein zusammenhaengendes SVG-Icon */
	.sb-il-header .sb-sun-search-input-wrapper::before {
		display: none !important;
		content: none !important;
	}

	.sb-il-header .sb-sun-search-input-wrapper::after {
		content: "";
		position: absolute;
		left: 5px;
		top: 5px;
		width: 18px;
		height: 18px;
		background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M19.265 18.735l-4.94-4.941a7.884 7.884 0 10-.53.53l4.94 4.941a.375.375 0 10.53-.53zM1.375 8.5A7.125 7.125 0 118.5 15.625 7.132 7.132 0 011.375 8.5z' fill='%23111111'/></svg>");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 18px 18px;
		transform: none;
		pointer-events: none;
	}

	/* Menü-Trigger/Burger */
	.sb-il-header__nav #nav-trigger {
		order: 1;
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 28px;
		margin: 0;
		cursor: pointer;
		position: relative;
		z-index: 1003;
	}

	.sb-il-header__nav #nav-trigger span {
		font-size: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.sb-il-header__nav #nav-trigger .border-menu {
		display: block;
		width: 22px;
		height: 14px;
		position: relative;
		border-top: 2px solid #111111;
		border-bottom: 2px solid #111111;
		box-sizing: border-box;
	}

	.sb-il-header__nav #nav-trigger .border-menu::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		width: 22px;
		height: 2px;
		background: #111111;
		transform: translateY(-50%);
	}

	/* Desktop-Menü mobil geschlossen */
	.sb-il-header__nav #topmenu {
		display: none !important;
	}

	/* Mobile Menü geöffnet */
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu {
		position: fixed !important;
		top: 69px !important;
		left: 0 !important;
		right: 0 !important;
		width: 100vw !important;
		max-width: 100vw !important;
		margin: 0 !important;
		padding: 18px 24px 22px !important;

		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: 0 !important;

		background: #ffffff !important;
		list-style: none !important;
		box-sizing: border-box !important;
		z-index: 9999 !important;
		border: 0 !important;
		box-shadow: none !important;
		outline: 0 !important;

		overflow-x: hidden !important;
		overflow-y: auto !important;
		height: auto !important;
		max-height: calc(100vh - 69px) !important;
		overscroll-behavior: contain;
	}

	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li {
		position: relative !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		background: #ffffff !important;
	}

	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li > a,
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li > a:link,
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li > a:visited {
		display: flex !important;
		align-items: center !important;
		width: 100% !important;
		min-height: 42px !important;
		padding: 0 !important;
		background: #ffffff !important;
		font-family: "lato-light", "Lato", Arial, sans-serif !important;
		font-weight: 300 !important;
		font-size: 16px !important;
		line-height: 1.2 !important;
		color: #111111 !important;
		text-decoration: none !important;
		box-sizing: border-box !important;
	}

	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li > a:hover,
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li > a:focus {
		background: #f3f3f3 !important;
		color: #111111 !important;
	}

	/* Hauptlink mit Untermenü: Platz für den separaten Pfeil-Button */
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li.has-mobile-submenu > a,
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li.has-mobile-submenu > a:link,
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li.has-mobile-submenu > a:visited {
		padding-right: 48px !important;
	}

	/* Separater Button zum Öffnen und Schließen der Unterseiten */
	.sb-il-header.is-mobile-menu-open .sb-il-mobile-submenu-toggle {
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		width: 44px !important;
		height: 42px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		cursor: pointer !important;
		color: #111111 !important;
		-webkit-appearance: none !important;
		appearance: none !important;
		z-index: 2 !important;
	}

	.sb-il-header.is-mobile-menu-open .sb-il-mobile-submenu-toggle::before {
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(45deg);
		transform-origin: center;
		transition: transform 0.2s ease;
	}

	.sb-il-header.is-mobile-menu-open .has-mobile-submenu.is-mobile-submenu-open > .sb-il-mobile-submenu-toggle::before {
		transform: rotate(225deg);
	}

	.sb-il-header.is-mobile-menu-open .sb-il-mobile-submenu-toggle:hover {
		background: #f3f3f3 !important;
	}

	.sb-il-header.is-mobile-menu-open .sb-il-mobile-submenu-toggle:focus-visible {
		outline: 2px solid #111111 !important;
		outline-offset: -2px !important;
	}

	/* Unterseiten sind mobil ein echtes Accordion innerhalb des Hauptmenüs */
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li.has-mobile-submenu > ul.dropdown {
		position: static !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
		z-index: auto !important;

		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 0 8px 18px !important;

		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		height: 0 !important;
		max-height: 0 !important;
		pointer-events: none !important;

		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 0 !important;

		list-style: none !important;
		background: #ffffff !important;
		border: 0 !important;
		outline: 0 !important;
		box-shadow: none !important;
		filter: none !important;
		border-radius: 0 !important;

		overflow: visible !important;
		box-sizing: border-box !important;
	}

	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li.has-mobile-submenu.is-mobile-submenu-open > ul.dropdown {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		height: auto !important;
		max-height: none !important;
		pointer-events: auto !important;
	}

	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li.has-mobile-submenu > ul.dropdown > li {
		display: block !important;
		float: none !important;
		clear: both !important;
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: #ffffff !important;
	}

	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li.has-mobile-submenu > ul.dropdown > li > a,
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li.has-mobile-submenu > ul.dropdown > li > a:link,
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li.has-mobile-submenu > ul.dropdown > li > a:visited {
		display: flex !important;
		align-items: center !important;
		width: 100% !important;
		min-height: 40px !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 12px !important;
		box-sizing: border-box !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: #ffffff !important;
		box-shadow: none !important;
		font-family: "lato-light", "Lato", Arial, sans-serif !important;
		font-weight: 300 !important;
		font-size: 15px !important;
		line-height: 1.3 !important;
		color: #444444 !important;
		text-align: left !important;
		text-decoration: none !important;
		white-space: normal !important;
	}

	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li.has-mobile-submenu > ul.dropdown > li.active > a,
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li.has-mobile-submenu > ul.dropdown > li > a:hover,
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu > li.has-mobile-submenu > ul.dropdown > li > a:focus-visible {
		background: #f3f3f3 !important;
		color: #111111 !important;
	}

	/* Alte inCMS-Pfeile mobil ausblenden */
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu .span_before,
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu .span_after,
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu .sub_prev,
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu .sub_next,
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu .arrow-left,
	.sb-il-header.is-mobile-menu-open .sb-il-header__nav #topmenu .arrow-right {
		display: none !important;
	}
}

/* =========================
   MOBILE SPRACHAUSWAHL IM HAMBURGER-MENÜ
   ========================= */

@media (max-width: 860px) {
	/*
	 * Das echte inCMS-Sprachmenü wird per JavaScript als letzter
	 * Menüpunkt in #topmenu verschoben. Der Desktop-Slot bleibt
	 * im mobilen Header bewusst ausgeblendet.
	 */
	.sb-il-header__nav #topmenu > li.sb-il-header__mobile-lang {
		display: block !important;
		width: 100% !important;
		margin: 10px 0 0 !important;
		padding: 10px 0 0 !important;
		border-top: 1px solid #e3e3e3 !important;
		background: #ffffff !important;
		box-sizing: border-box !important;
	}

	/* Die Desktop-Regel versteckt #menulangtop innerhalb der Navigation.
	   Im mobilen Sprach-Menüpunkt muss es wieder vollständig aktiv sein. */
	.sb-il-header__nav #topmenu > li.sb-il-header__mobile-lang #menulangtop {
		visibility: visible !important;
		pointer-events: auto !important;
		position: relative !important;
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Aktive Sprache als normale Menüzeile */
	.sb-il-header__nav #topmenu > li.sb-il-header__mobile-lang #menulangtop .sb-lang-toggle {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		width: 100% !important;
		min-height: 42px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: #ffffff !important;
		box-shadow: none !important;
		font-family: "lato-light", "Lato", Arial, sans-serif !important;
		font-weight: 300 !important;
		font-size: 16px !important;
		line-height: 1.2 !important;
		color: #111111 !important;
		text-align: left !important;
		cursor: pointer !important;
		box-sizing: border-box !important;
	}

	.sb-il-header__nav #topmenu > li.sb-il-header__mobile-lang #menulangtop .sb-lang-toggle:hover,
	.sb-il-header__nav #topmenu > li.sb-il-header__mobile-lang #menulangtop .sb-lang-toggle:focus-visible {
		background: #f3f3f3 !important;
	}

	.sb-il-header__nav #topmenu > li.sb-il-header__mobile-lang #menulangtop .sb-lang-toggle:focus-visible {
		outline: 2px solid #111111 !important;
		outline-offset: 2px !important;
	}

	/* Caret an den rechten Rand der Zeile */
	.sb-il-header__nav #topmenu > li.sb-il-header__mobile-lang #menulangtop .sb-lang-toggle-caret {
		margin-left: auto !important;
		margin-right: 4px !important;
	}

	/* Sprachliste mobil innerhalb des Menüs aufklappen statt als
	   absolut positioniertes Desktop-Dropdown darüberzulegen. */
	.sb-il-header__nav #topmenu > li.sb-il-header__mobile-lang #menulangtop > ul {
		position: static !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
		z-index: auto !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 0 0 26px !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 0 !important;
		list-style: none !important;
		background: #ffffff !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		filter: none !important;
		overflow: visible !important;
		box-sizing: border-box !important;
	}

	.sb-il-header__nav #topmenu > li.sb-il-header__mobile-lang #menulangtop:not(.is-open) > ul {
		display: none !important;
	}

	.sb-il-header__nav #topmenu > li.sb-il-header__mobile-lang #menulangtop.is-open > ul {
		display: flex !important;
	}

	.sb-il-header__nav #topmenu > li.sb-il-header__mobile-lang #menulangtop > ul > li {
		display: block !important;
		float: none !important;
		clear: both !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: #ffffff !important;
	}

	.sb-il-header__nav #topmenu > li.sb-il-header__mobile-lang #menulangtop > ul > li > a,
	.sb-il-header__nav #topmenu > li.sb-il-header__mobile-lang #menulangtop > ul > li > a:link,
	.sb-il-header__nav #topmenu > li.sb-il-header__mobile-lang #menulangtop > ul > li > a:visited {
		display: flex !important;
		align-items: center !important;
		width: 100% !important;
		min-height: 40px !important;
		margin: 0 !important;
		padding: 0 0 0 28px !important;
		background-color: #ffffff !important;
		background-repeat: no-repeat !important;
		background-position: 0 center !important;
		background-size: 16px 16px !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		font-family: "lato-light", "Lato", Arial, sans-serif !important;
		font-weight: 300 !important;
		font-size: 15px !important;
		line-height: 1.2 !important;
		color: #111111 !important;
		text-align: left !important;
		text-decoration: none !important;
		box-sizing: border-box !important;
	}

	.sb-il-header__nav #topmenu > li.sb-il-header__mobile-lang #menulangtop > ul > li.active > a,
	.sb-il-header__nav #topmenu > li.sb-il-header__mobile-lang #menulangtop > ul > li > a:hover,
	.sb-il-header__nav #topmenu > li.sb-il-header__mobile-lang #menulangtop > ul > li > a:focus-visible {
		background-color: #f3f3f3 !important;
		color: #111111 !important;
	}
}

/* =========================================================
   MOBILE SEARCH – OPEN STATE
   ========================================================= */

.sb-il-header .sb-il-mobile-search-submit,
.sb-il-header .sb-il-mobile-search-close {
	display: none !important;
}

@media (max-width: 860px) {
	/* Restlichen Header im Suchmodus ausblenden */
	.sb-il-header.is-mobile-search-open .sb-il-header__brand-group,
	.sb-il-header.is-mobile-search-open .sb-il-header__meta,
	.sb-il-header.is-mobile-search-open .sb-il-header__nav #nav-trigger {
		display: none !important;
	}

	/* Verfuegbaren Platz fuer die Suche freigeben */
	.sb-il-header.is-mobile-search-open .sb-il-header__nav-group {
		flex: 1 1 auto !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	.sb-il-header.is-mobile-search-open .sb-il-header__nav {
		flex: 1 1 auto !important;
		width: 100% !important;
		min-width: 0 !important;
		gap: 0 !important;
	}

	/*
	 * Das Suchfeld endet 54 px vor dem rechten Rand.
	 * Dadurch bleibt rechts ausserhalb des Feldes Platz fuer das X.
	 */
	.sb-il-header.is-mobile-search-open .sb-sun-sb__search-form {
		position: absolute !important;
		top: 50% !important;
		left: 14px !important;
		right: 54px !important;
		width: auto !important;
		min-width: 0 !important;
		height: 40px !important;
		margin: 0 !important;
		background: #ffffff !important;
		border: 1px solid #d8d8d8 !important;
		box-sizing: border-box !important;
		transform: translateY(-50%) !important;
		z-index: 1010 !important;
		overflow: visible !important;
	}

	.sb-il-header.is-mobile-search-open .sb-sun-sb__search-form:focus-within {
		border-color: #a9a9a9 !important;
	}

	.sb-il-header.is-mobile-search-open .sb-sun-search-input-wrapper {
		position: relative !important;
		width: 100% !important;
		height: 100% !important;
		overflow: visible !important;
	}

	/* Eingabefeld - rechts bleibt nur noch Platz fuer die Lupe */
	.sb-il-header.is-mobile-search-open .sb-sun-sb__search-input {
		position: relative !important;
		z-index: 1 !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 38px !important;
		padding: 0 46px 0 14px !important;
		border: 0 !important;
		outline: 0 !important;
		box-shadow: none !important;
		background: transparent !important;
		font-size: 15px !important;
		line-height: 1.2 !important;
		color: #111111 !important;
		cursor: text !important;
		box-sizing: border-box !important;
		pointer-events: auto !important;
	}

	.sb-il-header.is-mobile-search-open .sb-sun-sb__search-input::placeholder {
		color: #777777 !important;
		opacity: 1 !important;
	}

	/* Die dekorative Lupe des geschlossenen Zustands ausblenden */
	.sb-il-header.is-mobile-search-open .sb-sun-search-input-wrapper::before,
	.sb-il-header.is-mobile-search-open .sb-sun-search-input-wrapper::after {
		display: none !important;
		content: none !important;
	}

	/* Gemeinsame Basis fuer die echten Bedienbuttons */
	.sb-il-header.is-mobile-search-open .sb-il-mobile-search-submit,
	.sb-il-header.is-mobile-search-open .sb-il-mobile-search-close {
		position: absolute !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background-color: transparent !important;
		box-shadow: none !important;
		display: block !important;
		cursor: pointer !important;
		z-index: 20 !important;
		pointer-events: auto !important;
		touch-action: manipulation !important;
		-webkit-appearance: none !important;
		appearance: none !important;
		font-size: 0 !important;
		line-height: 0 !important;
	}

	/*
	 * Lupe IM Suchfeld.
	 * Das komplette Symbol ist ein SVG und kann daher nicht mehr
	 * zwischen Kreis und Griff auseinanderlaufen.
	 */
	.sb-il-header.is-mobile-search-open .sb-il-mobile-search-submit {
		top: 0 !important;
		right: 0 !important;
		width: 40px !important;
		height: 40px !important;
		background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M19.265 18.735l-4.94-4.941a7.884 7.884 0 10-.53.53l4.94 4.941a.375.375 0 10.53-.53zM1.375 8.5A7.125 7.125 0 118.5 15.625 7.132 7.132 0 011.375 8.5z' fill='%23666666'/></svg>") !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: 18px 18px !important;
	}

	/* X AUSSERHALB des Suchfeldes */
	.sb-il-header.is-mobile-search-open .sb-il-mobile-search-close {
		top: 50% !important;
		right: -40px !important;
		width: 28px !important;
		height: 28px !important;
		transform: translateY(-50%) !important;
		background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M4 4L16 16M16 4L4 16' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round'/></svg>") !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: 16px 16px !important;
	}

	/* Alte Pseudo-Icons der Buttons sicher deaktivieren */
	.sb-il-header.is-mobile-search-open .sb-il-mobile-search-submit::before,
	.sb-il-header.is-mobile-search-open .sb-il-mobile-search-submit::after,
	.sb-il-header.is-mobile-search-open .sb-il-mobile-search-close::before,
	.sb-il-header.is-mobile-search-open .sb-il-mobile-search-close::after {
		display: none !important;
		content: none !important;
	}

	.sb-il-header.is-mobile-search-open .sb-il-mobile-search-submit:hover,
	.sb-il-header.is-mobile-search-open .sb-il-mobile-search-close:hover {
		background-color: #f3f3f3 !important;
	}

	.sb-il-header.is-mobile-search-open .sb-il-mobile-search-submit:focus-visible,
	.sb-il-header.is-mobile-search-open .sb-il-mobile-search-close:focus-visible {
		outline: 2px solid #111111 !important;
		outline-offset: 2px !important;
	}

	/* Suchvorschlaege bleiben exakt unter dem Eingabefeld */
	.sb-il-header.is-mobile-search-open .sb-sun-sb__search-suggestions {
		top: calc(100% + 6px) !important;
		left: -1px !important;
		right: -1px !important;
		width: auto !important;
		z-index: 1020 !important;
	}
}

.sb-five-cols {
  overflow: hidden;
}

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

.sb-five-cols.bg-grey {
  background-color: #ededed;
}

.sb-five-cols__inner {
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;

  padding-left: 24px;
  padding-right: 24px;
}

.sb-five-cols__title-wrap {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  gap: 16px;
}

.sb-five-cols__title-wrap.align-left {
  text-align: left;
  margin-left: 0;
  margin-right: auto;
}

.sb-five-cols__title-wrap.align-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.sb-five-cols__title-wrap.align-right {
  text-align: right;
  margin-left: auto;
  margin-right: 0;
}

/* Leere Felder erzeugen keinen Leerraum */
.sb-five-cols__headline:empty,
.sb-five-cols__subheadline:empty,
.sb-five-cols__intro:empty {
  display: none;
}

/* Flexbox statt Grid: Karten zentrieren sich abhaengig von der Anzahl sichtbarer Spalten */
.sb-five-cols__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 40px;
  margin-top: 48px;
}

/* Eine Spalte komplett ausblenden */
.sb-five-cols__item.sb-col--hidden {
  display: none;
}

.sb-five-cols__item {
  display: flex;
  flex-direction: column;
  min-width: 0;

  /* Basis = bis zu 5 Karten pro Reihe (4 Luecken * 40px);
     Wachstum gedeckelt auf 4er-Breite -> 4 und 5 Karten fuellen die Reihe,
     weniger Karten werden zentriert. */
  flex: 1 1 calc((100% - 160px) / 5);
  max-width: calc((100% - 120px) / 4);
}

.sb-five-cols__media {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  box-sizing: border-box;
}

.sb-five-cols__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sb-five-cols__img[src=""],
.sb-five-cols__img:not([src]) {
  display: none;
}

.sb-five-cols__media:has(.sb-five-cols__img[src=""]),
.sb-five-cols__media:has(.sb-five-cols__img:not([src])) {
  display: none;
}

.sb-five-cols__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  gap: 24px;
  padding-top: 24px;
}

/* align-content:start -> Titel/Text sitzen oben buendig,
   der Button wird per flex ans Kartenende geschoben */
.sb-five-cols__content {
  display: grid;
  align-content: start;
  gap: 16px;
  flex: 1 1 auto;
  text-align: center;
}

/* Titel reserviert 2 Zeilen -> Text startet in allen Karten auf gleicher Hoehe,
   auch wenn eine Ueberschrift umbricht */
.sb-five-cols__content .sb-five-cols__item-title {
  margin: 0;
  line-height: 1.3;
  min-height: 2.6em;
}

/* Globale .text-content-Margin innerhalb der Karte neutralisieren */
.sb-five-cols__content .sb-five-cols__item-text {
  margin: 0;
}

/* Leere Titel und Texte erzeugen keinen Leerraum */
.sb-five-cols__item-title:empty,
.sb-five-cols__content .sb-five-cols__item-text:empty {
  display: none;
}

.sb-five-cols__button-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}

/*
 * Kein Button-Modus oder kein Buttontext in der aktuellen Sprache:
 * kompletten Wrapper entfernen, damit auch kein Flex-Gap uebrig bleibt.
 */
.sb-five-cols__button-wrap:has(.custom__button.is-hidden),
.sb-five-cols__button-wrap:has(.custom__button:empty) {
  display: none;
}

.sb-five-cols__button-wrap .custom__button.is-hidden,
.sb-five-cols__button-wrap .custom__button:empty {
  display: none;
}

.sb-five-cols__button-wrap .custom__button:link,
.sb-five-cols__button-wrap .custom__button:visited,
.sb-five-cols__button-wrap .custom__button:hover,
.sb-five-cols__button-wrap .custom__button:focus,
.sb-five-cols__button-wrap .custom__button:active {
  text-decoration: none;
}

/*
 * Sprachschutz:
 *
 * Eine Karte wird komplett ausgeblendet, wenn sie in der aktuellen
 * Sprache weder Titel noch Text noch einen sichtbaren Button besitzt.
 *
 * Ein gemeinsam genutztes Bild allein reicht damit nicht aus,
 * um eine noch nicht uebersetzte Karte anzuzeigen.
 */
.sb-five-cols__item:
  has(.sb-five-cols__item-title:empty):
  has(.sb-five-cols__item-text:empty):
  has(.custom__button:empty),

.sb-five-cols__item:
  has(.sb-five-cols__item-title:empty):
  has(.sb-five-cols__item-text:empty):
  has(.custom__button.is-hidden) {
  display: none;
}

.has-scroll-animation.delay-200 {
  transition-delay: 0.2s;
}

.has-scroll-animation.delay-300 {
  transition-delay: 0.3s;
}

.has-scroll-animation.delay-500 {
  transition-delay: 0.5s;
}

.has-scroll-animation.delay-700 {
  transition-delay: 0.7s;
}

.has-scroll-animation.delay-900 {
  transition-delay: 0.9s;
}

.has-scroll-animation.delay-1100 {
  transition-delay: 1.1s;
}

/* Tablet: bis zu 3 pro Reihe */
@media (max-width: 1100px) {
  .sb-five-cols__item {
    flex: 1 1 calc((100% - 80px) / 3);
    max-width: calc((100% - 80px) / 3);
  }
}

/* Kleines Tablet / grosses Smartphone: 2 pro Reihe */
@media (max-width: 768px) {
  .sb-five-cols__inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .sb-five-cols__grid {
    /* row-gap deutlich groesser: Button der Karte -> Bild der naechsten Karte */
    gap: 56px 32px;
    margin-top: 32px;
  }

  .sb-five-cols__item {
    flex: 1 1 calc((100% - 32px) / 2);
    max-width: calc((100% - 32px) / 2);
  }

  /*
   * Fade-Fix mobil:
   * 1) Die gestaffelten Delays sind fuer die Desktop-Reihe gedacht.
   * 2) fade-left/fade-right/fade-down mobil auf vertikale Bewegung normalisieren.
   */
  .sb-five-cols .sb-five-cols__item.has-scroll-animation {
    transition-delay: 0s;
  }

  .sb-five-cols .sb-five-cols__item.has-scroll-animation.fade-left,
  .sb-five-cols .sb-five-cols__item.has-scroll-animation.fade-right,
  .sb-five-cols .sb-five-cols__item.has-scroll-animation.fade-down {
    transform: translateY(24px);
  }

  .sb-five-cols .sb-five-cols__item.has-scroll-animation.is-visible {
    transform: none;
  }
}

/* Smartphone: 1 pro Reihe */
@media (max-width: 520px) {
  .sb-five-cols__grid {
    gap: 56px;
  }

  .sb-five-cols__item {
    flex: 1 1 100%;
    max-width: 100%;
  }

  /* Einspaltig gibt es nichts mehr auszurichten */
  .sb-five-cols__content .sb-five-cols__item-title {
    min-height: 0;
  }
}

/* Ist der komplette Ueberschriftsbereich leer, reserviert er keinen Abstand. */
.sb-five-cols__title-wrap:
  has(.sb-five-cols__headline:empty):
  has(.sb-five-cols__subheadline:empty):
  has(.sb-five-cols__intro:empty) {
  display: none;
}

.sb-five-cols__title-wrap:
  has(.sb-five-cols__headline:empty):
  has(.sb-five-cols__subheadline:empty):
  has(.sb-five-cols__intro:empty)
  + .sb-five-cols__grid {
  margin-top: 0;
}

/* =========================================================
   SMARTBOX: KONTAKTPERSON
   Kompakte, flache Variante passend zum inlingua-Theme
   ========================================================= */

.sb-contact-person {
  --sb-padding-top: 50px;
  --sb-padding-bottom: 50px;

  --contact-hover-color: var(--color-primary, #f0b334);

  padding-left: 24px;
  padding-right: 24px;

  font-family: var(--font-body, "lato-light", "Lato", sans-serif);
  color: var(--color-text, #000000);
}


/* =========================================================
   HINTERGRUND
   ========================================================= */

.sb-contact-person.bg-white {
  background: var(--color-white, #ffffff);
}

.sb-contact-person.bg-grey {
  background: var(--color-bg-muted, #ededed);
}


/* =========================================================
   INNERER BEREICH
   ========================================================= */

.sb-contact-person__inner {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;

  display: grid;
  row-gap: 24px;
}


/* =========================================================
   ÜBERSCHRIFT + SUBHEADLINE
   ========================================================= */

.sb-contact-person__headline-wrap.title-wrapper {
  width: 100%;
  margin: 0;

  display: grid;
  gap: 8px;
}

.sb-contact-person__headline-wrap .sb-contact-person__headline {
  margin: 0;
  font-weight: 400 !important;
}

.sb-contact-person__subheadline {
  margin: 0;

  font-family: var(--font-body, "lato-light", "Lato", sans-serif);
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}

.sb-contact-person__headline-wrap.align-left {
  text-align: left;
}

.sb-contact-person__headline-wrap.align-center {
  text-align: center;
}

.sb-contact-person__headline-wrap.align-right {
  text-align: right;
}

.sb-contact-person__headline-wrap.is-hidden {
  display: none;
}

.sb-contact-person__headline:empty,
.sb-contact-person__subheadline:empty {
  display: none;
}

/*
 * Nur wenn Überschrift UND Subheadline in der aktuellen
 * Sprache leer sind, verschwindet der komplette Titelbereich.
 */
.sb-contact-person__headline-wrap:
  has(.sb-contact-person__headline:empty):
  has(.sb-contact-person__subheadline:empty) {
  display: none;
}


/* =========================================================
   KONTAKTPERSON
   ========================================================= */

.sb-contact-person__person {
  display: grid;
  justify-items: center;
  gap: 10px;
}

.sb-contact-person__image-wrap {
  width: 120px;
  height: 120px;

  overflow: hidden;
  border-radius: 50%;

  background: var(--color-bg-muted, #ededed);
}

.sb-contact-person__image {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}

.sb-contact-person__image[src=""] {
  display: none;
}

.sb-contact-person__image-wrap.is-hidden {
  display: none;
}

.sb-contact-person__name {
  margin: 0;

  font-family: var(--font-ui, "lato", "Lato", sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;

  text-align: center;
  color: var(--color-text, #000000);
}

.sb-contact-person__name.is-hidden {
  display: none;
}


/* =========================================================
   KONTAKTMÖGLICHKEITEN
   ========================================================= */

.sb-contact-person__methods {
  display: flex;
  flex-wrap: wrap;

  justify-content: center;
  align-items: stretch;

  gap: 18px;
}


/* =========================================================
   EINZELNE KONTAKTKACHEL
   ========================================================= */

.sb-contact-person__method {
  flex: 0 0 180px;

  width: 180px;
  min-height: 162px;

  padding: 18px 14px 16px;

  display: grid;

  grid-template-rows:
    50px
    20px
    minmax(42px, auto);

  justify-items: center;
  align-items: start;
  align-content: center;

  gap: 7px;

  box-sizing: border-box;

  border: 0;
  border-radius: 0;
  box-shadow: none;

  text-align: center;
  text-decoration: none;

  color: var(--color-text, #000000);

  transition:
    background-color 0.3s ease,
    box-shadow 0.3s ease,
    color 0.3s ease;
}


/* =========================================================
   KACHELHINTERGRUND
   ========================================================= */

.sb-contact-person.bg-white .sb-contact-person__method {
  background-color: var(--color-bg-muted, #ededed);
}

.sb-contact-person.bg-grey .sb-contact-person__method {
  background-color: var(--color-white, #ffffff);
}


/* =========================================================
   LINKZUSTÄNDE
   ========================================================= */

.sb-contact-person__method:link,
.sb-contact-person__method:visited {
  color: var(--color-text, #000000);
  text-decoration: none;
}


/* =========================================================
   HOVER
   ========================================================= */

.sb-contact-person.bg-white .sb-contact-person__method:hover,
.sb-contact-person.bg-grey .sb-contact-person__method:hover {
  background-color: var(--color-bg-soft, #f5f5f5);
  color: var(--color-text, #000000);

  box-shadow:
    inset 0 -3px 0 var(--contact-hover-color);
}


/* Tastatur-Fokus */

.sb-contact-person__method:focus-visible {
  outline: 2px solid var(--contact-hover-color);
  outline-offset: 3px;
}


/* Ausgeblendete Kontaktarten */

.sb-contact-person__method.is-hidden {
  display: none;
}


/* =========================================================
   ICONS
   ========================================================= */

.sb-contact-person__icon-wrap {
  width: 50px;
  height: 50px;

  position: relative;

  background: transparent;
}

.sb-contact-person__icon {
  position: absolute;
  inset: 0;

  display: block;

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.sb-contact-person__icon--phone {
  background-image:
    url("../../incms_files/filebrowser/ICON_CONTACT_TELEFON.png");
}

.sb-contact-person__icon--whatsapp {
  background-image:
    url("../../incms_files/filebrowser/ICON_CONTACT_WHATSAPP.png");
}

.sb-contact-person__icon--email {
  background-image:
    url("../../incms_files/filebrowser/ICON_CONTACT_E_MAIL.png");
}


/* =========================================================
   TEXTE IN DEN KACHELN
   ========================================================= */

.sb-contact-person__method-title {
  width: 100%;

  font-family: var(--font-ui, "lato", "Lato", sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;

  text-align: center;
}

.sb-contact-person__method-text {
  width: 100%;
  max-width: 100%;
  min-height: 42px;

  font-family: var(--font-body, "lato-light", "Lato", sans-serif);
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;

  text-align: center;

  overflow-wrap: anywhere;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 680px) {

  .sb-contact-person {
    --sb-padding-top: 40px;
    --sb-padding-bottom: 40px;

    padding-left: 16px;
    padding-right: 16px;
  }

  .sb-contact-person__inner {
    row-gap: 22px;
  }

  .sb-contact-person__methods {
    width: 100%;

    gap: 12px;
  }

  .sb-contact-person__method {
    flex: 1 1 100%;

    width: 100%;
    max-width: 320px;
    min-height: 92px;

    padding: 14px 16px;

    grid-template-columns: 48px 1fr;
    grid-template-rows: auto auto;

    grid-template-areas:
      "icon title"
      "icon text";

    justify-items: start;
    align-items: center;
    align-content: center;

    column-gap: 14px;
    row-gap: 2px;

    text-align: left;
  }

  .sb-contact-person__icon-wrap {
    grid-area: icon;

    width: 48px;
    height: 48px;
  }

  .sb-contact-person__method-title {
    grid-area: title;

    width: auto;

    line-height: 1.25;

    text-align: left;
  }

  .sb-contact-person__method-text {
    grid-area: text;

    width: auto;
    min-height: 0;

    line-height: 1.4;

    text-align: left;
  }

  .sb-contact-person__image-wrap {
    width: 108px;
    height: 108px;
  }

  .sb-contact-person__name {
    font-size: 14px;
  }

  .sb-contact-person__subheadline {
    font-size: 16px;
  }
}

/* =========================================================
   SMARTBOX: KONTAKTPERSONEN 2ER
   Zwei Ansprechpartner, Desktop nebeneinander, mobil untereinander
   ========================================================= */

.sb-contact-persons {
  --sb-padding-top: 50px;
  --sb-padding-bottom: 50px;
  --contact-hover-color: var(--color-primary, #f0b334);
  padding-left: 24px;
  padding-right: 24px;
  font-family: var(--font-body, "lato-light", "Lato", sans-serif);
  color: var(--color-text, #000000);
}

.sb-contact-persons.bg-white { background: var(--color-white, #ffffff); }
.sb-contact-persons.bg-grey { background: var(--color-bg-muted, #ededed); }

.sb-contact-persons__inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  row-gap: 28px;
}

/* Überschrift */
.sb-contact-persons__headline-wrap.title-wrapper {
  width: 100%;
  margin: 0;
  display: grid;
  gap: 8px;
}

.sb-contact-persons__headline-wrap .sb-contact-persons__headline {
  margin: 0;
  font-weight: 400 !important;
}

.sb-contact-persons__subheadline {
  margin: 0;
  font-family: var(--font-body, "lato-light", "Lato", sans-serif);
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}

.sb-contact-persons__headline-wrap.align-left { text-align: left; }
.sb-contact-persons__headline-wrap.align-center { text-align: center; }
.sb-contact-persons__headline-wrap.align-right { text-align: right; }
.sb-contact-persons__headline-wrap.is-hidden { display: none; }
.sb-contact-persons__headline:empty,
.sb-contact-persons__subheadline:empty { display: none; }

.sb-contact-persons__headline-wrap:has(.sb-contact-persons__headline:empty):has(.sb-contact-persons__subheadline:empty) {
  display: none;
}

/* Zwei Ansprechpartner */
.sb-contact-persons__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  align-items: start;
}

.sb-contact-persons__card {
  min-width: 0;
  display: grid;
  gap: 18px;
  align-content: start;
}

.sb-contact-persons__person {
  display: grid;
  justify-items: center;
  gap: 10px;
}

.sb-contact-persons__image-wrap {
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 50%;
  background: var(--color-bg-muted, #ededed);
}

.sb-contact-persons__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sb-contact-persons__image[src=""] { display: none; }
.sb-contact-persons__image-wrap.is-hidden { display: none; }

.sb-contact-persons__name {
  margin: 0;
  font-family: var(--font-ui, "lato", "Lato", sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  color: var(--color-text, #000000);
}

.sb-contact-persons__name.is-hidden { display: none; }

/* Kontaktmethoden */
.sb-contact-persons__methods {
  display: grid;
  gap: 10px;
}

.sb-contact-persons__method {
  width: 100%;
  min-height: 74px;
  padding: 12px 16px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-align: left;
  text-decoration: none;
  color: var(--color-text, #000000);
  transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}

.sb-contact-persons.bg-white .sb-contact-persons__method {
  background-color: var(--color-bg-muted, #ededed);
}

.sb-contact-persons.bg-grey .sb-contact-persons__method {
  background-color: var(--color-white, #ffffff);
}

.sb-contact-persons__method:link,
.sb-contact-persons__method:visited {
  color: var(--color-text, #000000);
  text-decoration: none;
}

.sb-contact-persons.bg-white .sb-contact-persons__method:hover,
.sb-contact-persons.bg-grey .sb-contact-persons__method:hover {
  background-color: var(--color-bg-soft, #f5f5f5);
  color: var(--color-text, #000000);
  box-shadow: inset 0 -3px 0 var(--contact-hover-color);
}

.sb-contact-persons__method:focus-visible {
  outline: 2px solid var(--contact-hover-color);
  outline-offset: 3px;
}

.sb-contact-persons__method.is-hidden { display: none; }

.sb-contact-persons__icon {
  width: 46px;
  height: 46px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.sb-contact-persons__icon--phone {
  background-image: url("../../incms_files/filebrowser/ICON_CONTACT_TELEFON.png");
}

.sb-contact-persons__icon--whatsapp {
  background-image: url("../../incms_files/filebrowser/ICON_CONTACT_WHATSAPP.png");
}

.sb-contact-persons__icon--email {
  background-image: url("../../incms_files/filebrowser/ICON_CONTACT_E_MAIL.png");
}

.sb-contact-persons__method-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.sb-contact-persons__method-title {
  font-family: var(--font-ui, "lato", "Lato", sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

.sb-contact-persons__method-text {
  min-width: 0;
  font-family: var(--font-body, "lato-light", "Lato", sans-serif);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .sb-contact-persons {
    --sb-padding-top: 40px;
    --sb-padding-bottom: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .sb-contact-persons__inner { row-gap: 24px; }

  .sb-contact-persons__grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .sb-contact-persons__card {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
  }

  .sb-contact-persons__image-wrap {
    width: 108px;
    height: 108px;
  }

  .sb-contact-persons__name { font-size: 14px; }
  .sb-contact-persons__subheadline { font-size: 16px; }

  .sb-contact-persons__method {
    min-height: 72px;
    padding: 12px 14px;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
  }

  .sb-contact-persons__icon {
    width: 44px;
    height: 44px;
  }
}


.sb-event-table {
  overflow: hidden;
}

.sb-event-table.bg-white { background-color: #ffffff; }
.sb-event-table.bg-grey { background-color: #f4f4f2; }

.sb-event-table__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

.sb-event-table__title-wrap {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  display: grid;
  gap: 16px;
  text-align: center;
}

.sb-event-table__headline:empty,
.sb-event-table__intro:empty { display: none; }

.sb-event-table__title-wrap:has(.sb-event-table__headline:empty):has(.sb-event-table__intro:empty) { display: none; }

.sb-event-table__head,
.sb-event-table__row {
  display: grid;
  grid-template-columns: minmax(80px,.8fr) minmax(220px,2.25fr) minmax(105px,1fr) minmax(125px,1.15fr) minmax(105px,1fr) minmax(110px,1fr) minmax(95px,.9fr);
  gap: 18px;
  align-items: center;
}

.sb-event-table__head {
  padding: 0 20px 10px;
  color: #767672;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.sb-event-table__body {
  display: grid;
  gap: 10px;
}

.sb-event-table__row {
  padding: 18px 20px;
  background: #ffffff;
  border: 1px solid #e7e7e4;
  border-radius: 14px;
  box-sizing: border-box;
  transition: border-color 160ms ease, background-color 160ms ease, opacity 160ms ease;
}

.sb-event-table__row:hover {
  border-color: #d4d4cf;
  background-color: #fdfdfc;
}

.sb-event-table__cell {
  min-width: 0;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.sb-event-table__cell--name { font-weight: 700; }
.sb-event-table__cell--start { font-weight: 650; }

.sb-event-table__language {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 6px 10px;
  border-radius: 999px;
  background: #f0f0ee;
  color: #555552;
  font-size: .78rem;
  font-weight: 650;
  line-height: 1.2;
}

.sb-event-table__status {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  gap: 7px;
  padding: 7px 11px;
  border-radius: 999px;
  background: #f0f0ee;
  color: #555552;
  font-size: .8rem;
  font-weight: 650;
  line-height: 1.2;
}

.sb-event-table__status::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: currentColor;
  opacity: .72;
}

.sb-event-table__status.is-available { background: #eaf5ed; color: #27663b; }
.sb-event-table__status.is-waiting { background: #fbf1dc; color: #7b5a16; }
.sb-event-table__status.is-booked { background: #f8eaea; color: #963737; }

.sb-event-table__action {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  color: inherit;
  font-weight: 650;
  text-decoration: none;
}

.sb-event-table__action::after {
  content: "→";
  transition: transform 160ms ease;
}

.sb-event-table__action:hover,
.sb-event-table__action:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.sb-event-table__action:hover::after,
.sb-event-table__action:focus-visible::after { transform: translateX(3px); }

.sb-event-table__row.is-past { opacity: .56; }
.sb-event-table__row.is-past:hover { opacity: .72; }
.sb-event-table__row.is-past .sb-event-table__status { background: #f0f0ee; color: #686864; }

.sb-event-table__state {
  margin: 0;
  padding: 18px 20px;
  border-radius: 12px;
  background: #f4f4f2;
  color: #5f5f5b;
  text-align: center;
}

.sb-event-table.bg-grey .sb-event-table__state { background: #ffffff; }
.sb-event-table__state--error { color: #8b3434; }
.sb-event-table [hidden] { display: none !important; }

@media (max-width: 980px) {
  .sb-event-table__head { display: none; }
  .sb-event-table__body { gap: 16px; }

  .sb-event-table__row {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap: 18px 24px;
    padding: 22px;
    border-radius: 18px;
  }

  .sb-event-table__cell {
    display: grid;
    align-content: start;
    gap: 4px;
  }

  .sb-event-table__cell::before {
    content: attr(data-label);
    color: #858581;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .035em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .sb-event-table__cell--name {
    grid-column: 1 / -1;
    font-size: 1.08rem;
  }

  .sb-event-table__cell--language,
  .sb-event-table__cell--status,
  .sb-event-table__cell--action { align-self: start; }

  .sb-event-table__cell--action { grid-column: 1 / -1; }
  .sb-event-table__cell--action::before { display: none; }
}

@media (max-width: 520px) {
  .sb-event-table__inner { padding-left: 16px; padding-right: 16px; }

  .sb-event-table__row {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 20px;
  }

  .sb-event-table__cell--name,
  .sb-event-table__cell--action { grid-column: auto; }
}


/* =========================================================
   SMARTBOX: inlingua Lübeck – Kurstabelle aus CSV
   ========================================================= */

.sb-course-table {
  padding-left: 24px;
  padding-right: 24px;
  color: var(--color-text, #000000);
  font-family: var(--font-body, "Lato", Arial, sans-serif);
}

.sb-course-table *,
.sb-course-table *::before,
.sb-course-table *::after {
  box-sizing: border-box;
}

.sb-course-table__inner {
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
}

.sb-course-table__status {
  padding: 14px 0;
}

.sb-course-table__scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.sb-course-table__table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
}

.sb-course-table__table th,
.sb-course-table__table td {
  padding: 14px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  text-align: left;
  vertical-align: middle;
}

.sb-course-table__table th {
  font-family: var(--font-ui, "Lato", Arial, sans-serif);
  font-weight: 700;
  white-space: nowrap;
}

.sb-course-table__table td:nth-child(1),
.sb-course-table__table td:nth-child(3),
.sb-course-table__table td:nth-child(4),
.sb-course-table__table td:nth-child(5),
.sb-course-table__table td:nth-child(6) {
  white-space: nowrap;
}

.sb-course-table__table td:nth-child(2) {
  width: 100%;
}

.sb-course-table__table th:last-child,
.sb-course-table__table td:last-child {
  text-align: right;
  white-space: nowrap;
}

.sb-course-table__button,
.sb-course-table__button:link,
.sb-course-table__button:visited {
  min-height: 42px;
  padding: 9px 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 4px;
  background: var(--color-primary, #f0b334);
  color: var(--color-text, #000000);
  font-family: var(--font-ui, "Lato", Arial, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

.sb-course-table__button:hover,
.sb-course-table__button:focus-visible {
  opacity: 0.82;
  text-decoration: none;
}

.sb-course-table__button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.sb-course-table__sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 767px) {
  .sb-course-table {
    padding-left: 16px;
    padding-right: 16px;
  }

  .sb-course-table__scroll {
    overflow: visible;
  }

  .sb-course-table__table,
  .sb-course-table__table tbody,
  .sb-course-table__table tr,
  .sb-course-table__table td {
    display: block;
    width: 100%;
  }

  .sb-course-table__table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }

  .sb-course-table__table tr {
    margin: 0 0 18px;
    padding: 14px 16px;
    border: 1px solid rgba(0, 0, 0, 0.14);
    border-radius: 6px;
  }

  .sb-course-table__table td,
  .sb-course-table__table td:nth-child(1),
  .sb-course-table__table td:nth-child(2),
  .sb-course-table__table td:nth-child(3),
  .sb-course-table__table td:nth-child(4),
  .sb-course-table__table td:nth-child(5),
  .sb-course-table__table td:nth-child(6),
  .sb-course-table__table td:last-child {
    display: grid;
    grid-template-columns: minmax(82px, 105px) minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    padding: 7px 0;
    border: 0;
    text-align: left;
    white-space: normal;
  }

  .sb-course-table__table td::before {
    content: attr(data-label);
    font-weight: 700;
  }

  .sb-course-table__table td.sb-course-table__action {
    display: block;
    padding-top: 12px;
  }

  .sb-course-table__table td.sb-course-table__action::before {
    content: none;
  }

  .sb-course-table__button {
    width: 100%;
    min-height: 44px;
  }
}

/* =========================================================
   SMARTBOX: inlingua Lübeck – Kurstabelle aus CSV
   ========================================================= */

.sb-il-luebeck-course-table {
  padding-left: 24px;
  padding-right: 24px;
  color: var(--color-text, #000000);
  font-family: var(--font-body, "Lato", Arial, sans-serif);
}

.sb-il-luebeck-course-table *,
.sb-il-luebeck-course-table *::before,
.sb-il-luebeck-course-table *::after {
  box-sizing: border-box;
}

.sb-il-luebeck-course-table__inner {
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
}

.sb-il-luebeck-course-table__status {
  padding: 14px 0;
}

.sb-il-luebeck-course-table__scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.sb-il-luebeck-course-table__table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
}

.sb-il-luebeck-course-table__table th,
.sb-il-luebeck-course-table__table td {
  padding: 14px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  text-align: left;
  vertical-align: middle;
}

.sb-il-luebeck-course-table__table th {
  font-family: var(--font-ui, "Lato", Arial, sans-serif);
  font-weight: 700;
  white-space: nowrap;
}

.sb-il-luebeck-course-table__table td:nth-child(1),
.sb-il-luebeck-course-table__table td:nth-child(3),
.sb-il-luebeck-course-table__table td:nth-child(4),
.sb-il-luebeck-course-table__table td:nth-child(5) {
  white-space: nowrap;
}

.sb-il-luebeck-course-table__table td:nth-child(2) {
  width: 100%;
}

.sb-il-luebeck-course-table__table td:nth-child(6) {
  min-width: 190px;
}

.sb-il-luebeck-course-table__table th:last-child,
.sb-il-luebeck-course-table__table td:last-child {
  text-align: right;
  white-space: nowrap;
}

.sb-il-luebeck-course-table__button,
.sb-il-luebeck-course-table__button:link,
.sb-il-luebeck-course-table__button:visited {
  min-height: 42px;
  padding: 9px 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 4px;
  background: var(--color-primary, #f0b334);
  color: var(--color-text, #000000);
  font-family: var(--font-ui, "Lato", Arial, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

.sb-il-luebeck-course-table__button:hover,
.sb-il-luebeck-course-table__button:focus-visible {
  opacity: 0.82;
  text-decoration: none;
}

.sb-il-luebeck-course-table__button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.sb-il-luebeck-course-table__sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 767px) {
  .sb-il-luebeck-course-table {
    padding-left: 16px;
    padding-right: 16px;
  }

  .sb-il-luebeck-course-table__scroll { overflow: visible; }

  .sb-il-luebeck-course-table__table,
  .sb-il-luebeck-course-table__table tbody,
  .sb-il-luebeck-course-table__table tr,
  .sb-il-luebeck-course-table__table td {
    display: block;
    width: 100%;
  }

  .sb-il-luebeck-course-table__table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }

  .sb-il-luebeck-course-table__table tr {
    margin: 0 0 18px;
    padding: 14px 16px;
    border: 1px solid rgba(0, 0, 0, 0.14);
    border-radius: 6px;
  }

  .sb-il-luebeck-course-table__table td,
  .sb-il-luebeck-course-table__table td:nth-child(1),
  .sb-il-luebeck-course-table__table td:nth-child(2),
  .sb-il-luebeck-course-table__table td:nth-child(3),
  .sb-il-luebeck-course-table__table td:nth-child(4),
  .sb-il-luebeck-course-table__table td:nth-child(5),
  .sb-il-luebeck-course-table__table td:nth-child(6),
  .sb-il-luebeck-course-table__table td:last-child {
    display: grid;
    grid-template-columns: minmax(90px, 110px) minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    min-width: 0;
    padding: 7px 0;
    border: 0;
    text-align: left;
    white-space: normal;
  }

  .sb-il-luebeck-course-table__table td::before {
    content: attr(data-label);
    font-weight: 700;
  }

  .sb-il-luebeck-course-table__table td.sb-il-luebeck-course-table__action {
    display: block;
    padding-top: 12px;
  }

  .sb-il-luebeck-course-table__table td.sb-il-luebeck-course-table__action::before { content: none; }
  .sb-il-luebeck-course-table__button { width: 100%; min-height: 44px; }
}

.sb-il-luebeck-course-table__app {
	--sb-csv-url: https://sunfiles.de/Webtool/csv-admin/public-data/inlingua-luebeck-termine.csv;
}

/* =========================================================
   SMARTBOX: MEHRSPRACHIGER TEST
   Deutsch / Englisch über die inCMS-Sprachklasse am body
   ========================================================= */

.sb-language-test {
  --sb-padding-top: 50px;
  --sb-padding-bottom: 50px;

  padding-left: 24px;
  padding-right: 24px;

  background: var(--color-white, #ffffff);
}


/* =========================================================
   INNER
   ========================================================= */

.sb-language-test__inner {
  width: 100%;
  max-width: 900px;

  margin: 0 auto;
}


/* =========================================================
   TEXT
   ========================================================= */

.sb-language-test__text {
  font-family: var(
    --font-body,
    "lato-light",
    "Lato",
    sans-serif
  );

  font-size: var(--font-size-body, 18px);
  line-height: 1.6;

  color: var(--color-text, #000000);
}


/* =========================================================
   SPRACHSTEUERUNG
   ========================================================= */

.sb-language-content {
  display: none;
}


/* Deutsch */

body.lang-de .sb-language-content--de {
  display: block;
}


/* Englisch */

body.lang-en .sb-language-content--en {
  display: block;
}


/* =========================================================
   FALLBACK
   Wenn keine bekannte Sprachklasse vorhanden ist,
   wird Deutsch angezeigt.
   ========================================================= */

body:not(.lang-de):not(.lang-en) .sb-language-content--de {
  display: block;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 680px) {

  .sb-language-test {
    --sb-padding-top: 40px;
    --sb-padding-bottom: 40px;

    padding-left: 16px;
    padding-right: 16px;
  }

  .sb-language-test__text {
    font-size: var(--font-size-body-mobile, 16px);
  }
}


.sb-multipane-test {
  padding: 40px;
  background: #eeeeee;
}

.sb-multipane-test h2 {
  margin-top: 0;
}

.sb-sun-sb__search-form {
	width: 184px;
	min-width: 184px;
	height: 34px;
	display: flex;
	align-items: center;
	background: #e7e7e4;
	border: 1px solid #e7e7e4;
	border-radius: 0;
	box-sizing: border-box;
	flex-shrink: 0;
	margin: 0;
}

.sb-sun-sb__search-form:focus-within {
	background: #ffffff;
	border-color: #cdcdc8;
}

.sb-sun-search-input-wrapper{
	position: relative;
    width: 100%;
}

.sb-sun-search-input-wrapper:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
	background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M19.265 18.735l-4.94-4.941a7.884 7.884 0 10-.53.53l4.94 4.941a.375.375 0 10.53-.53zM1.375 8.5A7.125 7.125 0 118.5 15.625 7.132 7.132 0 011.375 8.5z' fill='%23000'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 10;
}

.sb-sun-sb__search-input {
	width: 100%;
	min-width: 0;
	height: 100%;
	border: 0;
	background: transparent;
	color: #3a3a38;
	outline: 0;
	box-shadow: none;
	padding: 0 8px 0 36px;
	font-size: 14px;
	line-height: 1;
	box-sizing: border-box;
}

.sb-sun-sb__search-input::placeholder {
	color: #7d7d78;
	opacity: 1;
}

.sb-sun-sb__search-form {
  position: relative;
}

.sb-sun-sb__search-suggestions {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 200;
  background: #fff;
  border: 1px solid #d9d9d9;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  max-height: 420px;
  overflow-y: auto;
}

.sb-sun-header__search-suggestion {
  display: block;
  padding: 14px 16px;
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid #ececec;
}

.sb-sun-header__search-suggestion:last-child {
  border-bottom: 0;
}

.sb-sun-header__search-suggestion:hover,
.sb-sun-header__search-suggestion:focus {
  background: #f5f5f5;
}

.sb-sun-header__search-suggestion:focus {
  background: #f5f5f5;
  outline: none;
}

.sb-sun-header__search-suggestion-title {
  display: block;
}

.sb-sun-header__search-suggestion-empty {
  padding: 14px 16px;
}


.sb-search-page {
  width: 100%;
  padding: 48px 20px;
  box-sizing: border-box;
}

.sb-search-page__inner {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.sb-search-page__form {
  margin-top: 24px;
}

.sb-search-page__label {
  display: block;
  margin-bottom: 8px;
}

.sb-search-page__form-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: stretch;
}

.sb-search-page__input {
  width: 100%;
  min-height: 52px;
  padding: 0 16px;
  border: 1px solid #d0d0d0;
  box-sizing: border-box;
}

.sb-search-page__button {
  min-height: 52px;
  white-space: nowrap;
}

.sb-search-page__meta {
  margin-top: 20px;
}

.sb-search-page__results {
  margin-top: 24px;
  display: grid;
  gap: 16px;
}

.sb-search-page__result {
  border: 1px solid #e3e3e3;
  padding: 20px;
  box-sizing: border-box;
  background: #fff;
}

/* Kleinere H2 in den Suchergebnissen */
.sb-search-page .sb-search-page__result-title {
  margin: 0 0 8px;
  font-size: 26px;
  line-height: 1.3;
  font-weight: 700;
}

.sb-search-page__result-link {
  text-decoration: none;
}

.sb-search-page__result-excerpt {
  margin: 0 0 10px;
}

.sb-search-page__result-url {
  font-size: 14px;
  opacity: 0.7;
  word-break: break-word;
}

.sb-search-page__empty {
  border: 1px solid #e3e3e3;
  padding: 20px;
  background: #fff;
}

@media (max-width: 767px) {

  .sb-search-page .sb-search-page__result-title {
    font-size: 22px;
  }

  .sb-search-page__form-row {
    grid-template-columns: 1fr;
  }

  .sb-search-page__button {
    width: 100%;
  }
}


/* ============================================================
   Smart Accordion v2.0
   Scope: .smart-accordion  |  Vars: --sa-*
   ============================================================ */

/* --- inCMS Defaults neutralisieren ------------------------- */
.smart-accordion .flexi-accordion dt,
.smart-accordion .flexi-accordion dd,
.smart-accordion .flexi-accordionitem dt,
.smart-accordion .flexi-accordionitem dd {
  border: none !important;
  background: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* --- Item = Trennlinie unten ------------------------------- */
.smart-accordion .flexi-accordionitem {
  font-family: "Lato", "lato", sans-serif;
  margin-bottom: var(--sa-mb);
  border-bottom: 1px solid var(--sa-lcolor);
}
.smart-accordion.no-line .flexi-accordionitem {
  border-bottom: none;
}

/* --- Überschrift ------------------------------------------- */
.smart-accordion .flexi-accordionitem dt {
  margin: 0;
}
.smart-accordion .flexi-accordionitem dt a,
.smart-accordion .flexi-accordionitem dt a:hover,
.smart-accordion .flexi-accordionitem dt a:focus,
.smart-accordion .flexi-accordionitem dt a:visited,
.smart-accordion .flexi-accordion dt a,
.smart-accordion .flexi-accordion dt a:hover,
.smart-accordion .flexi-accordion dt a:visited {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  height: auto;
  margin: 0;
  padding: var(--sa-pad) 0;
  box-sizing: border-box;

  font-family: "Lato", "lato", sans-serif;
  font-weight: var(--sa-qweight);
  font-size: clamp(calc(var(--sa-qsize) * 0.8), 1.55vw, var(--sa-qsize));
  line-height: 1.35;
  color: var(--sa-qcolor);
  text-decoration: none;
}

/* --- Chevron rechts (reines CSS, kein FontAwesome) --------- */
.smart-accordion.arrow .flexi-accordionitem dt a:after,
.smart-accordion.arrow .flexi-accordion dt a:after {
  content: "";
  flex: 0 0 auto;
  width: var(--sa-isize);
  height: var(--sa-isize);
  border-right: 2px solid var(--sa-icolor);
  border-bottom: 2px solid var(--sa-icolor);
  transform: translateY(-25%) rotate(45deg);
  transition: transform 0.25s ease;
}
.smart-accordion.arrow .flexi-accordionitem dt.is-open a:after,
.smart-accordion.arrow .flexi-accordionitem dt.active a:after,
.smart-accordion.arrow .flexi-accordionitem dt a[aria-expanded="true"]:after,
.smart-accordion.arrow .flexi-accordion dt.is-open a:after,
.smart-accordion.arrow .flexi-accordion dt.active a:after {
  transform: translateY(25%) rotate(-135deg);
}

/* Altes FontAwesome-Icon sicher abschalten */
.smart-accordion.arrow dt a:before {
  content: none;
}

/* --- Inhalt ------------------------------------------------ */
.smart-accordion .flexi-accordionitem dd,
.smart-accordion .flexi-accordion dd {
  margin: 0;
  padding: 0 0 var(--sa-pad);
  font-family: "Lato", "lato", sans-serif;
  font-weight: 400;
  font-size: clamp(calc(var(--sa-csize) * 0.85), 1.25vw, var(--sa-csize));
  line-height: 1.6;
  color: var(--sa-ccolor);
}
.smart-accordion .flexi-accordionitem dd > *:last-child {
  margin-bottom: 0;
}

/* --- Responsiv --------------------------------------------- */
@media (max-width: 768px) {
  .smart-accordion .flexi-accordionitem dt a {
    gap: 16px;
    padding: calc(var(--sa-pad) * 0.75) 0;
  }
  .smart-accordion .flexi-accordionitem dd {
    padding-bottom: calc(var(--sa-pad) * 0.75);
  }
  .smart-accordion.arrow .flexi-accordionitem dt a:after {
    width: calc(var(--sa-isize) * 0.8);
    height: calc(var(--sa-isize) * 0.8);
    border-width: 1.5px;
  }
}


.smart-accordion {
	--sa-qsize: 20px;
	--sa-qweight: 700;
	--sa-qcolor: #000000;
	--sa-csize: 18px;
	--sa-ccolor: #000000;
	--sa-icolor: #000000;
	--sa-isize: 10px;
	--sa-lcolor: #D9D9D9;
	--sa-pad: 20px;
	--sa-mb: 20px;
}

.smart-mask{
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  bottom: 0;
  display: none;
  border-radius: inherit;
}
.smart-mask.active-mask{display:block;}
.smart-box-container{position:relative;}
.view-normal.onecol .smart-box.fullwidth.fullwidthcontent > .smart-box-container {
  max-width: 100%;
}
.shadow{box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);z-index: 1;}
.text-center{text-align:center}
.smart-border{box-sizing: border-box;}
@media screen and (max-width: 768px) {
  .hidebg-lg{background-image:none !important}
}
@media screen and (max-width: 568px) {
  .hidebg-md{background-image:none !important}
}
@media screen and (max-width: 480px) {
  .hidebg-sm{background-image:none !important}
}

.smartbox-main-inner {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.smart-main {
	background-size: auto;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-attachment: scroll;
}

.smart-border {
	border-radius: 0px;
	border-top-width: 0px;
	border-top-style: none;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-left-width: 0px;
	border-left-style: none;
}

/*
 * CSV-Suchhilfe / Zielgruppen-Navigator
 * Bewusst neutral gehalten: Typografie und Button-Design kommen aus dem globalen Website-CSS.
 * Eigene Regeln betreffen nur Layout und die beiden Auswahlfelder.
 */
.sb-guided-search {
  overflow: visible;
}

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

.sb-guided-search.bg-grey {
  background-color: #ededed;
}

.sb-guided-search__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

.sb-guided-search__title-wrap {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.sb-guided-search__headline,
.sb-guided-search__intro {
  margin-left: auto;
  margin-right: auto;
}

.sb-guided-search__intro {
  margin-top: 16px;
}

.sb-guided-search__headline:empty,
.sb-guided-search__intro:empty {
  display: none;
}

.sb-guided-search__form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px 40px;
  align-items: end;
  max-width: 980px;
  margin: 42px auto 0;
}

.sb-guided-search__field {
  display: grid;
  gap: 12px;
  min-width: 0;
  margin: 0;
}

.sb-guided-search__field-title {
  display: block;
  font-size: 1.1rem;
  line-height: 1.35;
  font-weight: 600;
}

.sb-guided-search__select-wrap {
  display: block;
  position: relative;
}

.sb-guided-search__select-wrap::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-70%) rotate(45deg);
  pointer-events: none;
  opacity: .72;
}

.sb-guided-search__select {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 58px;
  margin: 0;
  padding: 0 52px 0 18px;
  box-sizing: border-box;
  font: inherit;
  line-height: 1.3;
  color: inherit;
  background-color: #ffffff;
  border: 1px solid rgba(20, 28, 38, .16);
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(20, 28, 38, .04);
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.sb-guided-search__select:hover:not(:disabled) {
  border-color: rgba(20, 28, 38, .34);
}

.sb-guided-search__select:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.sb-guided-search__select:disabled {
  opacity: .58;
  cursor: not-allowed;
}

.sb-guided-search__select option {
  color: #202833;
  background: #ffffff;
}

.sb-guided-search__button-wrap {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  margin-top: 4px;
}

.sb-guided-search .sb-guided-search__button:disabled {
  opacity: .52;
  cursor: not-allowed;
}

.sb-guided-search__status {
  max-width: 980px;
  margin: 14px auto 0;
  text-align: center;
  font-size: .92rem;
}

.sb-guided-search__status:empty {
  display: none;
}

.sb-guided-search__notice {
  max-width: 980px;
  margin: 36px auto 0;
  text-align: center;
  line-height: 1.6;
}

.sb-guided-search__notice.is-hidden {
  display: none;
}

.sb-guided-search__notice-link {
  text-underline-offset: 3px;
}

@media (max-width: 767px) {
  .sb-guided-search__inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .sb-guided-search__form {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    margin-top: 30px;
  }

  .sb-guided-search__button-wrap {
    grid-column: auto;
    justify-content: stretch;
    margin-top: 0;
  }

  .sb-guided-search .sb-guided-search__button {
    width: 100%;
  }

  .sb-guided-search__notice {
    margin-top: 28px;
  }
}


/* =========================================================
   SMARTBOX: Universal-CSV-Tabelle
   Breite richtet sich nach dem Elternelement.
   CSV-Kopf bestimmt automatisch die Tabellenspalten.
   ========================================================= */

.sb-universal-csv-table,
.sb-universal-csv-table.sb-section {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 24px;
  padding-right: 24px;

  box-sizing: border-box;

  color: var(--color-text, #000000);
  font-family: var(--font-body, "Lato", Arial, sans-serif);
}

.sb-universal-csv-table *,
.sb-universal-csv-table *::before,
.sb-universal-csv-table *::after {
  box-sizing: border-box;
}


/* =========================================================
   INNER / BREITENBEGRENZUNG
   ========================================================= */

.sb-universal-csv-table__inner {
  width: 100%;
  max-width: 100%;
  min-width: 0;

  margin: 0;
}

.sb-universal-csv-table__app {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}


/* =========================================================
   DATENQUELLE
   ========================================================= */

.sb-universal-csv-table__source {
  display: none !important;
}


/* =========================================================
   STATUS
   ========================================================= */

.sb-universal-csv-table__status {
  padding: 14px 0;
}


/* =========================================================
   SCROLLBEREICH
   Tabelle darf breiter sein, aber nicht das Elternelement
   vergrößern.
   ========================================================= */

.sb-universal-csv-table__scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;

  overflow-x: auto;
  overflow-y: hidden;

  -webkit-overflow-scrolling: touch;
}


/* =========================================================
   TABELLE
   ========================================================= */

.sb-universal-csv-table__table {
  width: 100%;
  max-width: 100%;

  border-collapse: collapse;
  border-spacing: 0;

  table-layout: auto;
}

.sb-universal-csv-table__table th,
.sb-universal-csv-table__table td {
  padding: 14px 12px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.12);

  text-align: left;
  vertical-align: middle;
}

.sb-universal-csv-table__table th {
  font-family: var(--font-ui, "Lato", Arial, sans-serif);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;

  white-space: nowrap;
}

.sb-universal-csv-table__table td {
  line-height: 1.4;
}

.sb-universal-csv-table__table td[data-key="startdatum"],
.sb-universal-csv-table__table td[data-key="datum"],
.sb-universal-csv-table__table td[data-key="beginn"],
.sb-universal-csv-table__table td[data-key="startzeit"],
.sb-universal-csv-table__table td[data-key="uhrzeit"],
.sb-universal-csv-table__table td[data-key="zeit"],
.sb-universal-csv-table__table td[data-key="wochentage"],
.sb-universal-csv-table__table td[data-key="status"],
.sb-universal-csv-table__table td[data-key="standort"] {
  white-space: nowrap;
}


/* =========================================================
   STATUS-BADGES
   ========================================================= */

.sb-universal-csv-table__badge {
  display: inline-flex;
  align-items: center;

  min-height: 30px;
  padding: 5px 11px;

  border-radius: 999px;

  background: rgba(0, 0, 0, 0.07);

  font-size: 14px;
  line-height: 1.2;

  white-space: nowrap;
}

.sb-universal-csv-table__badge::before {
  content: "•";
  margin-right: 6px;
}

.sb-universal-csv-table__badge.is-positive {
  background: #e4f3e4;
  color: #08751a;
}

.sb-universal-csv-table__badge.is-negative {
  background: #f8e5e5;
  color: #9b1c1c;
}

.sb-universal-csv-table__badge.is-warning {
  background: #fff2d8;
  color: #8a5a00;
}


/* =========================================================
   BUTTON
   ========================================================= */

.sb-universal-csv-table__button,
.sb-universal-csv-table__button:link,
.sb-universal-csv-table__button:visited {
  min-height: 42px;
  padding: 9px 14px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 0;
  border-radius: 4px;

  background: var(--color-primary, #f0b334);
  color: var(--color-text, #000000);

  font-family: var(--font-ui, "Lato", Arial, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;

  text-decoration: none;
  white-space: nowrap;

  transition: opacity 0.2s ease;
}

.sb-universal-csv-table__button:hover,
.sb-universal-csv-table__button:focus-visible {
  opacity: 0.82;
  text-decoration: none;
}

.sb-universal-csv-table__button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.sb-universal-csv-table__action {
  text-align: right !important;
  white-space: nowrap;
}


/* =========================================================
   SCREENREADER
   ========================================================= */

.sb-universal-csv-table__sr-only {
  position: absolute !important;

  width: 1px !important;
  height: 1px !important;

  padding: 0 !important;
  margin: -1px !important;

  overflow: hidden !important;

  clip: rect(0, 0, 0, 0) !important;

  white-space: nowrap !important;

  border: 0 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .sb-universal-csv-table,
  .sb-universal-csv-table.sb-section {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 16px;
    padding-right: 16px;
  }

  .sb-universal-csv-table__inner,
  .sb-universal-csv-table__app {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .sb-universal-csv-table__scroll {
    width: 100%;
    max-width: 100%;

    overflow: visible;
  }

  .sb-universal-csv-table__table,
  .sb-universal-csv-table__table tbody,
  .sb-universal-csv-table__table tr,
  .sb-universal-csv-table__table td {
    display: block;
    width: 100%;
    max-width: 100%;
  }

  .sb-universal-csv-table__table thead {
    position: absolute;

    width: 1px;
    height: 1px;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;
  }

  .sb-universal-csv-table__table tr {
    margin: 0 0 18px;
    padding: 14px 16px;

    border: 1px solid rgba(0, 0, 0, 0.14);
    border-radius: 6px;
  }

  .sb-universal-csv-table__table td,
  .sb-universal-csv-table__table td[data-key] {
    display: grid;

    grid-template-columns:
      minmax(100px, 120px)
      minmax(0, 1fr);

    gap: 10px;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    padding: 7px 0;

    border: 0;

    text-align: left;
    white-space: normal;

    overflow-wrap: anywhere;
  }

  .sb-universal-csv-table__table td::before {
    content: attr(data-label);
    font-weight: 700;
  }

  .sb-universal-csv-table__table td.sb-universal-csv-table__action {
    display: block;

    padding-top: 12px;
  }

  .sb-universal-csv-table__table td.sb-universal-csv-table__action::before {
    content: none;
  }

  .sb-universal-csv-table__button {
    width: 100%;
    min-height: 44px;
  }
}

.test-box {
  display: flex;
  gap: 24px;
  align-items: center;
  padding: 24px;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  background: #ffffff;
  box-sizing: border-box;
}

.test-box__image-wrap {
  flex: 0 0 auto;
}

.test-box__image {
  display: block;
  max-width: 220px;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.test-box__content {
  flex: 1 1 auto;
}

.test-box__text {
  font-size: 16px;
  line-height: 1.6;
  color: #222222;
  margin-bottom: 16px;
}

.test-box__button {
  display: inline-block;
  padding: 12px 18px;
  border-radius: 8px;
  background: #0057ff;
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.2s ease;
}

.test-box__button:hover {
  background: #0046cc;
}

@media screen and (max-width: 768px) {
  .test-box {
    flex-direction: column;
    align-items: stretch;
  }

  .test-box__image {
    max-width: 100%;
  }
}


/* =========================================================
   ZENTRALE DESIGN-VARIABLEN
   Farben, Schriften und wiederkehrende Basiswerte
   ========================================================= */

:root {
  /* Original-inlingua-Farbvariablen */
  --black: #000000;
  --white: #ffffff;
  --primary: #f0b334;
  --secondary: #37c0aa;
  --blue: #7a93a8;
  --grey-1: #666666;
  --grey-2: #78766d;
  --grey-3: #ededed;

  --button-primary-background-color: #f0b334;
  --button-primary-text-color: #000000;
  --button-primary-hover-background-color: #7494aa;
  --button-primary-hover-text-color: #000000;
  --button-secondary-background-color: #37c0aa;
  --button-secondary-text-color: #103831;
  --button-secondary-hover-background-color: #7494aa;
  --button-secondary-hover-text-color: #ffffff;

  /* Unsere semantischen Aliase */
  --color-text: var(--black);
  --color-text-strong: #111111;
  --color-white: var(--white);
  --color-primary: var(--primary);
  --color-secondary: var(--secondary);
  --color-hover: var(--button-primary-hover-background-color);

  --color-bg-muted: var(--grey-3);
  --color-bg-soft: #f5f5f5;
  --color-bg-active: #f1f1f1;

  --color-border: #cfcfcf;
  --color-border-focus: #b8b8b8;
  --color-border-light: #d8d8d8;
  --color-border-menu: #e3e3e3;
  --color-footer: var(--grey-1);

  /* Schriften */
  --font-body: "lato-light", "Lato", sans-serif;
  --font-ui: "lato", "Lato", sans-serif;
  --font-button: "Lato", sans-serif;

  /* Typografie */
  --font-size-body: 18px;
  --font-size-body-mobile: 16px;
  --font-size-ui: 16px;
  --font-size-small: 14px;
  --font-size-button: 16px;
  --font-size-button-mobile: 14px;
  --font-size-subheadline: 20px;
  --font-size-subheadline-mobile: 18px;
  --font-weight-button: 700;

  /* Standard-/Hero-CTA: entspricht dem visuellen Original-Button */
  --button-line-height: 1.2;
  --button-letter-spacing: normal;
  --button-word-spacing: 0px;
  --button-text-transform: uppercase;
  --button-padding-y: 6px;
  --button-padding-x: 18px;
  --button-min-height: 40px;
  --button-margin-top: 5px;
  --button-transition: all 0.3s ease;

  /* Kartenraster-CTA: aus den gelieferten Computed Styles des Originals */
  --card-button-font-size: 14px;
  --card-button-line-height: 21px;
  --card-button-padding-y: 10px;
  --card-button-padding-x: 20px;
  --card-button-word-spacing: 0.8px;

  /* Komponenten */
  --form-control-min-height: 52px;
  --form-radius: 4px;
  --section-padding-default: 80px;

  /* Referenzbreiten der Originalseite bei Desktop */
  --content-max-cards: 1368px;
  --content-max-two-cols: 930px;
  --two-cols-gap-small: 60px;
  --two-cols-gap-medium: 110px;
  --two-cols-gap-large: 150px;

  /* Effekte */
  --scroll-animation-duration: 0.8s;
  --dropdown-shadow: 0 10px 24px rgba(0, 0, 0, 0.10);
}


/* =========================================================
   GLOBAL / BASIS
   ========================================================= */

a{
  cursor: pointer;
}
.title-wrapper{
  margin: 0 auto 25px;
}

.text-content{
  font-family: var(--font-body);
  font-size: var(--font-size-body);
  line-height: 160%;
  margin: 0 auto 25px;
}

.text-black{
  color: var(--color-text);
}

.text-white{
  color: var(--color-white);
}


/* =========================================================
   TYPOGRAFIE / HEADLINES
   ========================================================= */

.title-wrapper h1,
.title-wrapper h2 {
  font-size: 50px;
  font-weight: 400;
}

.title-wrapper h2 {
  line-height: 140%;
}

.title-wrapper h3 {
  font-family: var(--font-body);
  font-size: var(--font-size-subheadline);
  font-weight: 300;
  line-height: 140%;
}

/* Überschriftenabstände zentral steuern statt Theme-Default-Margins zu addieren. */
.title-wrapper > h1,
.title-wrapper > h2,
.title-wrapper > h3 {
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 1440px) {
  .title-wrapper h2 {
    font-size: 40px !important;
  }

  .title-wrapper h3 {
    font-size: var(--font-size-subheadline) !important;
  }
}


@media (max-width: 768px) {
  .title-wrapper h3 {
    font-size: var(--font-size-subheadline-mobile) !important;
  }
}


/* =========================================================
   BUTTONS
   ========================================================= */

button{
  font-size: var(--font-size-button);
  line-height: var(--button-line-height);
}

/* Gemeinsame Button-Basis.
   WICHTIG: Das Original verwendet je nach Komponente unterschiedliche
   Button-Metriken. Der Hero/Standard-CTA ist groesser als die Buttons
   im Kartenraster. Deshalb hier nur die gemeinsame Basis definieren. */
.custom__button{
  font-family: var(--font-button);
  font-weight: var(--font-weight-button);
  font-size: var(--font-size-button);
  font-style: normal;
  line-height: var(--button-line-height);
  letter-spacing: var(--button-letter-spacing);
  word-spacing: var(--button-word-spacing);
  text-transform: var(--button-text-transform);
  text-align: center;
  text-decoration: none;

  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 339px;
  min-height: var(--button-min-height);

  margin-top: var(--button-margin-top);
  padding: var(--button-padding-y) var(--button-padding-x);

  box-sizing: border-box;
  border: none;
  cursor: pointer;
  transition: var(--button-transition);
}

.custom__button.is-hidden{
  display: none;
}

.custom__button.align-left{
  margin-left: 0;
  margin-right: auto;
}

.custom__button.align-center{
  margin-left: auto;
  margin-right: auto;
}

.custom__button.align-right{
  margin-left: auto;
  margin-right: 0;
}

.primary_btn{
  background: var(--button-primary-background-color);
  color: var(--button-primary-text-color);
}

.primary_btn:hover{
  background: var(--button-primary-hover-background-color);
  color: var(--button-primary-hover-text-color);
}

.secondary_btn{
  background: var(--button-secondary-background-color);
  color: var(--button-secondary-text-color);
}

.secondary_btn:hover{
  background: var(--button-secondary-hover-background-color);
  color: var(--button-secondary-hover-text-color);
}

.custom__button.primary_btn:link,
.custom__button.primary_btn:visited {
  color: var(--button-primary-text-color);
}

.custom__button.secondary_btn:link,
.custom__button.secondary_btn:visited {
  color: var(--button-secondary-text-color);
}

.custom__button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

@media (max-width: 768px) {
  .custom__button{
    font-size: var(--font-size-button-mobile);
  }
}


/* =========================
   inCMS Formular im sb-headline Wrapper
   ========================= */

.incms-form,
.incms-form form {
  width: 100%;
}

/* Feldgruppen */
.myformchild {
  margin-bottom: 22px;
}

/* Labels */
.incms-form-item-label {
  display: block;
  margin-bottom: 8px;
  font-family: var(--font-body);
  font-size: var(--font-size-ui);
  line-height: 1.3;
  font-weight: 400;
  color: var(--color-text);
}

/* Tooltips neben Labels nicht verschieben */
.incms-form-item-label .tooltip {
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
}

/* Standard-Felder */
.incms-form-field:not([type="checkbox"]):not([type="radio"]),
.incms-form-element textarea.incms-form-field,
.incms-form-element select.incms-form-field {
  width: 100%;
  min-height: var(--form-control-min-height);
  padding: 12px 14px;
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--form-radius);
  box-sizing: border-box;
  font-family: var(--font-body);
  font-size: var(--font-size-ui);
  line-height: 1.4;
  color: var(--color-text);
  box-shadow: none;
}

/* Textarea */
textarea.incms-form-field {
  min-height: 180px;
  resize: vertical;
}

/* Fokus */
.incms-form-field:not([type="checkbox"]):not([type="radio"]):focus,
textarea.incms-form-field:focus, select.incms-form-field:focus {
  outline: none;
  border-color: var(--color-border-focus);
  background: var(--color-white);
  box-shadow: none;
}

/* Select sauber halten */
.select-wrapper.incms-form-element {
  width: 100%;
}



/* Dateifeld-Wrapper */
.from-file {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

/* Das sichtbare deaktivierte Dateifeld */
.from-file > input.incms-form-field[disabled] {
  flex: 1 1 auto;
  width: auto;
  min-height: var(--form-control-min-height);
  background: var(--color-white);
  border-radius: var(--form-radius);
  color: var(--color-text);
  opacity: 1;
}

/* Fake Upload Button */
.from-file > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 18px;
  background: var(--color-bg-soft);
  font-family: var(--font-body);
  font-size: var(--font-size-small);
  line-height: 1.2;
  color: var(--color-text);
  white-space: nowrap;
  box-sizing: border-box;
}

/* Das echte File-Input unsichtbar drüberlegen */
.from-file > input.incms-fake-input[type="file"] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

/* Checkboxen und Radios NICHT wie Textfelder behandeln */
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  min-height: 0;
  margin: 0 8px 0 0;
  box-shadow: none;
  vertical-align: middle;
}

/* Checkbox-/Radio-Zeilen */
.checkbox label,
.radio label,
.terms-field {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Radiogruppe nicht in grauem Balken lassen */
.input-radio .incms-form-field {
  width: 100%;
  min-height: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}


/* Button-Container */
.submit_container,
.incms-button-container {
  margin-top: 36px;
  text-align: center !important;
}

/* inCMS Button-Wrapper neutralisieren */
.incms-button {
  max-width: none !important;
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* Echten Button an eure globale Buttonlogik hängen */
.incms-button button {
  font-family: var(--font-button);
  font-weight: var(--font-weight-button);
  font-size: var(--font-size-button);
  font-style: normal;
  line-height: var(--button-line-height);
  letter-spacing: var(--button-letter-spacing);
  word-spacing: var(--button-word-spacing);
  text-transform: var(--button-text-transform);

  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  padding: 6px 60px;
  min-height: var(--button-min-height);
  width: fit-content;

  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  border: none;
  background: var(--button-primary-background-color);
  color: var(--button-primary-text-color);
  cursor: pointer;
  transition: var(--button-transition);
}

.incms-button button:hover {
  background: var(--button-primary-hover-background-color);
  color: var(--button-primary-hover-text-color);
}

/* AGB-Link */
.terms-field a {
  color: var(--color-secondary);
  text-decoration: underline;
}

/* Mobile */
@media (max-width: 768px) {
  .incms-form-field:not([type="checkbox"]):not([type="radio"]),
  .incms-form-element textarea.incms-form-field,
  .incms-form-element select.incms-form-field {
    font-size: var(--font-size-ui);
  }

  .from-file {
    flex-direction: column;
    align-items: stretch;
  }

  .from-file > span {
    width: 100%;
  }

  .incms-button button {
    width: 100%;
    box-sizing: border-box;
    font-size: var(--font-size-button-mobile);
  }
}
.select-wrapper {
  position: relative;
}


/* LANGUAGE DROPDOWN */
#menulangtop {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

/* Trigger */
#menulangtop .sb-lang-toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid var(--color-border-light);
  border-radius: 999px;
  background: var(--color-white);
  cursor: pointer;
  font: inherit;
  color: var(--color-text-strong);
  line-height: 1;
  white-space: nowrap;
}

#menulangtop .sb-lang-toggle:focus-visible {
  outline: 2px solid var(--color-text-strong);
  outline-offset: 2px;
}

#menulangtop .sb-lang-toggle-caret {
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  transition: transform 0.2s ease;
}

#menulangtop.is-open .sb-lang-toggle-caret {
  transform: rotate(225deg) translateY(-1px);
}

/* Dropdown hart von Menü-Styles lösen */
#menulangtop > ul {
  position: absolute !important;
  top: calc(100% + 8px);
  right: 0 !important;
  left: auto !important;
  transform: none !important;

  z-index: 1000;
  width: 180px !important;
  max-width: calc(100vw - 16px) !important;

  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;

  margin: 0 !important;
  padding: 10px !important;
  list-style: none !important;

  background: var(--color-white) !important;
  border: 1px solid var(--color-border-menu) !important;
  border-radius: 16px !important;
  box-shadow: var(--dropdown-shadow) !important;
  box-sizing: border-box !important;
}

#menulangtop:not(.is-open) > ul {
  display: none !important;
}

#menulangtop > ul > li {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#menulangtop > ul > li > a {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;

  margin: 0 !important;
  padding: 10px 14px 10px 42px !important;

  text-align: left !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  color: var(--color-text-strong) !important;

  border-radius: 10px !important;
  background-repeat: no-repeat !important;
  background-position: 14px center !important;
  background-size: 16px 16px !important;
}

#menulangtop > ul > li > a:hover,
#menulangtop > ul > li > a:focus-visible {
  background-color: var(--color-bg-soft) !important;
  outline: none !important;
}

#menulangtop > ul > li.active > a {
  background-color: var(--color-bg-active) !important;
  font-weight: 600 !important;
}


/* AKKORDEON */

/* --- Schriftart erzwingen ------------------------------- */
.flexi-accordionitem,
.flexi-accordionitem dt,
.flexi-accordionitem dt > a,
.flexi-accordionitem dd {
  font-family: var(--font-ui);
  -webkit-font-smoothing: antialiased;
}

/* --- Wrapper: keine Rahmen, kein Hintergrund ------------ */
.flexi-accordionitem {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

/* --- dt: nur Klickfläche, keine eigene Optik ------------ */
.flexi-accordionitem dt {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}

/* --- Link: inCMS-Linkfarben & Unterstreichung killen ---- */
.flexi-accordionitem dt > a,
.flexi-accordionitem dt > a:link,
.flexi-accordionitem dt > a:visited,
.flexi-accordionitem dt > a:hover,
.flexi-accordionitem dt > a:active,
.flexi-accordionitem dt > a:focus {
  color: inherit;
  text-decoration: none;
  background: none;
  outline: none;
}

/* Tastatur-Fokus trotzdem sichtbar lassen (Accessibility) */
.flexi-accordionitem dt > a:focus-visible {
  outline: 2px solid var(--color-text-strong);
  outline-offset: 4px;
}

/* Titel darf umbrechen, Chevron bleibt rechts */
.flexi-accordionitem dt > a {
  cursor: pointer;
  text-align: left;
  hyphens: auto;
}

/* --- dd: Fließtext ------------------------------------- */
.flexi-accordionitem dd {
  margin: 0;
  background: none;
  border: none;
}

.flexi-accordionitem dd p {
  margin: 0 0 1em;
  font-family: var(--font-body);
  line-height: 1.6;
}

.flexi-accordionitem dd p:last-child,
.flexi-accordionitem dd ul:last-child,
.flexi-accordionitem dd ol:last-child {
  margin-bottom: 0;
}

.flexi-accordionitem dd a {
  color: var(--color-secondary);
  text-decoration: underline;
}

/* --- Mobile -------------------------------------------- */
@media (max-width: 768px) {
  .flexi-accordionitem dd p {
    line-height: 1.55;
  }
}


/* =========================================================
   ANIMATIONEN
   ========================================================= */

/* Animation */

.has-scroll-animation {
  opacity: 0;
  transition: opacity var(--scroll-animation-duration) ease, transform var(--scroll-animation-duration) ease;
  will-change: opacity, transform;
}

/* Startzustände */
.has-scroll-animation.fade-up {
  transform: translateY(30px);
}

.has-scroll-animation.fade-left {
  transform: translateX(-40px);
}

.has-scroll-animation.fade-right {
  transform: translateX(40px);
}

.has-scroll-animation.fade-down {
  transform: translateY(-30px);
}

/* Endzustand */
.has-scroll-animation.is-visible {
  opacity: 1;
  transform: none;
}

/* =========================================================
   inCMS Backend: animierte Inhalte immer sichtbar
   ========================================================= */

.view-edit .has-scroll-animation {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}


/* =========================================================
   SMARTBOX BASIS V3
   Gemeinsamer Full-Width-Rahmen + frei wählbare Abstände
   ========================================================= */

.sb-section {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: relative;
  box-sizing: border-box;
  padding-top: var(--sb-padding-top, var(--section-padding-default));
  padding-bottom: var(--sb-padding-bottom, var(--section-padding-default));
}


/* =========================================================
   HERO – Referenzabstaende
   ========================================================= */

/* Das Original hat zwischen Beschreibung und CTA nur den
   Button-Margin. Der Absatz selbst bringt unten keinen
   zusaetzlichen Abstand mit. */
.sb-hero__subtitle {
  margin-bottom: 0;
}

.sb-hero .custom__button {
  /* Hero-CTA ist im Original groesser als die Karten-CTAs.
     16px / 1.2 / 6x18px / min. 40px ergibt bei einer Zeile ca. 40px
     und bei der langen deutschen CTA ca. 50px Hoehe – passend zur Referenz. */
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  word-spacing: 0;
  padding: 6px 18px;
  min-height: 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 22px;
}


/* =========================================================
   KARTENRASTER – ORIGINAL BUTTON-METRIKEN
   Computed-Style-Referenz: 14px / 700 / 21px / 10x20px.
   Der Abstand zum Button kommt bei unserer SmartBox bereits ueber
   .sb-five-cols__body { gap: 24px; }, deshalb hier kein zweiter margin-top.
   ========================================================= */

.sb-five-cols__button-wrap .custom__button {
  font-size: var(--card-button-font-size);
  font-weight: 700;
  line-height: var(--card-button-line-height);
  word-spacing: var(--card-button-word-spacing);
  padding: var(--card-button-padding-y) var(--card-button-padding-x);
  min-height: auto;
  max-width: none;
  margin-top: 0;
  display: block;
  box-sizing: content-box;
}

/* =========================================================
   SMARTBOX: 2 SPALTEN – VISUELLE STYLES
   Das reine Layout/Gerüst bleibt in der SmartBox.
   ========================================================= */

.sb-two-cols.bg-white {
  background: var(--color-white);
}

.sb-two-cols.bg-grey {
  background: var(--color-bg-muted);
}

/* Optionale Bereichsüberschrift */
.sb-two-cols__headline {
  margin: 0 0 32px;
  font-size: 50px;
  line-height: 140%;
  font-weight: 400;
  color: var(--color-text);
}

.sb-two-cols__headline.align-left {
  text-align: left;
}

.sb-two-cols__headline.align-center {
  text-align: center;
}

.sb-two-cols__headline.align-right {
  text-align: right;
}

/* Überschrift innerhalb einer Spalte */
.sb-two-cols__col-headline {
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 140%;
  font-weight: 400;
  color: var(--color-text);
}

/* Fließtext */
.sb-two-cols__text-content {
  font-family: var(--font-body);
  font-size: var(--font-size-body);
  font-weight: 300;
  line-height: 160%;
  color: var(--color-text);
}

.sb-two-cols__text-content p:first-child {
  margin-top: 0;
}

.sb-two-cols__text-content p:last-child {
  margin-bottom: 0;
}

/* Button-Abstand */
.sb-two-cols__text .custom__button {
  margin-top: 24px;
}

/* Bilder */
.sb-two-cols__media-image,
.sb-two-cols__media-image-right {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* =========================================================
   INCMS CAROUSEL – NAVIGATION IM ERFOLGSGESCHICHTEN-STIL
   ========================================================= */

.owl-carousel.incms-theme {
  position: relative;

  --incms-carousel-nav-bg: #ffffff;
  --incms-carousel-pagination-active: #111111;
  --incms-carousel-pagination-inactive: #c7c7c7;
}


/* =========================================================
   PFEILE
   ========================================================= */

.owl-carousel.incms-theme .owl-nav {
  margin: 0;
}


/* =========================================================
   BUTTON-BASIS

   Die Buttons liegen komplett außerhalb der Carousel-Fläche,
   damit die Slides beim Wechsel nicht hinter ihnen laufen.
   ========================================================= */

.owl-carousel.incms-theme .owl-nav button.owl-prev,
.owl-carousel.incms-theme .owl-nav button.owl-next {
  position: absolute;

  top: 50%;

  width: 42px;
  height: 42px;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;
  border-radius: 50% !important;

  background:
    var(
      --incms-carousel-nav-bg,
      #ffffff
    ) !important;

  box-shadow:
    0 2px 10px
    rgba(0, 0, 0, 0.12);

  display: flex !important;
  align-items: center;
  justify-content: center;

  color: #111111 !important;

  cursor: pointer;

  z-index: 3;

  line-height: 1;

  transform: translateY(-50%) !important;

  transition:
    opacity 0.2s ease,
    box-shadow 0.2s ease;
}


/* =========================================================
   POSITION

   54px Abstand sorgt dafür, dass der 42px große Button
   vollständig außerhalb der eigentlichen Carousel-Fläche sitzt.
   ========================================================= */

.owl-carousel.incms-theme .owl-nav button.owl-prev {
  left: -54px;
}

.owl-carousel.incms-theme .owl-nav button.owl-next {
  right: -54px;
}


/* =========================================================
   VORHANDENE INCMS / FONT-AWESOME-PFEILE ENTFERNEN
   ========================================================= */

.owl-carousel.incms-theme
.owl-nav
button
i {
  display: none !important;
}

.owl-carousel.incms-theme
.owl-nav
button::after {
  content: none !important;
  display: none !important;
}


/* =========================================================
   EIGENE PFEILSYMBOLE
   ========================================================= */

.owl-carousel.incms-theme
.owl-nav
button::before {
  display: block !important;

  position: static !important;

  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  background: none !important;

  color: #111111 !important;

  font-family: var(--font-ui) !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1 !important;

  transform: translateY(-2px);
}

.owl-carousel.incms-theme
.owl-nav
button.owl-prev::before {
  content: "‹" !important;
}

.owl-carousel.incms-theme
.owl-nav
button.owl-next::before {
  content: "›" !important;
}


/* =========================================================
   HOVER / FOCUS / ACTIVE

   Keine Positions- oder Größenänderung. Der Button bleibt bei
   Maus, Tastatur und Klick exakt an derselben Stelle.
   ========================================================= */

.owl-carousel.incms-theme
.owl-nav
button.owl-prev:hover,
.owl-carousel.incms-theme
.owl-nav
button.owl-next:hover,
.owl-carousel.incms-theme
.owl-nav
button.owl-prev:focus,
.owl-carousel.incms-theme
.owl-nav
button.owl-next:focus,
.owl-carousel.incms-theme
.owl-nav
button.owl-prev:active,
.owl-carousel.incms-theme
.owl-nav
button.owl-next:active {
  background:
    var(
      --incms-carousel-nav-bg,
      #ffffff
    ) !important;

  color: #111111 !important;

  transform: translateY(-50%) !important;

  opacity: 1;

  box-shadow:
    0 4px 14px
    rgba(0, 0, 0, 0.16);
}

.owl-carousel.incms-theme
.owl-nav
button.owl-prev:focus-visible,
.owl-carousel.incms-theme
.owl-nav
button.owl-next:focus-visible {
  outline: 2px solid #111111;
  outline-offset: 3px;
}


/* =========================================================
   PAGINATION
   ========================================================= */

.owl-carousel.incms-theme .owl-dots {
  position: relative !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  transform: none !important;

  margin-top: 18px !important;

  display: flex;
  justify-content: center;
  align-items: center;

  gap: 13px;
}


/* Button selbst neutralisieren */
.owl-carousel.incms-theme .owl-dots button.owl-dot {
  appearance: none;
  -webkit-appearance: none;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 13px;
  min-width: 13px;
  height: 13px;
  min-height: 13px;

  padding: 0 !important;
  margin: 0 !important;

  border: 0 !important;

  background: transparent !important;

  box-shadow: none !important;

  cursor: pointer;
}


/* Inaktiver Punkt */
.owl-carousel.incms-theme .owl-dots button.owl-dot span {
  display: block;

  width: 9px;
  height: 9px;

  margin: 0 !important;

  border: 0;
  border-radius: 50%;

  background:
    var(
      --incms-carousel-pagination-inactive,
      #c7c7c7
    ) !important;

  opacity: 1;

  box-sizing: border-box;

  transition:
    opacity 0.2s ease,
    width 0.2s ease,
    height 0.2s ease;
}


/* Aktiver Punkt */
.owl-carousel.incms-theme
.owl-dots
button.owl-dot.active
span {
  width: 13px;
  height: 13px;

  background: transparent !important;

  border:
    2px solid
    var(
      --incms-carousel-pagination-active,
      #111111
    );

  border-radius: 50%;
}


.owl-carousel.incms-theme
.owl-dots
button.owl-dot:hover
span {
  opacity: 0.5;
}


.owl-carousel.incms-theme
.owl-dots
button.owl-dot:focus-visible {
  outline: 2px solid #111111;
  outline-offset: 3px;
  border-radius: 50%;
}

/*===========================ENDE=========================== */

@media (max-width: 1440px) {
  .sb-two-cols__headline {
    font-size: 40px;
  }
}

@media (max-width: 768px) {
  .sb-two-cols__headline {
    font-size: 32px;
    margin-bottom: 24px;
  }

  .sb-two-cols__col-headline {
    font-size: 20px;
  }

  .sb-two-cols__text-content {
    font-size: var(--font-size-body-mobile);
    line-height: 155%;
  }

  .sb-two-cols__text .custom__button {
    margin-top: 18px;
  }
}

/* Übergangshilfe: alte sichtbare Buttons aus 2-Spalten/Hero bleiben bis zur manuellen Prüfung gestaltet. */
.sb-two-cols .custom__button:not(.is-hidden):not(.primary_btn):not(.secondary_btn),
.sb-hero .custom__button:not(.is-hidden):not(.primary_btn):not(.secondary_btn) {
  background: var(--color-primary);
  color: var(--color-text);
}

/* =========================================================
   ORIGINAL-REFERENZ: GEMESSENE DESKTOP-WERTE
   Abgleich anhand der bereitgestellten Original-Screenshots.
   ========================================================= */

/* Kartenraster:
   Original bei ~1900px Viewport: 4 Bilder à ca. 300px, dazwischen ca. 40px.
   1368px Innenbreite - 48px Seitenpadding = 1320px Gridbreite.
   (1320px - 3 * 40px) / 4 = 300px je Karte. */
.sb-section.sb-five-cols .sb-five-cols__inner {
  max-width: var(--content-max-cards);
}

/* Bei der Originalreferenz liegen einzeilige Kartentitel nicht künstlich
   in einem reservierten Zwei-Zeilen-Feld. Breitere Karten verhindern bei
   den üblichen Titeln ohnehin unnötige Umbrüche. */
.sb-section.sb-five-cols .sb-five-cols__content .sb-five-cols__item-title {
  min-height: 0;
}

/* 2 Spalten – flexibel:
   Referenz bei 1904px Viewport gemessen:
   Bild ca. 409px, Textspalte ca. 409px, Abstand ca. 111px.
   930px Gesamtbreite mit 110px Gap ergibt zwei Spalten à 410px. */
.sb-section.sb-two-cols .sb-two-cols__inner {
  max-width: var(--content-max-two-cols);
}

.sb-section.sb-two-cols .sb-two-cols__grid.gap-small {
  gap: var(--two-cols-gap-small);
}

.sb-section.sb-two-cols .sb-two-cols__grid.gap-medium {
  gap: var(--two-cols-gap-medium);
}

.sb-section.sb-two-cols .sb-two-cols__grid.gap-large {
  gap: var(--two-cols-gap-large);
}

/* Erfolgsgeschichten:
   Die Originalseite nutzt für die Namensleiste dasselbe Gelb wie die CTAs.
   Die bisherige lokale Standardfarbe #d8a229 war sichtbar dunkler. */
.sb-success-stories .sb-success-stories__customer {
  background: var(--color-primary);
  padding: 14px 20px;
}

/* Referenz-CTA: Computed Style der Originalseite.
   Außenhöhe ergibt sich aus 21px Zeilenhöhe + 10px Padding oben/unten = 41px. */

@media (max-width: 768px) {
  /* Mobil wieder kompakter; Desktop-Referenzwerte nicht erzwingen. */
  .sb-section.sb-two-cols .sb-two-cols__grid.gap-small,
  .sb-section.sb-two-cols .sb-two-cols__grid.gap-medium,
  .sb-section.sb-two-cols .sb-two-cols__grid.gap-large {
    gap: 32px;
  }

  .sb-section.sb-five-cols .sb-five-cols__inner {
    max-width: 100%;
  }
}