/**
 * @file        /a_layout/css/layout.css
 * @copyright   Copyright (C) 2021 codeDESIGN | Milos Mandic / All rights reserved.
 * @link        https://www.filterverlag.de
 * @author      codeDESIGN | Milos Mandic <milos.mandic@filterverlag.de>
 */

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

@import url('layout_fonts.css');

html, body {
	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_black);
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	position: relative;
	hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-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: 600;
}
a[href^=tel] {
	/* FIX FOR IOS DEVICES */
	color: inherit;
	text-decoration: underline;
}



/* GLOBAL CSS VARIABLES */
:root {
	--ci_color: #9C0147;
	--ci_color_black: #242424;
	--ci_color_white: #ffffff;
	--ci_color_grey: #5D5D5D;
	--ci_color_blue: #0074A5;

	--ci_color_1: #3D539E;
	--ci_color_2: #2F4079;
	--ci_color_3: #DAD8D4;
	--ci_color_4: #5D5D5D;
	--ci_color_5: #242424;
	--ci_color_6: #121212;
					
	--ci_color_accent_1: #0074A5;
	--ci_color_accent_1_hover: #35A9DA;
	--ci_color_accent_1_text: #ffffff;
	--ci_color_accent_2: #9C0147;
	--ci_color_accent_2_hover: #C00157;
	--ci_color_accent_2_text: #ffffff;
	--ci_color_accent_3: #34a8d9;
	--ci_color_accent_3_hover: #35A9DA;
	--ci_color_accent_3_text: #ffffff;
	
	--bg_color_tooltip: #9D9D9C;
	--font_color_tooltip: #ffffff;	
	
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #ffffff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--black: #0F0F0F;

	--font-h1: 							normal 30px/30px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	--font-h1_mobile:					normal 26px/26px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	--font-h2: 							normal 20px/20px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	--font-h2_mobile:					normal 26px/26px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;	
	--font-h3: 							normal 20px/20px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	--font-h3_mobile:					normal 20px/20px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;	
	--font-h4: 							normal 20px/20px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	--font-h4_mobile:					normal 20px/20px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	
	--border_bottom-headings:		1px solid #e5e8ee;
	
	/* HEADLINES IN COMPONENT VIEW */
	--font-h1_component: 			normal 30px/30px 'Myriad Pro Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
	--font-h1_component_offline:	normal 30px/30px 'Myriad Pro Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
	--font-h1_component_mobile:	normal 30px/30px 'Myriad Pro Regular','Helvetica Neue',Helvetica,Arial,sans-serif;
	
	--font-h2_component: 			normal 20px/20px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	--font-h2_component_mobile:	normal 20px/20px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	
	--font-h3_component: 			normal 20px/20px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	--font-h3_component_mobile:	normal 20px/20px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	--font-h4_component: 			normal 20px/20px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	--font-h4_component_mobile:	normal 20px/20px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	--font-h4_footer: 				normal 20px/20px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;
	--font-h4_footer_mobile:		normal 18px/18px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif;
				
	--font-content: 					normal 14px/22px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;	
	--font-footer: 					normal 14px/22px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
		
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 991px;
	--breakpoint-xl: 1200px;
}



/* CONTENT */
div.content_centered {
	position: relative;
	float: left;
	top: calc(50% - 60px);
	left: 50%;
	transform: translate(-50%, -50%);
}
div.content_centered div.content_centered_text {
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
div.content_centered img.content_centered_img {
	width: 140px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.content_centered div.content_centered_text a,
div.content_centered div.content_centered_text a:link,
div.content_centered div.content_centered_text a:visited {
	text-decoration: none;
	color: var(--ci_color_accent_2);
	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.content_centered div.content_centered_text a:hover {
	color: var(--ci_color_accent_2_hover);
}



/* HEADINGS */
h1, h2, h3, h4, h5 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h1 {
	font: var(--font-h1_component);
	color: var(--ci_color_accent_2);
	letter-spacing: -1px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	position: relative;
	border-bottom: var(--border_bottom-headings);
}
h1:after {
	background: var(--ci_color_accent_2);
	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 {
	background: var(--ci_color_accent_2);
	width: 180px;
}
h2 {
	font: var(--font-h2_component);
	color: var(--ci_color_accent_2);
	letter-spacing: -1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}



/* FIXED LABELS */
div.static_fixed_label_right {
	background: #9C0147;
	background: -moz-linear-gradient(left,  #9C0147 0%, #C00157 100%);
	background: -webkit-linear-gradient(left,  #9C0147 0%,#C00157 100%);
	background: linear-gradient(to right,  #9C0147 0%,#C00157 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9C0147', endColorstr='#C00157',GradientType=1 );
	position: fixed;
	right: 0px !important;
	top: calc(50% - 160px);
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	z-index: 99999;
 	-webkit-transition: all 0.9s;
	-moz-transition: all 0.9s;
	-ms-transition: all 0.9s;
	-o-transition: all 0.9s;
	transition: all 0.9s;
}
div.static_fixed_label_right div.static_fixed_label_title a,
div.static_fixed_label_right div.static_fixed_label_title a:link,
div.static_fixed_label_right div.static_fixed_label_title a:visited  {
	font: normal 16px/16px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: italic;
	font-weight: 600;
	letter-spacing: 0px;
	text-transform: none;
	text-decoration: none;
	color: #ffffff;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 10px;
 	-webkit-transition: all 0.9s;
	-moz-transition: all 0.9s;
	-ms-transition: all 0.9s;
	-o-transition: all 0.9s;
	transition: all 0.9s;
	cursor: pointer;
	display: inline-block;
}
div.static_fixed_label_right div.static_fixed_label_title a:hover {
	/* background: #5FC4EE; */
	color: #ffffff;
}
div.static_fixed_label_right div.static_fixed_label_subtitle {
	font-size: 10px;
	color: #ffffff;
}
div.static_fixed_label_right div.static_fixed_label_subtitle a,
div.static_fixed_label_right div.static_fixed_label_subtitle a:link,
div.static_fixed_label_right div.static_fixed_label_subtitle a:visited  {
	text-transform: none;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 20px 0px 30px;
}
div.static_fixed_label_right i {
	padding: 0px 6px 0px 0px;	
}
@media only screen and (max-width: 991px) {

	div.static_fixed_label_right {
		top: calc(20% - 30px);
	}
	div.static_fixed_label_right div.static_fixed_label a {
		font: normal 14px/14px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
		font-weight: 400 !important;
	}
	
}
@media only screen and (max-width: 480px) {

	div.static_fixed_label_right {
		top: calc(15% - 30px);
	}
	div.static_fixed_label_right div.static_fixed_label a {
		font: normal 14px/14px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
		font-weight: 400 !important;
	}
	
}



/* 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;
	cursor: pointer;
}
*::-webkit-media-controls-play-button {
	display: none!important;
	-webkit-appearance: none;
}
.scrollreveal_wrapper {
	overflow: hidden !important;
}
.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;
}
.pointer {
	cursor: pointer;
}
.help {
	cursor: help;
}
::-moz-selection {
	background: var(--ci_color_accent_1);
	color: var(--ci_color_accent_1_text);
}
::selection {
	background: var(--ci_color_accent_1);
	color: var(--ci_color_accent_1_text);
}
::-webkit-input-placeholder {
  color: #7e7e7e;
}
::-moz-placeholder {
  color: #7e7e7e;
}
:-ms-input-placeholder {
  color: #7e7e7e;
}
:-moz-placeholder {
  color: #7e7e7e;
}
.circle {
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	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 */
pre {
	white-space: -moz-pre-wrap !important;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
	tab-size: 4;
	-moz-tab-size: 4;
}
table.xdebug-error {
	width: 100%;
	font: 13px Calibri, Courier, monospace;
	color: #242424;
	margin: 40px 0px 40px 0px;
	padding: 0px 0px 0px 0px;	
	border-collapse: collapse;
	border-right: 1px #242424 solid;
	border-left: 1px #242424 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 #242424;
	border-bottom: 1px solid #242424;
}
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;
}