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