/* codeDESIGN - layout.css */
@charset "utf-8";

/* @import url('layout_gallery.css'); */
/* @import url('layout_cms.css'); */
@import url('layout_navigation.css');
@import url('layout_system_messages.css');
@import url('layout_fonts.css');

/* NEEDS ALSO ADJUSTMENT IN jce_editor.css */
@import url('../fonts/fontawesome-pro-5.13.0/css/all.min.css');

html, body {
	background: #f9f4ed;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: normal 14px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 300;
	color: var(--ci_color_font_dark);
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	position: relative;
	/*
	hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	-webkit-locale: 'de';
	-webkit-text-size-adjust: none;
	text-rendering: optimizeLegibility;
	-webkit-font-mdoothing: antialiased;
	*/
}
body.website_body.container,
body.website_body.container-fluid {
	padding: 0px 0px 0px 0px;
}
strong, b {
	font-weight: 400;
}
a[href^=tel] {
	/* FIX FOR IOS DEVICES */
	color: inherit;
	text-decoration: underline;
}
/*
@font-face {
	font-family: 'goudy_old_styleregular';
	src: url('../fonts/goudos-webfont.woff2') format('woff2'), url('../fonts/goudos-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
*/
div.website_border {
	border: 20px solid #f9f4ed;
}
@media only screen and (max-width: 991px) {

	div.website_border {
		border: 10px solid #f9f4ed;
	}
	
}



/* GLOBAL CSS VARIABLES */
:root {
	--ci_color: #BE4C54;
	--ci_color_rgba: rgba(167, 105, 169, 1);
	--ci_color_black: #07080C;
	--ci_color_black_rgba: rgba(7, 8, 12, 1);
	--ci_color_grey: #242424;
	--ci_color_grey_rgba: rgba(136, 136, 136, 1);
	--ci_color_brown: #C6B299;
	--ci_color_brown_rgba: rgba(131, 102, 76, 1);
	--ci_color_font_light: #ffffff;
	--ci_color_font_dark: #242424;
	
	--ci_color_accent_1: #BE4C54;
	--ci_color_accent_1_hover: #b14048;
	--ci_color_accent_2: #C6B299;
	--ci_color_accent_2_hover: #785D56;	
}



/* CI COLORS */
.ci_color {
	color: var(--ci_color);
}
.ci_color_force {
	color: var(--ci_color) !important;
}
.ci_color_black {
	color: #07080C;
}
.ci_color_gold {
	color: var(--ci_color);
}
.ci_color_black {
	color: var(--ci_color_font_dark);
}
.ci_color_white {
	color: #ffffff;
}
.ci_color_grey_1 {
	color: #444444;
}
.ci_color_grey_2 {
	color: #BBBBBB;
}
.ci_color_grey_3 {
	color: #E6E6DC;
}
.ci_color_grey_4 {
	color: #242424;
}
.ci_color_brown {
	color: #785D56;
}
.ci_color_white h1,
.ci_color_white h2,
.ci_color_white h3,
.ci_color_white h4 {
	color: #ffffff !important;
}
.ci_color_grey h1,
.ci_color_grey h2,
.ci_color_grey h3,
.ci_color_grey h4 {
	color: #242424 !important;
}
.layout_ci_white_background {
	background: #ffffff;
	color: #242424;
}
.layout_ci_dark_background {
	background: #222222;
	color: #ffffff;
}
.layout_ci_grey_1_background {
	background: #E6E6DC;
	color: #242424;
}
.layout_ci_grey_2_background {
	background: #F4F4F4;
	color: #242424;
}
.layout_ci_grey_3_background {
	background: #f7f7f7;
	color: #242424;
}
.layout_ci_beige_background {
	background: #785D56;
	color: #242424;
}



/* LOADERS AND INTRO */
div.website_ajax_loader {
	background: transparent url(../images/icons/ajax_loading.svg) no-repeat center;
	width: 20px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 20px;
	right: 10px;
	z-index: 9999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
	display: none;
}
div.website_loader {
	background: #785D56;
	width: 0px;
	height: 2px;
	position: absolute;
	top: 0px;
	z-index: 9999;
}
div.website_intro {
	background: rgba(255, 255, 255, 1.0);
	width: 100%;
	height: 100%; 
	position: fixed;
	vertical-align: middle;
	z-index: 999999;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
}
div.website_intro img {
	width: 400px;
}
div.website_intro_content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}



/* MOBILE LOGO */
section.section_mobile_logo_top {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.layout_mobile_logo_top {
	background: #E2D5B8;
	background: -moz-linear-gradient(top,  #E2D5B8 0%, #ECE3D1 100%);
	background: -webkit-linear-gradient(top,  #E2D5B8 0%,#ECE3D1 100%);
	background: linear-gradient(to bottom,  #E2D5B8 0%,#ECE3D1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECE3D1', endColorstr='#E2D5B8',GradientType=0 );
	width: 100%;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: none;
}
@media only screen and (max-width: 768px) {

	div.layout_mobile_logo_top {
		display: inline-block;
	}
	
}
div.layout_mobile_logo_top img {
	width: 40%;
	margin: 0 auto;
	display: inline;
}



/* SHAPE ROUNDED TOP */
.shape_rounded_top {
	/* background: url(../images/shape_rounded_top.png) no-repeat center top; */
	background: #f9f4ed;
	width: 100%;
	min-height: 100px;
	display: block;
	position: relative;
}
@media only screen and (max-width: 768px) {

	.shape_rounded_top {
		display: none;
	}
	
}
.shape_rounded_top [class^="col-"],
.shape_rounded_top [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
.shape_rounded_top_inner {
	position: relative;	
}
.shape_rounded_top_corner {
	background: #f9f4ed url(../images/shape_rounded_top_corners.png) no-repeat;
	width: 40px;
	min-height: 40px;
	display: inline-block;
	position: absolute;
}
.shape_rounded_top_corner_left {
	left: 0px;
	top: 100px;
	z-index: 99;
}
.shape_rounded_top_corner_right {
	background-position: -40px 0px;
	right: 0px;
	top: 100px;
	z-index: 99;
}
@media only screen and (max-width: 1200px) {

	div.shape_rounded_top_corner_left,
	div.shape_rounded_top_corner_right {
		display: none;
	}
	
}
.shape_rounded_top div.shape_rounded_top_logo img {
	max-height: 94px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
/* PHONE AND MAIL */
.shape_rounded_top div.phone_and_mail {
	width: 100%;
	font-size: 11px;
	font-weight: 400;
	color: #242424;
	text-transform: uppercase;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
@media only screen and (max-width: 1200px) {

	.shape_rounded_top div.phone_and_mail {
		margin: 10px 0px 0px 40px;
	}
	
}
.shape_rounded_top div.phone_and_mail i {
	color: #785D56;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.shape_rounded_top div.phone_and_mail:hover i, 
.shape_rounded_top div.phone_and_mail i:hover {
	color: var(--ci_color);
}
.shape_rounded_top div.phone_and_mail div.phone {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.shape_rounded_top div.phone_and_mail div.phone span,
.shape_rounded_top div.phone_and_mail div.phone a,
.shape_rounded_top div.phone_and_mail div.phone a:link,
.shape_rounded_top div.phone_and_mail div.phone a:visited {
	color: #242424;
	text-decoration: none;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.shape_rounded_top div.phone_and_mail div.phone span:hover, 
.shape_rounded_top div.phone_and_mail div.phone a:hover {
	color: #242424 !important;
	text-decoration: none;
	cursor: help;
}
.shape_rounded_top div.phone_and_mail div.email {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	text-transform: none !important;
}
@media only screen and (max-width: 1200px) {

	.shape_rounded_top div.phone_and_mail div.email {
		padding: 0px 0px 0px 0px;
	}
	
}
@media only screen and (max-width: 991px) {

	.shape_rounded_top div.phone_and_mail div.email {
		display: none;
	}
	
}
.shape_rounded_top div.phone_and_mail div.email span,
.shape_rounded_top div.phone_and_mail div.email a,
.shape_rounded_top div.phone_and_mail div.email a:link,
.shape_rounded_top div.phone_and_mail div.email a:visited {
	color: #242424 !important;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.shape_rounded_top div.phone_and_mail div.email a:hover {
	color: #242424 !important;
	text-decoration: none;
}
.shape_rounded_top div.phone_and_mail a,
.shape_rounded_top div.phone_and_mail a:link,
.shape_rounded_top div.phone_and_mail a:visited {
	color: #242424;
	text-decoration: none;
}
.shape_rounded_top div.phone_and_mail a:hover {
	color: #242424;
	text-decoration: none;
}
/* NAVIGATION TRIGGER */
.shape_rounded_top_navigation_trigger {
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: none;
	position: absolute;
	right: 20px;
	top: 0px;
	z-index: 999;
}
.shape_rounded_top_navigation_trigger i.fas {
	color: #785D56;
	font-size: 32px;
	margin: 16px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;	
}
.shape_rounded_top_navigation_trigger:hover i.fas {
	color: #242424;
}
@media only screen and (max-width: 1199px) {

	.shape_rounded_top_navigation_trigger {
		display: inline-block;
	}
	
}






/* ROUNDED TOPLINE */
.rounded_top {
	background: none;
	width: 100%;
	height: auto;
	border-radius: 40px 40px 0px 0px;
	-moz-border-radius: 40px 40px 0px 0px;
	-webkit-border-radius: 40px 40px 0px 0px;
	border: 20px solid #ECE3D1;	
}
.rounded_top_mobile {
	background: none;
	width: 100%;
	height: auto;
	border-radius: 40px 40px 0px 0px;
	-moz-border-radius: 40px 40px 0px 0px;
	-webkit-border-radius: 40px 40px 0px 0px;
	border: 20px solid #E2D5B8;
	display: none;	
}
@media only screen and (max-width: 768px) {

	div.rounded_top {
		display: none;
	}
	div.rounded_top_mobile {
		display: block;
	}	
}



/* TOPLINE */
section.section_topline {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
section.section_topline h6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.layout_topline {
	background: #ECE3D1;
	width: 100%;
	height: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: 400;
	color: #242424;
	text-transform: uppercase;
}
.layout_topline:hover {
	color: #242424;
}
@media only screen and (max-width: 768px),
@media only screen and (max-width: 480px),
@media only screen and (max-width: 320px) {

	.layout_topline {
		display: none;
	}
	
}
.layout_topline_inner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.layout_topline_inner a,
.layout_topline_inner a:link,
.layout_topline_inner a:visited {
	color: #242424;
	text-decoration: none;
}
.layout_topline_inner a:hover {
	color: #242424;
	text-decoration: underline;
}
.layout_topline_inner div.container {
	padding: 0px 15px 0px 15px;
}
.layout_topline_inner div.col-sm-6,
.layout_topline_inner div.col-sm-4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.layout_topline_inner i {
	color: #785D56;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.layout_topline_inner i:hover {
	color: #242424;
}
.topline_customer_name {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.topline_customer_job {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	text-transform: none !important;
}
.topline_mobile_slide_navigation_trigger {
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: none;
}
.topline_mobile_slide_navigation_trigger i.fas {
	color: #785D56;
	font-size: 32px;
	margin: 16px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;	
}
.topline_mobile_slide_navigation_trigger:hover i.fas {
	color: #242424;
}
@media only screen and (max-width: 1199px) {

	.topline_mobile_slide_navigation_trigger {
		display: inline-block;
	}
	
}
.topline_phone_and_mail {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.topline_phone {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.topline_phone span,
.topline_phone a,
.topline_phone a:link,
.topline_phone a:visited {
	color: #242424;
	text-decoration: none;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.topline_phone span:hover, 
.topline_phone a:hover {
	color: #242424 !important;
	text-decoration: none;
	cursor: help;
}
.topline_email {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	text-transform: none !important;
}
@media only screen and (max-width: 991px) {

	.topline_email {
		display: none;
	}
	
}
.topline_email span,
.topline_email a,
.topline_email a:link,
.topline_email a:visited {
	color: #242424 !important;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.topline_email a:hover {
	color: #ffffff !important;
	text-decoration: none;
}
/* TOPLINE MOBILE */
.layout_topline_mobile {
	background: #ECE3D1;
	width: 100%;
	height: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	font-size: 11px;
	font-weight: 400;
	color: #242424;
	text-align: right !important;
	border-bottom: 4px solid #E2D5B8;
	/*
	position: fixed;
	top: 0px;
	*/
	z-index: 9999;
	display: none;
}
@media only screen and (max-width: 768px) {

	.layout_topline_mobile {
		display: block;
	}
	
}
.layout_topline_mobile div.col-xs-2,
.layout_topline_mobile div.col-xs-6,
.layout_topline_mobile div.col-xs-10 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.layout_topline_mobile:hover {
	color: #242424;
}
.topline_mobile_content {
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}
.topline_mobile_content i.fa-phone {
	color: #785D56;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.topline_mobile_content i.fa-phone:hover {
	color: #BE4C54;
}
.topline_mobile_mobile_slide_navigation_trigger {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
}
.topline_mobile_mobile_slide_navigation_trigger i.fas {
	color: #BE4C54;
	font-size: 32px;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;	
}
.topline_mobile_mobile_slide_navigation_trigger:hover i.fas {
	color: #BE4C54;
}



/* CMS LANGAUGE SWITCHER */
.layout_navigation_languages {
	margin: 20px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
@media only screen and (max-width: 768px) {

	.layout_navigation_languages {
		margin: 20px 20px 0px 20px;
	}
	
}
.layout_navigation_languages ul.system_languages_list_with_icons {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.layout_navigation_languages ul.system_languages_list_with_icons li {
	background: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	float: left;
	position: relative;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.layout_navigation_languages ul.system_languages_list_with_icons > li {
	width: auto;
	height: 40px;
}
.layout_navigation_languages ul.system_languages_list_with_icons li img {
	width: 18px;
	margin: 4px 0px 0px 0px;
	float: left;
}
.layout_navigation_languages ul.system_languages_list_with_icons li a,
.layout_navigation_languages ul.system_languages_list_with_icons li a:link,
.layout_navigation_languages ul.system_languages_list_with_icons li a:visited {
	font: 400 11px/11px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 10px;
	position: relative;
}
.layout_navigation_languages ul.system_languages_list_with_icons li a.href_active_language .arrow {
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 100;
	position: absolute;
	right: 0px;
	top: calc(50% - 8px);
	line-height: 1;
	font-style: normal;
	font-weight: normal;
}
.layout_navigation_languages ul.system_languages_list_with_icons li a.href_active_language .arrow:before {
	content: "\f078";
	font-size: 0.8em;
	font-weight: 100;
	color: #ffffff;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.layout_navigation_languages ul.system_languages_list_with_icons:hover li a.href_active_language .arrow:before {
	color: var(--ci_color);
}
.layout_navigation_languages ul.system_languages_list_with_icons li:focus-within a {
	outline: none;
}
.layout_navigation_languages ul.system_languages_list_with_icons li:hover,
.layout_navigation_languages ul.system_languages_list_with_icons li:focus-within {
	cursor: pointer;
}
/* CMS LANGAUGE SWITCHER SUBMENU */
.layout_navigation_languages ul.system_languages_list_with_icons li ul {

	list-style: none;
	margin: 16px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	transform: translateY(50%);
   
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;

	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	position: absolute;
	z-index: 9999;
}
.layout_navigation_languages ul.system_languages_list_with_icons li:hover > ul,
.layout_navigation_languages ul.system_languages_list_with_icons li:focus-within > ul,
.layout_navigation_languages ul.system_languages_list_with_icons li ul:hover,
.layout_navigation_languages ul.system_languages_list_with_icons li ul:focus {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.layout_navigation_languages ul.system_languages_list_with_icons li ul li {
	background: #ffffff;
	width: 120px;
	margin: 0px 0px 0px 0px;
	padding: 4px 10px 4px 10px;
}
.layout_navigation_languages ul.system_languages_list_with_icons li ul li a,
.layout_navigation_languages ul.system_languages_list_with_icons li ul li a:link,
.layout_navigation_languages ul.system_languages_list_with_icons li ul li a:visited {
	font: 400 11px/11px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	color: #010101;
	text-decoration: none;
	text-transform: uppercase;
}
.layout_navigation_languages ul.system_languages_list_with_icons li ul li img {
	width: 18px;
	float: left;
}
.layout_navigation_languages ul.system_languages_list_with_icons li ul li span.system_language {
	padding: 3px 0px 0px 10px;
	float: left;
}
.layout_navigation_languages ul.system_languages_list_with_icons li ul li span.system_language:after  {
	clear: both;
}
.layout_navigation_languages ul.system_languages_list_with_icons li ul li:first-child > a:after {
	/* ARROW UP SUBMENU */
	content: '';
	position: absolute;
	left: -3px;
	top: -15px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffff;
}



/* CMS LANGAUGE SWITCHER MOBILE */
.layout_mobile_languages {
	position: absolute;
	right: 10px;
	top: 20px;
	display: none;
}
@media only screen and (max-width: 768px) {

	.layout_mobile_languages {
		display: inline;
	}
	
}
.layout_mobile_languages ul.system_languages_list {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.layout_mobile_languages ul.system_languages_list li {
	background: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	float: left;
	position: relative;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.layout_mobile_languages ul.system_languages_list li img {
	width: 18px;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.layout_mobile_languages ul.system_languages_list li.lang-active {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
}



/* CMS BREADCRUMBS */
.layout_breadcrumbs {
	background: #f9f4ed;
	height: 46px;
	color: #242424;
	font: normal 11px/40px 'Open Sans',Arial,Helvetica;
	margin: 0px 0px 0px 0px;
}
.layout_breadcrumbs div.container {
	padding: 0px 15px 0px 15px;
}
.layout_breadcrumbs div.row,
.layout_breadcrumbs div.col-xs-12 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* SMALL DEVICES, TABLETS */
@media only screen and (max-width: 768px) {

	.layout_breadcrumbs {
		display: none !important;
	}
	
}
.layout_breadcrumbs_inner {
	/* RESPONSIVE CONTAINER ! */
}
.layout_breadcrumbs ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.layout_breadcrumbs ul li {
	text-transform: uppercase;
	list-style: none;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.layout_breadcrumbs ul li.showhere {
	margin: 0px 4px 0px 0px;
}
.layout_breadcrumbs ul li a,
.layout_breadcrumbs ul li a:link,
.layout_breadcrumbs ul li a:visited {
	color: #242424;
	text-decoration: none;
}
.layout_breadcrumbs ul li a:hover {
	text-decoration: underline;
}
.layout_breadcrumbs_ ul li span.showhere_bars {
	font-family: 'Font Awesome 5 Pro';
	font-size: 1.5em;
	display: block;
	margin: 0px 4px 0px 0px;	
}
.layout_breadcrumbs_ ul li span.showhere_bars:before {
	content: "\f0c9";
}
.layout_breadcrumbs ul li:first-child i.fa {
	color: #785D56;
	font-size: 1.1em;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.layout_breadcrumbs ul li:first-child:hover i.fa {

}
.layout_breadcrumbs:hover ul li:first-child i.fa {
	color: #785D56;
}
.layout_breadcrumbs_ ul li span.divider {
	background: url(../fonts/fontawesome-pro-5.2.0/svgs/light/chevron-right.svg) no-repeat center;
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	margin: 15px 0px 0px 0px;
}
.layout_breadcrumbs ul li span.divider {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 100;
	font-size: 1.4em;
	display: block;
	float: left;
	margin: 1px 8px 0px 0px;	
}
.layout_breadcrumbs ul li span.divider:before {
	content: "\f105";
}
.layout_breadcrumbs ul li a:hover + span.divider:before {
	color: inherit;
}
.layout_breadcrumbs ul li.active:before {
	content: "\f105";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 100;
	font-size: 1.4em;
	display: block;
	float: left;
	margin: 1px 8px 0px 0px;	
}
.layout_breadcrumbs ul li.active:hover:before {
	color: inherit;
}
.layout_breadcrumbs span.breadcrumbs_youarehere {
	background: #ECE3D1 url(../images/icons/icon_arrow_schwarz_links.png) no-repeat 5px center;
	font: normal 10px/12px 'Open Sans',Arial,Helvetica;
	text-transform: uppercase;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #242424;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	margin: 0px 0px 0px 40px;
	padding: 1px 8px 2px 15px;
}
.layout_breadcrumbs:hover span.breadcrumbs_youarehere {
	opacity: 1;
	margin-left: 0;
	filter: alpha(opacity=100);
}
span.breadcrumbs_youarehere:hover {
	cursor: help;
}
.layout_breadcrumbs_totop_button {
	background: transparent;
	width: 40px;
	height: 40px;
	display: block;
	color: #242424;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.layout_breadcrumbs_totop_button:before,
.layout_breadcrumbs_totop_button:after {
	content: "\f077";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 100;
	font-size: 1.6em;
	display: block;
	position: absolute;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.layout_breadcrumbs_totop_button:before {
	margin: 0px 0px 0px 12px;	
}
.layout_breadcrumbs_totop_button:after {
	margin: 40px 0px 0px 12px;
}
.layout_breadcrumbs_totop_button:hover:before {
	color: var(--ci_color);
	margin: -40px 0px 0px 12px;
}
.layout_breadcrumbs_totop_button:hover:after {
	color: #242424;
	margin: 0px 0px 0px 12px;
}



/* FOOTER */
.layout_codedesign_responsive_footer_wrapper {
	background: #f9f4ed;	
}
.footer {
	background: #ECE3D1;
	background: -moz-linear-gradient(top,  #ECE3D1 0%, #E2D5B8 100%);
	background: -webkit-linear-gradient(top,  #ECE3D1 0%,#E2D5B8 100%);
	background: linear-gradient(to bottom,  #ECE3D1 0%,#E2D5B8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECE3D1', endColorstr='#d9bf8a',GradientType=0 );
	color: #242424;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 2px solid #E2D5B8;
	overflow: hidden;
}
@media only screen and (max-width: 991px) {

	.footer {
		
	}
	
}
.footer_rounded_bottom {
	width: 100%;
	height: auto;
	border-radius: 0px 0px 40px 40px;
	-moz-border-radius: 0px 0px 40px 40px;
	-webkit-border-radius: 0px 0px 40px 40px;
	border: 20px solid #E2D5B8;
}
.footer_inner { 
	background: url(../images/logo_white_no_wording_960x540_opacity_40.png) no-repeat left bottom;
	background-size: 20%;
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 60px 0px;
	position: relative;
}
.footer div.col-md-2,
.footer div.col-md-3,
.footer div.col-md-4,
.footer div.col-md-5,
.footer div.col-md-6,
.footer div.col-md-7,
.footer div.col-md-8 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.footer div.footer_table_box_heading h3,
.footer div.footer_table_box_heading h4 {
	font: normal 16px/16px 'Playfair Display','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: italic;
	font-weight: 700;
	color: #785D56;
	letter-spacing: 0px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
}
.footer div.footer_table_box_heading h3:after,
.footer div.footer_table_box_heading h4:after {
	background: #BE4C54;
	bottom: -1px;
	content: "";
	height: 2px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.footer div.footer_table_box_heading h3:hover:after,
.footer div.footer_table_box_heading h4:hover:after {
	background: #785D56;
	width: 180px;
}
.footer div.footer_table_box_heading h3 i,
.footer div.footer_table_box_heading h4 i {
	color: #BE4C54;
	margin: 0px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
@media only screen and (max-width: 768px),
@media only screen and (max-width: 480px),
@media only screen and (max-width: 320px) {
		 	
	.footer div.footer_table_box_heading h3 i,
	.footer div.footer_table_box_heading h4 i {
		width: 20px;
	}
	
}
.footer div.footer_table_box_heading h3:hover i,
.footer div.footer_table_box_heading h4:hover i {
	color: #785D56;
}
.footer div.footer_box_content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.footer div.footer_box_content a,
.footer div.footer_box_content a:link,
.footer div.footer_box_content a:visited {
	color: #242424;
	font-weight: 400;
	text-decoration: none;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.footer div.footer_box_content a:hover {
	color: #BE4C54;
	text-decoration: none;
}
.footer div.footer_box_content_inner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
.footer div.footer_box_phone_numbers {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.footer div.footer_box_emails {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.footer div.footer_box_social_links {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.footer div.footer_box_address {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.footer div.footer_box_address div.footer_box_address_company_name {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.footer div.footer_box_address_below {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
.footer div.footer_box_content div.footer_contact_label {
	width: 100px;
}
.footer div.footer_box_content div.footer_contact_label_short {
	width: 28px;
}
@media only screen and (max-width: 480px),
@media only screen and (max-width: 320px) {
		 	
	.footer div.footer_box_content div.footer_contact_label {
		width: 30px;
	}
	
}
.footer div.footer_box_content i.footer_contact_icon {
	width: 25px;
	display: inline-block;
	line-height: 18px;
	color: #BE4C54;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.footer div.footer_box_content div.footer_contact_label:hover > i.footer_contact_icon,
.footer div.footer_box_content i.footer_contact_icon:hover {
	color: #785D56;
}



/* FOOTER LOGO */
.footer_logo {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
.footer_logo div.container {
	padding: 0px 0px 0px 0px;
}
.footer_logo div.footer_logo_img_wrapper {
	width: 140px;
	margin: 0 auto;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.footer_logo div.footer_logo_img {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
@media only screen and (max-width: 768px),
@media only screen and (max-width: 480px),
@media only screen and (max-width: 320px) {

	.footer_logo div.footer_logo_img_wrapper {
		width: 120px;
	}
	.footer_logo div.footer_logo_img {
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 0px 0px;	
	}
	
}



/* FOOTER BOTTOM */
.footer_bottom {
	background: #f9f4ed;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: 400;
	line-height: 60px;
	color: #BBBBBB;
	text-transform: uppercase;
}
.footer_bottom div.container {
	padding: 0px 15px 0px 15px;
}
.footer_bottom div.col-xs-4,
.footer_bottom div.col-xs-8 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.no-gutters > [class^="col-xs-"],
.no-gutters > [class*=" col-xs-"] {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 768px),
@media only screen and (max-width: 480px),
@media only screen and (max-width: 320px) {

	.footer_bottom div.footer_bottom_col_1 {
		width: 100% !important;
	}
	.footer_bottom div.footer_bottom_col_2 {
		display: none;
	}
	
}
.footer_bottom div.footer_bottom_copyright {
	color: #242424;
	text-decoration: none;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.footer_bottom div.footer_bottom_copyright:hover {
	color: #242424;
}
.footer_bottom span.footer_bottom_company {
	
}
.footer_bottom span.footer_made_with_love {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.footer_bottom span.footer_made_with_love i.fa {
	font-size: 9px;
	color: #785D56;
	position: absolute;
	margin: 25px 0px 0px 4px;
	padding: 0px 0px 0px 0px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.footer_bottom span.footer_made_with_love:hover i.fa {
	color: #242424;
}
.footer_bottom span.footer_bottom_powered_by {
	display: none;
}



/* COOCKIE CONSENT GDPR */
.cc-message {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
}
.cc-message-text {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.cc-message a,
.cc-message a:link,
.cc-message a:visited {
	color: #222222 !important;
	text-decoration: none !important;
	transition: all 0.33s ease-in-out !important;
	-moz-transition: all 0.33s ease-in-out !important;
	-o-transition: all 0.33s ease-in-out !important;
	-webkit-transition: all 0.33s ease-in-out !important;
}
.cc-message a:hover {
	color: #010101 !important;
	text-decoration: none !important;
}
.cc-revoke.cc-bottom {
	left: 5em !important;
	border-top-left-radius: 0em !important;
	border-top-right-radius: 0em !important;
	font-size: 11px;
	font-weight: 400;
	color: #222222;
	text-transform: uppercase;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.cc-revoke.cc-bottom:hover {
	color: #010101;
}

.cc-btn.cc-deny, 
.cc-btn.cc-allow {
	font-weight: 400;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px !important;
}
.cc-compliance a:hover {
	text-decoration: none !important;
}



/* TO TOP BUTTON */
.totop_button {
	background: #BE4C54;
	width: 40px;
	height: 40px;
	display: block;
	color: #ffffff;
	position: fixed;
	z-index: 9999;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
	overflow: hidden;
	display: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.totop_button:hover {
	background: #b14048;
	color: #ffffff;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.totop_button::before,
.totop_button::after {
	content: "\f077"; /* f077 */
	font-family: 'Font Awesome 5 Pro';
	font-weight: 100;
	font-size: 1.6em;
	display: block;
	position: absolute;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.totop_button::before {
	margin: 8px 0px 0px 11px	
}
.totop_button::after {
	margin: 38px 0px 0px 11px;
}
.totop_button:hover::before {
	color: #ffffff;
	margin: -38px 0px 0px 11px;
}
.totop_button:hover::after {
	color: #ffffff;
	margin: 8px 0px 0px 11px;
}



/* HEADINGS */
h1, h2, h3, h4, h5 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	-webkit-transition: font-size 0.8s ease;
	-moz-transition: font-size 0.8s ease;
	-o-transition: font-size 0.8s ease;
	transition: font-size 0.8s ease;
}
h1_ span {
	color: #212121;
}
h2_ span {
	color: #ffffff;
}
h1, h2 {
	font: normal 28px/28px 'Playfair Display','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: italic;
	font-weight: 700;
	color: #785D56;
	letter-spacing: 0px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
}
h1::after,
h2::after {
	background: #BE4C54;
	bottom: -1px;
	content: "";
	height: 2px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
h1:hover:after,
h2:hover:after {
	background: #785D56;
	width: 180px;
}
h2 a, h2 a:link, h2 a:visited, h2 a:hover {
	font: normal 21px/21px 'Playfair Display','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: italic;
	font-weight: 400;
	color: #785D56;
	letter-spacing: 0px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
}
h3, h4 {
	font: normal 16px/16px 'Playfair Display','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: italic;
	font-weight: 700;
	color: #785D56;
	letter-spacing: 0px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
}
h3::after,
h4::after {
	background: #BE4C54;
	bottom: -1px;
	content: "";
	height: 2px;
	left: 0%;
	margin: 0px 0px 0px 0px;
	position: absolute;
	width: 82px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
h3:hover:after,
h4:hover:after {
	background: #785D56;
	width: 180px;
}
h5 {
	font: normal 13px/20px 'Playfair Display','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 300;
	color: #785D56;
	letter-spacing: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h6 {
	font: normal 13px/20px 'Playfair Display','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 300;
	color: #785D56;
	letter-spacing: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
section h6,
nav h6,
header h6,
footer h6 {
	display: none;
}



/* QUOTES */
blockquote {
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before, blockquote:after {
	font: bold 55px/1px 'Open Sans', Times, serif;
	color: #ffffff;
	position: absolute;
}
blockquote:before {
	content: open-quote;
	margin: 15px 0px 0px -35px;
}
blockquote:after {
	content: close-quote;
	margin: 23px 0px 0px 20px;
} 
blockquote p {
  display: inline;
}



/* SYSTEM MESSAGES */
.system_messages div.container div.col-md-12_ {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
.system-message-container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
.system-message div.col-md-12,
.system-message div.col-xs-1,
.system-message div.col-xs-2,
.system-message div.col-xs-3,
.system-message div.col-xs-9,
.system-message div.col-xs-10,
.system-message div.col-xs-12 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
.system-message div.alert {
	background: #282828;
	margin: 0px 0px 4px 0px;
	padding: 10px 0px 2px 0px;
	color: #ffffff;
}
.system-message div.alert a,
.system-message div.alert a,
.system-message div.alert a {
	color: #ffffff;
}
.system-message h4.alert-heading {
	font: 400 13px/13px 'Open Sans', Times, serif;
	color: #ffffff;
}
.system-message h4.alert-heading i {
	color: #ffffff;
	background: -webkit-linear-gradient(#ffffff, #ffffff);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 17px;
	font-weight: 300;
	width: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	display: inline-block;
}
.system-message a.close {
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}



/* COLUMNS TO ACCORDION / AS ACCORDION - TRIGGER */
.column_to_accordion_heading div.footer_table_box_heading_trigger {
	color: #785D56;
	display: none;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.column_to_accordion_heading:hover div.footer_table_box_heading_trigger, 
.column_to_accordion_heading div.footer_table_box_heading_trigger:hover {
	color: #ffffff;
}
@media only screen and (max-width: 992px),
@media only screen and (max-width: 768px),
@media only screen and (max-width: 480px),
@media only screen and (max-width: 320px) {	
		
	.column_to_accordion_heading div.footer_table_box_heading_trigger {
		display: inline;
	}			
	.column_to_accordion_heading div.footer_table_box_heading_trigger i.fa-plus {
		display: inline;
	}
	.column_to_accordion_heading div.footer_table_box_heading_trigger i.fa-minus {
		display: none;
	}
	.column_to_accordion_heading.active div.footer_table_box_heading_trigger i.fa-plus {
		display: none;
	}
	.column_to_accordion_heading.active div.footer_table_box_heading_trigger i.fa-minus {
		display: inline;
	}

}
/* COLUMNS TO ACCORDION / AS ACCORDION */
@media only screen and (max-width: 992px),
@media only screen and (max-width: 768px),
@media only screen and (max-width: 480px),
@media only screen and (max-width: 320px) {	
			
	.column_to_accordion_heading {
		position: relative;
		cursor: pointer;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	.column_to_accordion_heading:hover {
		background: none;
	}
	.column_to_accordion_content { 
  		overflow: hidden;
	}
	.column_to_accordion_content {
  		max-height: 0;
  		-webkit-transition: max-height 0.3s ease-out;
  		-moz-transition: max-height 0.3s ease-out;
  		-ms-transition: max-height 0.3s ease-out;
  		-o-transition: max-height 0.3s ease-out;
  		transition: max-height 0.3s ease-out;
	}
	.column_to_accordion_content.active {
		max-height: 630px;
	}	
	/* FOOTER COLUMNS */
	.footer_box_content.column_to_accordion_content.active div.footer_box_content_inner {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 40px 0px;	
	}

}
/* COLUMNS TO ACCORDION / AS COLUMNS */
/* SOME ISSUES AT 991 / 992 */
/*
@media all and (min-width:50em) {
	.column_to_accordion_heading {
		cursor: default;
	} 
	.column_to_accordion_heading.active {
		background: none;
	}
	.column_to_accordion_heading:after, 
	.column_to_accordion_heading.active:after {
		content: '';
	} 
	.column_to_accordion_content,
	.column_to_accordion_content.active {
		max-height: none; 
	}
}
*/



/* RESPONSIVE FORM */
.responsive_form_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
.layout_com_codedesign_contactform div.responsive_form_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 40px 0px 0px;
}
.responsive_form_wrapper div.form_element_row {
	margin: 0px 0px 15px 0px !important;
	padding: 0px 0px 0px 0px;
}
.form_element_row_hint_below {
	font: normal 13px/22px 'Open Sans', Arial, Helvetica;
	color: #7b7b7b;
	cursor: help;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
.form_element_row div.col-sm-3,
.form_element_row div.col-sm-4,
.form_element_row div.col-sm-8,
.form_element_row div.col-sm-9 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
.form_element_row div.col-xs-2,
.form_element_row div.col-xs-3,
.form_element_row div.col-xs-4,
.form_element_row div.col-xs-8,
.form_element_row div.col-xs-9,
.form_element_row div.col-xs-10 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.form_element_row div.col-sm-8 div.col-xs-1,
.form_element_row div.col-sm-8 div.col-xs-11 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media (max-width: 768px) {
	.form_element_row div.col-sm-3 {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;	
	}
	.form_element_row div.col-sm-4 {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;	
	}
}
.form_element_row select,
.form_element_row input,
.form_element_row button {
	width: 100%;
}
.form_element_row div.col-sm-8 input[type="text"],
.form_element_row div.col-sm-8 input[type="password"],
.form_element_row div.col-sm-8 select,
.form_element_row div.col-sm-8 textarea {
	width: 91.5%;
}
.form_element_row div.col-sm-8 div.col-xs-11 input[type="text"],
.form_element_row div.col-sm-8 div.col-xs-11 input[type="password"],
.form_element_row div.col-sm-8 div.col-xs-11 select,
.form_element_row div.col-sm-8 div.col-xs-11 textarea {
	width: 100%;
}
.form_element_row div.col-xs-2 input[type="text"],
.form_element_row div.col-xs-2 input[type="password"],
.form_element_row div.col-xs-2 select,
.form_element_row div.col-xs-2 textarea {
	width: 90%;
}
.form_element_row div.col-xs-4 input[type="text"],
.form_element_row div.col-xs-4 input[type="password"],
.form_element_row div.col-xs-4 select,
.form_element_row div.col-xs-4 textarea {
	width: 90%;
}
.form_element_row div.col-xs-8 input[type="text"],
.form_element_row div.col-xs-8 input[type="password"],
.form_element_row div.col-xs-8 select,
.form_element_row div.col-xs-8 textarea {
	width: 100%;
}
.form_element_row div.col-xs-10 input[type="text"],
.form_element_row div.col-xs-10 input[type="password"],
.form_element_row div.col-xs-10 select,
.form_element_row div.col-xs-10 textarea {
	width: 100%;
}
/* RESPONSIVE FORM CHECKBOXES */
.form_element_row div.col-sm-8 input[type="checkbox"] {
	width: auto; /* RESET FROM 100% */
}
.form_element_row .form_element_checkboxes {
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.form_element_row .form_element_checkboxes div.form_element_checkbox {
	line-height: 22px;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}
.form_element_row .form_checkbox {
	position: relative;
	top: 2px;
	margin: 0px 10px 0px 0px;
}
.form_element_row .form_element_checkboxes a,
.form_element_row .form_element_checkboxes a:link,
.form_element_row .form_element_checkboxes a:visited {
	text-decoration: underline;
}
/* RESPONSIVE FORM RADIOS */
.form_element_row div.col-sm-8 input[type="radio"] {
	width: auto; /* RESET FROM 100% */
}
.form_element_radios {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
.form_element_radios input.contact_form_element_radio {
	position: relative;
	top: 2px;
	margin: 0px 5px 0px 10px;
}
.form_element_radios input.contact_form_element_radio:first-child {
	margin: 0px 5px 0px 0px;
}
.form_element_radios ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.form_element_radios ul li {
	float: left;
	padding: 0px 0px 0px 10px;
}
@media 	screen and (max-width: 480px) {
	.form_element_radios ul li {
		float: none;
		padding: 0px 0px 0px 0px;
	}
}
.form_element_radios ul li:first-child {
	padding: 0px 0px 0px 0px;
}
/* RESPONSIVE FORM FILEUPLOAD */
.responsive_form_wrapper div.contact_form_file_attachment_css_styled {
    position: relative;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
}
.responsive_form_wrapper div.contact_form_file_attachment_css_styled i.fa {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;	
}
.responsive_form_wrapper div.contact_form_element_file_attachment input[type="text"][disabled] {
	background: #ffffff;
	width: 210px;
	font: normal 14px/19px 'Open Sans', Arial, Helvetica;
	font-weight: 400;
	color: #010101;
	margin: 0px 0px 0px 0px;
	padding: 8px 5px 7px 10px;
	border-left: 0px solid #c5c5c5;
	border-right: 0px solid #c5c5c5;
	border-top: 0px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
}
@media 	screen and (max-width: 480px) {
	.responsive_form_wrapper div.contact_form_element_file_attachment input[type="text"][disabled] {
		width: 145px;
	}
}
.responsive_form_wrapper div.contact_form_element_file_attachment input[type="file"],
.responsive_form_wrapper div.contact_form_element_file_attachment input[type="file[]"] {
	font: normal 14px/19px 'Open Sans', Arial, Helvetica;
	font-weight: 400;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
/* RESPONSIVE FORM BUTTONS */
.form_element_row .form_element_buttons {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.form_element_row .form_element_buttons div.col-sm-6 button[type="button"],
.form_element_row .form_element_buttons div.col-sm-6 button[type="submit"] {
	width: 95%;
}
@media (max-width: 768px) {
	.form_element_row .form_element_buttons div.col-sm-6 button[type="button"],
	.form_element_row .form_element_buttons div.col-sm-6 button[type="submit"] {
		width: 100%;
		margin: 0px 0px 15px 0px;
	}
}
.form_element_row button {
	padding: 8px 20px 8px 20px;
}
.form_element_row button i.fal {
	padding: 0px 10px 0px 0px;
}
.contact_form_element_mandatory {
	line-height: 14px;
	margin: 3px 0px 0px 8px;
}
.contact_form_element_mandatory i {
	color: var(--ci_color_accent_1);
}
/* RESPONSIVE CONTACT FORM */
.contact_form_file_attachment_button_span,
.contact_form_file_attachment_button_add {
	background: var(--ci_color_accent_1);
	font: normal 13px/19px 'Open Sans', Arial, Helvetica;
	font-weight: 400;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 8px 20px 8px 20px;
	border: none;
	display: inline-block;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.contact_form_file_attachment_button_add {
	width: 100%;
}
.contact_form_file_attachment_button_add i.fa {
	font-size: 10px !important;
	padding: 0px 10px 0px 0px;
}
.contact_form_file_attachment_button_span:hover,
.contact_form_file_attachment_button_add:hover {
	background: #ffffff;
	color: #010101;
	border: none;
}
.contact_form_element_file_attachment_cloneable {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;	
}
/* RESPONSIVE CONTACT FORM ERROR MESSAGES */
.contact_form_errors ul {
	list-style: none;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.contact_form_errors ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	position: relative;
}
.contact_form_errors ul li:before {
	content: "\f105";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 100;
	font-size: 1.4em;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	position: absolute;
	left: 0px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.contact_form_errors ul li:hover:before {
	color: var(--ci_color);
	left: 6px;
}



/* BUTTONS UND INPUTS */
textarea, input, select {
	background: rgba(248, 248, 248, 0.4);
	font: normal 14px/19px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 300;
	color: #010101;
	margin: 0px 0px 0px 0px;
	padding: 6px 5px 7px 10px;
	border-left: 0px solid #c5c5c5;
	border-right: 0px solid #c5c5c5;
	border-top: 0px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
}
.button_black {
	background: #010101;
	border: 1px solid #010101;
	color: #f9f9f9;
	cursor: pointer;
	font: normal 13px/18px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 300;
	padding: 5px 15px 5px 15px;
	/* text-shadow: 1px 1px 1px #050505; */
}
.button,
.button_com_finder,
.btn {
	background: var(--ci_color);
	font: normal 12px/19px 'Open Sans', Arial, Helvetica;
	font-weight: 400;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 8px 15px 8px 15px;
	text-decoration: none;
	text-transform: uppercase;
	border: none;
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px; 
	border-radius: 0px; 
	cursor: pointer;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
}
.button:hover,
.button_com_finder:hover,
.btn:hover {
	background: #ffffff;
	color: #010101;
}
.button::before,
.button::after,
.button span::before,
.button span::after {
	background: transparent;
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	/* -webkit-mix-blend-mode: hue; */
	overflow: hidden;
}
.button::before {
	top: -4px;
	left: -4px;
	border-top: 1px solid var(--ci_color);
	border-left: 1px solid var(--ci_color);
}
.button:hover::before {
	border-top: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;	
}
.button::after {
	top: -4px;
	right: -4px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
.button:hover::after {
	border-top: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
}
.button span::before {
	bottom: -4px;
	left: -4px;
	border-bottom: 1px solid transparent;
	border-left: 1px solid transparent;
}
.button:hover span::before {
	border-bottom: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
}
.button span::after {
	bottom: -4px;
	right: -4px;
	border-bottom: 1px solid var(--ci_color);
	border-right: 1px solid var(--ci_color);
}
.button:hover span::after {
	border-bottom: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
}
.button:hover::before,
.button:hover::after,
.button:hover span::before,
.button:hover span::after  {
	width: 60%; /* calc( 400px / 2); */
	height: 60%; /* calc( 50px / 2); */
}



/* IOS REMOVE BORDER AND SHADOW */
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="password"] {
	background: #ffffff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	@include border-radius(0);
	border-radius: 0;
}
.href_big_button_white_wrapper {
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.href_big_button_white {
	background: #ffffff;
	font: normal 19px/19px 'Raleway', Helvetica, sans-serif;
	font-weight: 500;
	color: #282828;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
	border-radius: 0;
}



/* EXTERNAL RESERVATION BUTTON */
div.external_reservation_button {
	background: #f9f4ed;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 0px 0px;	
	text-align: center;
}
div.external_reservation_button_featured {
	background: #F8F8F8;
	padding: 60px 0px 20px 0px;
}
.href_red_button {
	background: #BE4C54;
	font: normal 16px/16px 'Playfair Display','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: italic;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	margin: 0 auto;
	padding: 20px 40px 20px 40px;
}
@media only screen and (max-width: 991px) {

	.href_red_button {
		width: 90%;
		display: inline-block;
	}

}
div.external_reservation_button_site_below_component {
	width: 100%;
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	text-align: center;	
}
div.external_reservation_button_site_below_component .href_red_button_full_width {
	margin: 0 auto;
	padding: 20px 40px 20px 40px;
	text-align: center;
}
div.href_call_to_action_button {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 991px) {

	div.href_call_to_action_button {
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
	}

}



/* LABELS */
h2.is_new_red:after {
	background: #544F42;
	position: absolute;
	font: normal 10px/10px Arial,Helvetica;
	color: #ffffff;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px 5px 2px 5px;
	margin: 0px 0px 0px 8px;
	z-index: 99;
	content: 'neu';	
}
h2.is_new_blue:after {
	background: #fafafa;
	position: absolute;
	font: normal 10px/10px Arial,Helvetica;
	color: #ffffff;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 0px 8px;
	z-index: 99;
	content: 'neu';	
}
.layout_new_label h2:after {
	background: #fafafa;
	position: absolute;
	font: normal 10px/10px Arial,Helvetica;
	color: #ffffff;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 0px 8px;
	z-index: 99;
	content: 'neu';
}



/* COMPONENT COLUMNS */
.component_column.col-md-8,
.component_column.col-md-4 {
	margin: 60px 0px 60px 0px;
	padding: 0px 0px 0px 0px;	
}
.component_column_1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;		
}
.component_column_2 {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;		
}
@media only screen and (max-width: 991px) {

	.component_column_2,
	.component_column_2.col-md-4 {
		display: none;
		margin: 40px 0px 0px 0px;
	}

}



/* HEADER SLIDER / SLIDER REVOLUTION */
.layout_slider_header {
	background: #f9f4ed url(/a_media/logo/marple_and_stringer_logo_black_bierfilzl.png) no-repeat center;
	background-size: contain;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 4px solid #BE4C54;
	position: relative;
}
.layout_slider_header:after {
	content: '';
	position: absolute;
	bottom: -24px; 
	left: 50%;
	margin-left: -20px;
	width: 0;
	z-index: 1;
	height: 0;
	border-top: solid 20px #BE4C54;
	border-left: solid 20px transparent;
	border-right: solid 20px transparent;
}
.layout_slider_header_inner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* HEADER SLIDER / SLIDER REVOLUTION / TRIANGLE */
.slider_header_triangle_top {
	width: 100%;
	height: 0;
	border-style: solid;
	border-width: 40px 0px 0px 90px; /* width is set with jQuery */
	border-color: transparent transparent transparent #BBBBBB;
	position: absolute;
	left: 0px;
	top: 0px;
	display: inline-block;
}
.slider_header_triangle_bottom {
	width: 100%;
	height: 0;
	border-style: solid;
	border-width: 40px 0px 0px 90px; /* width is set with jQuery */
	border-color: transparent transparent transparent #BBBBBB;
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: inline-block;
}
@media only screen and (max-width : 996px) {

	.slider_header_triangle_bttom,
	.slider_header_triangle_top {
		display: none;
	}
	
}
.layout_slider_header canvas {
	background: transparent;
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
}
@media only screen and (max-width : 996px) {

	.layout_slider_header canvas {
		display: none;
	}
	
}



/* MOUSE SCROLL ANIMATION */
.slider_header_mouse_scroll {
	width: 24px;
	height: 100px;
	display: block;
	margin: 0 auto;
	margin-top: 125px;
	position: absolute;
	left: 20px;
	bottom: 20px;
	cursor: pointer;
}
@media only screen and (max-width: 991px) {

	.slider_header_mouse_scroll {
		right: 20px;
		display: none;
	}

}
.mouse_scroll_arrows {
	width: 16px;
	height: 16px;
	display: block;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	margin: 0px 0px 3px 4px;
}
.mouse_scroll_arrow_1 {
	margin-top: 1px;
}
.mouse_scroll_arrow_1, 
.mouse_scroll_arrow_2, 
.mouse_scroll_arrow_3 {
	-webkit-animation: mouse-scroll 1s infinite;
	-moz-animation: mouse-scroll 1s infinite;
	animation: mouse-scroll 1s infinite;
}
.mouse_scroll_arrow_1 {
	-webkit-animation-delay: .1s;
	-moz-animation-delay: .1s;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	animation-delay: alternate;
}
.mouse_scroll_arrow_2 {
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-webkit-animation-direction: alternate;
	animation-delay: .2s;
	animation-direction: alternate; 
	margin-top: -6px;
}
.mouse_scroll_arrow_3 {
	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	-webkit-animation-direction: alternate;
	animation-delay: .3s;
	animation-direction: alternate;
	margin-top: -6px;
}
.mouse_scroll_mouse {
	height: 42px;
	width: 24px;
	border-radius: 14px;
	transform: none;
	border: 1px solid #ffffff;
	top: 170px;
}
.mouse_scroll_wheel {
	height: 5px;
	width: 2px;
	display: block;
	margin: 5px auto;
	background: white;
	position: relative;
	height: 4px;
	width: 4px;
	border: 1px solid #ffffff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.mouse_scroll_wheel {
	-webkit-animation: mouse-wheel 0.6s linear infinite;
	-moz-animation: mouse-wheel 0.6s linear infinite;
	animation: mouse-wheel 0.6s linear infinite;
}
@-webkit-keyframes mouse-wheel {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(6px);
		-ms-transform: translateY(6px);
		transform: translateY(6px);
	}
}
@-moz-keyframes mouse-wheel {
	0% { top: 1px; }
	25% { top: 2px; }
	50% { top: 3px;}
	75% { top: 2px;}
	100% { top: 1px;}
}
@-o-keyframes mouse-wheel {
	0% { top: 1px; }
	25% { top: 2px; }
	50% { top: 3px;}
	75% { top: 2px;}
	100% { top: 1px;}
}
@keyframes mouse-wheel {
	0% { top: 1px; }
	25% { top: 2px; }
	50% { top: 3px;}
	75% { top: 2px;}
	100% { top: 1px;}
}
@-webkit-keyframes mouse-scroll {
	0%   { opacity: 0;}
	50%  { opacity: .5;}
	100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {
	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {
	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
}
@keyframes mouse-scroll {
	0%   { opacity: 0; }
	50%  { opacity: .5; }
	100% { opacity: 1; }
}



/* TRIANGLES */
.separator_triangle {
	width: 0px;
	height: auto;
	border-style: solid;
	position: absolute;
	overflow: hidden;
	z-index: 99;
	/* top right bottom left */
	border-color: transparent transparent transparent transparent;
}
.separator_triangle_from_left_to_right_top {
	border-width: 0px 0px 40px 90vw;
	border-color: transparent transparent transparent #f9f4ed;
}
.separator_triangle_from_left_to_right_top_test {
	border-width: 0px 0px 40px 90vw;
	border-color: transparent transparent transparent red;
}
.separator_triangle_from_left_to_right_top_grey {
	border-width: 0px 0px 40px 90vw;
	border-color: transparent transparent transparent #ECE3D1;
}
.separator_triangle_from_left_to_right_top_footer {
	border-width: 0px 0px 40px 90vw;
	border-color: transparent transparent transparent #E2D5B8;
	margin: 0px 0px 40px 0px;
}
.separator_triangle_from_left_to_right_bottom {
	border-width: 40px 0px 0px 99vw;
	border-color: transparent transparent transparent #f2f2f2;
}
.separator_triangle_from_right_to_left_top {
	border-width: 40px 0px 0px 99vw;
	border-color: #f2f2f2 transparent transparent transparent;
}
.separator_triangle_from_right_to_left_bottom {
	border-width: 0px 0px 40px 99vw;
	border-color: transparent transparent #f2f2f2 transparent;
}
.separator_triangle_top {
	width: 100%;
	height: 0;
	border-style: solid;
	border-width: 0px 0px 90px 40px; /* width is set with jQuery */
	border-color: transparent transparent #ECE3D1 transparent;
	/* display: inline-block; */
}
@media only screen and (max-width: 991px) {

	.separator_triangle_top {
		border-color: transparent transparent #E2D5B8 transparent;
	}
	
}
.separator_triangle_footer {
	width: 100%;
	height: 0;
	border-style: solid;
	border-width: 40px 0px 0px 90px; /* width is set with jQuery */
	border-color: transparent transparent transparent #E2D5B8;
	/* display: inline-block; */
}
@media only screen and (max-width : 996px) {

	.separator_triangle,
	.separator_triangle_footer {
		display: none;
	}
	
}



/* FEATURED WELCOME */
div.layout_featured_welcome,
div.layout_featured_welcome_news {
	background: #F8F8F8;
	margin: 0px 0px 0px 0px;
	padding: 100px 0px 100px 0px;
	text-align: center;
}
div.layout_featured_welcome_black {
	background: #202020;
	color: var(--ci_color_white);
	position: relative;
	overflow: hidden;
}
div.layout_featured_welcome_black_bottom {
	border-top: 4px solid #6D6E71;
}
div.layout_featured_welcome_black:after {
	content: '';
	position: absolute;
	bottom: -20px; 
	left: 50%;
	margin-left: -20px;
	width: 0;
	z-index: 1;
	height: 0;
	border-top: solid 20px  var(--ci_color_accent_1);
	border-left: solid 20px transparent;
	border-right: solid 20px transparent;
}
div.featured_welcome {
	background: none;
	position: relative;
	padding: 30px 0px 30px 0px;
}
div.layout_featured_welcome_news {
	background: #F8F8F8;
	color: var(--ci_color_grey);
	margin: 0px 0px 0px 0px;
	padding: 80px 0px 80px 0px;
	border-top: 1px solid var(--ci_color_grey_1);
	border-bottom: 1px solid var(--ci_color_grey_1);
}
div.featured_welcome_top {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.featured_welcome_top div.title_sub_1 {
	font: 700 13px/13px 'Montserrat',sans-serif;
	text-transform: uppercase;
	color: #444444;
	letter-spacing: 0px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
}
div.layout_featured_welcome_black div.featured_welcome_top div.title_sub_1 {
	color: var(--ci_color_white);	
}
div.featured_welcome_top h1 {
	font: normal 28px/28px 'Playfair Display','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: italic;
	font-weight: 700;
	color: #785D56;
	letter-spacing: 0px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
}
div.layout_featured_welcome_black div.featured_welcome_top h1 {
	color: var(--ci_color_white);	
}
@media only screen and (max-width: 991px) {

	div.featured_welcome_top h1 {
		font: normal 28px/28px 'Playfair Display','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
		font-style: italic;
		font-weight: 700;
		color: #785D56;
		letter-spacing: 0px;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 15px 0px;
		position: relative;
	}
	
}
div.featured_welcome_top h1:after,
div.featured_welcome_content_:after {
	background: var(--ci_color_accent_1);
	width: 120px;
	height: 2px;
	bottom: -1px;
	content: '';
	left: 50%;
	transform: translateX(-50%);
	margin: 0px 0px 0px 0px;
	position: absolute;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.featured_welcome_content:after {
	background: var(--ci_color_grey_1);
}
div.layout_featured_welcome_black div.featured_welcome_top h1:after,
div.layout_featured_welcome_black div.featured_welcome_content_:after {
	background: var(--ci_color_yellow);	
}
div.featured_welcome_top h1:hover:after,
div.featured_welcome_content:hover:after {
	background: var(--ci_color_accent_1);
	width: 300px;
	height: 2px;
}
div.layout_featured_welcome_black div.featured_welcome_top h1:hover:after,
div.layout_featured_welcome_black div.featured_welcome_content:hover:after {
	background: var(--ci_color_accent_1);
}
div.featured_welcome_content:hover:after {
	background: var(--ci_color_grey_1);
}
div.featured_welcome_content {
	font: normal 14px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 300;
	color: var(--ci_color_font_dark);
	position: relative;
}
div.layout_featured_welcome_black div.featured_welcome_content {
	color: var(--ci_color_white);	
}
div.featured_welcome_content:after {
	bottom: -40px;
}
div.featured_welcome_content a.readmore_inline:hover:before {
	color: var(--ci_color_accent_1);
}
div.layout_featured_welcome_black div.featured_welcome_content a.readmore_inline:before {
	color: var(--ci_color_yellow);
}
div.layout_featured_welcome_black div.featured_welcome_content a.readmore_inline,
div.layout_featured_welcome_black div.featured_welcome_content a.readmore_inline:hover:before {
	color: var(--ci_color_white);	
}



/* LAYOUT SPLIT BOXES */
.layout_50p_split_boxes [class^="col-"],
.layout_50p_split_boxes [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
.layout_50p_split_boxes {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
@media only screen and (max-width: 991px) {

	.layout_50p_split_boxes {
		display: none;
	}
	
}



/* STRIPED HTML TABLES */
.html_table_striped {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
.html_table_striped th {
	font-weight: 600;	
}
.html_table_striped tr:nth-child(even) {
	background: #f2f2f2;
}
.html_table_striped tr td {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.html_table_striped tr:hover td {
	background: #A5222A;
	color: #ffffff;
}
.html_table_striped th,
.html_table_striped td {
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
}



/* HOVER TRIGGER 
if the cube is directly inside the container:
#container:hover > #cube { background-color: yellow; }

if cube is next to (after containers closing tag) the container:
#container:hover + #cube { background-color: yellow; }

if the cube is somewhere inside the container:
#container:hover #cube { background-color: yellow; }

if the cube is a sibling of the container:
#container:hover ~ #cube { background-color: yellow; }
*/

/* Video Parallax Section*/
.ParallaxVideo { 
	height: 500px;
	padding-bottom: 0px;
	padding-top: 0px;
	overflow: hidden;
	position: relative;
}
@media only screen and (max-width: 1200px) {

	.ParallaxVideo {
		display: none;
	}
	
}
.ParallaxVideo::before, 
.ParallaxVideo::after {
    content: '';
    background: #ffffff;
    background: rgba(255, 255, 255, 0.2);
    width: 100%;
    height: 10px;
    display: inline-block;
    position: absolute;
    top: 0px;
}
.ParallaxVideo video {
	margin: 0 auto;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	background-size: cover;
	transition: 1s opacity;
	position: fixed;
	top: 0px;
}
.ParallaxVideo h1 {
	font: normal 16px/16px 'Playfair Display','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: italic;
	font-weight: 700;
	color: #785D56;
	text-align: center;
	display: none;
}
.ParallaxVideo h1:after {
	display: none;
}



/* GRADIENT 50:50 */
.gradient_50_50 {
	background: -webkit-linear-gradient(right, #e2e2e2 50%, #ffffff 50%);
	background: -o-linear-gradient(right, #e2e2e2 50%, #ffffff 50%);
	background: -moz-linear-gradient(right, #e2e2e2 50%, #ffffff 50%);
	background: linear-gradient(to right, #e2e2e2 50%, #ffffff 50%);	
}



/* TRASITIONS */
.transition_all {
	-webkit-transition: all 0.9s;
	-moz-transition: all 0.9s;
	-ms-transition: all 0.9s;
	-o-transition: all 0.9s;
	transition: all 0.9s;	
}
.transition_height {
	-webkit-transition: height 0.9s;
	-moz-transition: height 0.9s;
	-ms-transition: height 0.9s;
	-o-transition: height 0.9s;
	transition: height 0.9s;	
}
.transition_width {
	-webkit-transition: width 0.9s;
	-moz-transition: width 0.9s;
	-ms-transition: width 0.9s;
	-o-transition: width 0.9s;
	transition: width 0.9s;	
}



/* NON! MOBILE FIRST METHOD */
/* LARGE DEVICES, WIDE SCREENS */
@media only screen and (max-width: 1200px) {}
/* MEDIUM DEVICES, DESKTOPS */
@media only screen and (max-width: 992px) {}
/* SMALL DEVICES, TABLETS */
@media only screen and (max-width: 768px) {}
/* EXTRA SMALL DEVICES, PHONES */ 
@media only screen and (max-width: 480px) {}
/* CUSTOM, IPHONE RETINA */ 
@media only screen and (max-width: 320px) {}

/* MOBILE FIRST METHOD */
/* CUSTOM, IPHONE RETINA */ 
@media only screen and (min-width: 320px) {}
/* EXTRA SMALL DEVICES, PHONES */ 
@media only screen and (min-width: 480px) {}
/* SMALL DEVICES, TABLETS */
@media only screen and (min-width: 768px) {}
/* MEDIUM DEVICES, DESKTOPS */
@media only screen and (min-width: 992px) {}
/* LARGE DEVICES, WIDE SCREENS */
@media only screen and (min-width: 1200px) {}



/* BOOTSTRAP 3.5.0 RESPONSIVE */
/* BREAKPINTS */
@media only screen and (min-width: 768px) 		{ /* .container { width: 750px; } */ }
@media only screen and (min-width: 992px) 		{ /* .container { width: 970px; } */ }
@media only screen and (min-width: 1200px) 	{ /* .container { width: 1170px; } */ }

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

  .hide_on_small {
    display: none !important;
  }
  
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .hide_on_medium {
    display: none !important;
  }
  
}
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.row-eq-height > [class*='col-'] {
	display: flex;
	flex-direction: column;
}
@media only screen and (min-width: 768px) {

}
@media only screen and (min-width: 1012px) {
	
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.row {
	margin-left: 0px;
	margin-right: 0px;
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
.no-gutters {
	margin-left: 0px;
	margin-right: 0px;
}
.no-gutters > [class^="col-"],
.no-gutters > [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
.col-no-padding * [class^="col-"], 
.col-no-padding * [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
.no-padding {
	padding: 0px 0px 0px 0px;
}
.no-margin {
	margin: 0px 0px 0px 0px;
}
/* CUSTOM BOOTSTRAP OVERRIDES START */
/* IPHONE 5 AND 5S */
/* PORTRAIT AND LANDSCAPE */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-left: 0px;
		padding-right: 0px;
	}

}
/* CUSTOM BOOTSTRAP OVERRIDES END */



/* UNIVERSAL */
p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
img {
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}
video {
	width: 100%;
	height: auto;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.clear_left {
	clear: left;
}
.clear_right {
	clear: right;
}
.clear_both {
	clear: both;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.justify {
	text-align: justify;
}
.display_table {
	display: table;
	border-collapse: collapse;
}
.display_table_cell {
	display: table-cell;
}
.display_table_row {
	display: table-row;
}
.display_block {
	display: block;
}
.display_inline {
	display: inline;
}
.display_none {
	display: none;
}
.overflow_hidden {
	overflow: hidden !important;
}
.pointer {
	cursor: pointer;
}
.help {
	cursor: help;
}
::-moz-selection {
	background: #cbcbcb;
	color: #ffffff;
}
::selection {
	background: #cbcbcb;
	color: #ffffff;
}
::-webkit-input-placeholder {
  color: #7e7e7e;
}
::-moz-placeholder {
  color: #7e7e7e;
}
:-ms-input-placeholder {
  color: #7e7e7e;
}
:-moz-placeholder {
  color: #7e7e7e;
}
.circle {
	border-radius: 50%;
	width: 200px;
	height: 200px; 
}
.fade_in_on_scroll {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}
.opacity_0 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}
.opacity_25 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
}
.opacity_50 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
}
.opacity_75 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
.opacity_100 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
.rotate_90 {
	-moz-transform: rotate(90deg);  
	-webkit-transform: rotate(90deg);  
	-o-transform: rotate(90deg);  
	-ms-transform: rotate(90deg);
}
.rotate_180 {
	-moz-transform: rotate(180deg);  
	-webkit-transform: rotate(180deg);  
	-o-transform: rotate(180deg);  
	-ms-transform: rotate(180deg);
}
.rotate_270 {
	-moz-transform: rotate(270deg);  
	-webkit-transform: rotate(270deg);  
	-o-transform: rotate(270deg);  
	-ms-transform: rotate(270deg);
}
.rotate_360 {
	-moz-transform: rotate(360deg);  
	-webkit-transform: rotate(360deg);  
	-o-transform: rotate(360deg);  
	-ms-transform: rotate(360deg);
}
.scale_25 {
	-webkit-transform:scale(1.25);
	-moz-transform:scale(1.25);
	-ms-transform:scale(1.25);
	-o-transform:scale(1.25);
	transform:scale(1.25);
}
.width_25p {
	width: 25%;
}
.width_33p {
	width: 33.3%;
}
.width_100p {
	width: 100%;
}
.width_150 {
	width: 150px;
}
.width_280 {
	width: 280px;
}
.width_293 {
	width: 293px;
}
.width_330 {
	width: 330px;
}
.width_345 {
	width: 345px;
}
.no_hyphens { 
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none; 
}
/* PRINT */
@media print {
	.not_printable {
		display: none;
	}
}
/* DESKTOPS / TABLETS */
@media only screen and (min-width: 991px) {
	.only_tablet {
		display: none;
	}
}
@media only screen and (max-width: 992px) {
	.not_tablet {
		display: none;
	}
	.only_tablet {
		display: inline-block;
	}
}
/* MOBILE PHONES */
@media only screen and (min-width: 481px) {
	.only_mobile {
		display: none;
	}
}
@media only screen and (max-width: 480px) {
	.not_mobile {
		display: none;
	}
	.only_mobile {
		display: inline-block;
	}
	.width_150 {
		width: 80px;
	}
}



/* PHP XDEBUG */
table.xdebug-error {
	width: 100%;
	font: 13px Calibri, Courier, monospace;
	color: #010101;
	margin: 40px 0px 40px 0px;
	padding: 0px 0px 0px 0px;	
	border-collapse: collapse;
	border-right: 1px #010101 solid;
	border-left: 1px #010101 solid;
}
table.xdebug-error th {
	border: none !important;
}
table.xdebug-error th,
table.xdebug-error td {
	padding: 6px 6px 6px 6px;
	border-left: none;
	border-right: none;
}
table.xdebug-error th {
	background-color: #0A0A0A;
	color: #ffffff;
}
table.xdebug-error td {
	background: #ffffff; 
	border-top: 1px solid #010101;
	border-bottom: 1px solid #010101;
}
table.xdebug-error tr td {
	background-color: #ffffff !important;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
table.xdebug-error tr:hover td {
	background-color: #f0f0f0 !important; 
}
table.xdebug-error span {
	background-color: inherit !important;
	font: bold 13px Calibri, Courier, monospace !important;
	color: #D32A23 !important;
}