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

@import url('../fonts/fontawesome-pro-5.8.2/css/all.min.css');

/* 'Open Sans' */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic');

html, body {
	background: #1c1c1c url(../images/bg_body.png) no-repeat center top;
	background-size: cover;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: normal 13px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 300;
	color: var(--ci_color_font_light);
	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;
}

/* GLOBAL CSS VARIABLES */
:root {
	--ci_color: #998779;
	--ci_color_black: #222222;
	--ci_color_grey: #888888;
	--ci_color_font_light: #ffffff;
	--ci_color_font_dark: #222222;

	--ci_color_1: #998779;
	--ci_color_2: #877467;
	--ci_color_3: #F8F8F8;
	--ci_color_4: #E8E1D9;
	--ci_color_5: #222222;
	--ci_color_6: #D53328;
	--ci_color_7: #AB4338;
	--ci_color_8: #AB4338;
					
	--ci_color_accent_1: #D53328;
	--ci_color_accent_1_hover: #AB4338;
	--ci_color_accent_2: #998779;
	--ci_color_accent_2_hover: #E8E1D9;
}



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



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