/* Einbindung Schrift "PT Sans Caption", LICENSE: /css/webfonts/OFL.txt */
@font-face {
	font-family: 'PTSansCaption';
	src: url('webfonts/PTSansCaption-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'PTSansCaption';
	src: url('webfonts/PTSansCaption-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;  
}


/***************************************************************************
* Allgemeine Definitionen
****************************************************************************/

/* HTML FONT SIZES */
@media screen and (max-width: 767px)			{ html {font-size: 17px;} }
@media screen and (min-width: 768px) 			{ html {font-size: 15px;} }
@media screen and (min-width: 992px) 			{ html {font-size: 15px;} }
@media screen and (min-width: 1200px)			{ html {font-size: 1.2vw;} }
@media screen and (min-width: 1400px)			{ html {font-size: 16px;} }
@media screen and (min-width: 1600px)			{ html {font-size: 18px;} }

/* STANDARDS */
strong 											{font-weight: 700; font-family: inherit;}
b 												{font-weight: 700; font-family: inherit;}
em, i 											{}
sup, sub 										{line-height: 0 !important; font-size: 50%;}
img	 											{overflow: hidden;}
a, input, textarea, select  					{outline: none; border: 0;}

button:focus									{outline: none;}
.btn 											{text-decoration: none !important;}
.btn:focus, .btn:active, .btn:active:focus 		{outline: none; box-shadow: none; text-decoration: none;}

a:focus:not(:focus-visible),
.custom-btn:focus:not(:focus-visible),
.nav-link:focus:not(:focus-visible)				{outline: none}

a:focus-visible									{color: var(--brown); border-color: var(--brown); outline: solid; outline-color: var(--brown); outline-width: 4px; outline-offset: 2px;}
.custom-btn:focus-visible						{outline: solid !important; outline-color: var(--black) !important; outline-width: 5px !important; outline-offset: 2px;}
.nav-link:focus-visible							{outline: solid; outline-color: var(--black) !important; outline-width: 4px; outline-offset: 0px}


/* PROJECT */
html											{overflow-y: scroll; scroll-behavior: smooth;}
body											{font-family: Verdana, sans-serif; font-weight: 400; line-height: 1; color: var(--brown); overflow: hidden;
												background: var(--white); font-size: 100%;}

p, ul											{line-height: 1.5; margin-bottom: 1.5em;}
li, label										{line-height: 1.5;}
figcaption										{}


	@media screen and (max-width: 767px) { 
	
		html {scroll-padding-top: 1rem;} 
		
	}
	
	@media screen and (min-width: 1200px) {
		
		body {background: var(--green-lightest);}
		
	}



/* Bootstrap Gutter extension */
.g-6, .gx-6										{--bs-gutter-x: 8rem;}


/* -----------------------------------------------------------------------------------------------------------------------------
 * COLORS
----------------------------------------------------------------------------------------------------------------------------- */

:root {
  --brown: 			rgba(89, 63, 51, 1);
  --green:			rgba(172, 180, 65, 1);
  --orange:			rgba(247, 127, 0, 1);
  --blue:			rgba(181, 207, 238, 1);  
  --honey:			rgba(214, 203, 179, 1);
  --white: 			rgba(255, 255, 255, 1);
  
  --yellow-additional:	rgba(251, 255, 210, 1);
  --green-additional:	rgba(229, 234, 171, 1);
  
  --green-light:		rgba(240, 242, 212, 1);  
  --orange-light:		rgba(253, 217, 179, 1);
  --blue-light:			rgba(237, 244, 251, 1);  
  
  --green-lighter:		rgba(246, 247, 234, 1);
  --green-lightest:		rgba(250, 251, 244, 1);
}


	@media screen and (max-width: 767px) {
	
		:root {
			--yellow-additional:	rgba(250, 255, 200, 1);
		}
	
	}


.custom-bg-green-light		{background-color: var(--green-light);}
.custom-bg-orange-light		{background-color: var(--orange-light);}
.custom-bg-blue-light		{background-color: var(--blue-light);}

.custom-bg-green-lighter	{background-color: var(--green-lighter);}

/*
.custom-bg-white		{background-color: var(--white);}
.custom-bg-black		{background-color: var(--brown);}
.custom-bg-light-grey	{background-color: var(--light-grey);}
.custom-bg-light-blue	{background-color: var(--light-blue);}


.custom-white		{color: var(--white) !important;}
.custom-black		{color: var(--black) !important;}
.custom-blue		{color: var(--blue) !important;}
.custom-grey		{color: var(--dark-grey) !important;}

.custom-success		{color: var(--success);}
.custom-error		{color: var(--error);}
*/

::-moz-selection	{background:  rgb(246, 255, 141); color: rgb(0, 0, 0);}
::selection      	{background:  rgb(246, 255, 141); color: rgb(0, 0, 0);}


/* -----------------------------------------------------------------------------------------------------------------------------
 * FONTS + SIZES + MARGINS
----------------------------------------------------------------------------------------------------------------------------- */

h1, .h1											{font-size: 450%; font-weight: 400; font-family: 'PTSansCaption'; color: var(--brown); line-height: 1.222; letter-spacing: -.025em;}
h2, .h2											{font-size: 195%; font-weight: 600; font-family: 'PTSansCaption'; color: var(--brown); line-height: 1.444; letter-spacing: -.025em; margin-bottom: 1.5rem;}
h3, .h3											{font-size: 120%; font-weight: 400; font-family: 'PTSansCaption'; color: var(--brown); margin-bottom: 1.5rem;}										
h4, .h4											{font-size: 100%; font-weight: 700; font-family: 'PTSansCaption'; color: var(--brown);}
h5, .h5											{font-size: 110%; font-weight: 400; font-family: 'PTSansCaption'; color: var(--brown);}

.custom-overline								{letter-spacing: -.025em;}

.custom-size-4xl								{font-size: 360%;}
.custom-size-3xl								{font-size: 275%;}
.custom-size-3xl b								{letter-spacing: -.015em;}
.custom-size-xxl								{font-size: 210%; letter-spacing: -.025em;}
.custom-size-xl									{font-size: 195%; letter-spacing: -.0125em;}
.custom-size-lg									{font-size: 150%; line-height: 1.5;}
.custom-size-md									{font-size: 120%;}
.custom-size-sm									{font-size: 100%;}
.custom-size-xs									{}

.custom-size-lg.d-inline 						{font-family: Verdana, sans-serif;}

.custom-weight-regular							{font-weight: 400;}
.custom-weight-light							{font-weight: 300;}



	@media screen and (max-width: 1199px) {
		
		h1, .h1											{font-size: 370%;}
		h2, .h2											{font-size: 150%;}
		h3, .h3											{font-size: 120%;}
		
		.custom-size-4xl								{font-size: 300%;}
		.custom-size-3xl								{font-size: 230%;}
		.custom-size-xxl								{font-size: 190%;}
		.custom-size-xl									{font-size: 150%;}
		.custom-size-lg									{font-size: 115%;}
		
	}

	@media screen and (max-width: 991px) {
		
		h1, .h1											{font-size: 320%;}
		h2, .h2											{font-size: 130%;}
		h3, .h3											{font-size: 110%;}
		
		.custom-size-4xl								{font-size: 250%;}
		.custom-size-3xl								{font-size: 180%;}
		.custom-size-xxl								{font-size: 160%; letter-spacing: -.025em;}		
		.custom-size-xl									{font-size: 130%;}
		.custom-size-lg									{font-size: 110%;}
		.custom-size-md									{font-size: 100%;}
		
	}

	@media screen and (max-width: 767px) {
		
		h1, .h1											{font-size: 210%;}
		h2, .h2											{font-size: 110%;}
		h3, .h3											{font-size: 105%; line-height: 1.444;}
		
		.custom-overline								{padding-top: 1rem;}
		
		.custom-size-4xl								{font-size: 210%;}
		.custom-size-3xl								{font-size: 165%;}
		.custom-size-xxl								{font-size: 130%; letter-spacing: -.025em;}
		.custom-size-xl									{font-size: 110%;}
		.custom-size-lg									{font-size: 105%;}
		.custom-size-md									{font-size: 100%;}
		
		.custom-wrap-content .custom-wrap-text p,
		.custom-wrap-content .custom-wrap-text .d-inline 		{hyphens: auto;
																hyphenate-limit-chars: auto 5;
																hyphenate-limit-lines: 2;
																-webkit-hyphens: auto;
																-webkit-hyphenate-limit-chars: auto 3;
																-webkit-hyphenate-limit-lines: 4;
																-ms-hyphens: auto;
																-ms-hyphenate-limit-chars: auto 3;
																-ms-hyphenate-limit-lines: 4;}	
																
	}



/* -----------------------------------------------------------------------------------------------------------------------------
 * LINKS
----------------------------------------------------------------------------------------------------------------------------- */

a												{color: var(--brown); text-decoration: none;}
a:hover											{color: var(--brown);}
p a												{border-bottom: 1px dotted var(--brown); text-decoration: none;}
p a:hover, label a:hover, h1 a:hover			{opacity: .65;}

a:focus:not(:focus-visible),
iframe::focus:not(:focus-visible)				{outline: none}

a:focus-visible									{outline: solid; outline-color: var(--brown); outline-width: 4px; outline-offset: 2px;}
iframe:focus-visible 							{outline: solid; outline-color: var(--brown); outline-width: 5px; outline-offset: 2px;}

.custom-tel-link,
.custom-tel-link span							{color: var(--brown) !important;}

.custom-no-dec,
.custom-no-dec a								{border-bottom: none; text-decoration: none;}

.custom-icon-link-download						{position: relative; margin-left: 2em; border-bottom: none; text-decoration-line: underline; text-decoration-style: dotted;}
.custom-icon-link-download img					{position: absolute; left: -2em; width: 1.5em; height: auto;}


/* -----------------------------------------------------------------------------------------------------------------------------
 * BUTTONS
----------------------------------------------------------------------------------------------------------------------------- */

.custom-btn										{min-width: 100px; padding: 1.25em 1.425em; border-radius: 2.5em; /* font-family: 'PTSansCaption'; */ font-size: 120%; font-weight: 700; 
												 box-shadow: none !important; border: none !important; 
												background-color: var(--brown) !important; color: var(--white) !important; 
												-webkit-transition: all .25s ease;
												-moz-transition: all .25s ease;
												-o-transition: all .25s ease;
												 transition: all .25s ease;}

.custom-btn-outline								{background-color: var(--white) !important; color: var(--brown) !important; border: 1px solid var(--brown) !important;}												 
.custom-btn-transparent							{background-color: transparent !important;}	

.custom-btn:hover,												
.custom-btn:focus,
.custom-btn:active								{transform: scale(1.05);}

.custom-btn-close								{width: 2em; height: 2em; border-radius: 0; min-width: auto; background-color: transparent !important; opacity: 1; outline: none !important;}	
.custom-btn-close img							{width: 3.5em; height: auto;}			
.custom-btn-close:hover							{opacity: .35;}
.custom-btn-close:active,
.custom-btn-close:focus							{outline: none; box-shadow: none;}

.custom-btn-xl									{font-size: 125%;}
.custom-btn-xxl									{font-size: 150%;}

	
	@media screen and (max-width: 1399px) {}
	
	@media screen and (max-width: 1199px) {
		
		.custom-btn										{font-size: 110%;}
		.custom-btn-close								{width: 1.5em; height: 1.5em;}
		.custom-btn-close img							{width: 2.5em;}
		
	}
	
	@media screen and (max-width: 991px) {
		
		.custom-btn										{font-size: 90%; padding: 1.125em 1.425em;}
		
	}


/* -----------------------------------------------------------------------------------------------------------------------------
 * BORDER
----------------------------------------------------------------------------------------------------------------------------- */

.custom-no-border								{border: none !important;}


/* -----------------------------------------------------------------------------------------------------------------------------
 * WRAPS + CONTAINER
----------------------------------------------------------------------------------------------------------------------------- */

.custom-wrap-max								{max-width: 2560px; width: 100%; margin-left: auto; margin-right: auto; text-align: center;}
.custom-wrap-max.custom-bg-transparent			{background-color: transparent;}
.custom-wrap-content							{padding-left: 2.5em; padding-right: 2.5em;}
.custom-wrap-text								{max-width: 1000px; margin-left: auto; margin-right: auto;}
/* .custom-wrap-text-02							{max-width: 1260px; margin-left: auto; margin-right: auto;} */


	@media screen and (max-width: 1199px) {
		
		.custom-wrap-content						{padding-left: 1.25em; padding-right: 1.25em;}
		.custom-wrap-text 							{max-width: 700px;}
		
	}

	@media screen and (max-width: 991px) {
		
		.custom-wrap-text 							{max-width: 600px;}
		
	}

	@media screen and (max-width: 767px) {
		
		.custom-wrap-content						{padding-left: .75em; padding-right: .75em;}
		.custom-header .custom-wrap-max				{padding-left: 5px; padding-right: 5px;}
		
	}

	
/* -----------------------------------------------------------------------------------------------------------------------------
 * IMAGES
----------------------------------------------------------------------------------------------------------------------------- */

.custom-img img									{width: 100%; height: auto;}

div.custom-img-cover							{display: block; overflow: hidden; position: relative; height: 0; padding-bottom: 44%;}
div.custom-img-cover img						{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}

img.custom-cover								{width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}
img.custom-contain								{width: 100%; height: 100%; object-fit: contain; object-position: 50% 50%;}

.custom-slide-items								{position: relative;}
.custom-slide-items .custom-slide				{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/* -----------------------------------------------------------------------------------------------------------------------------
 * FORMS
----------------------------------------------------------------------------------------------------------------------------- */

::placeholder 			{}
::-ms-input-placeholder {}


textarea,
select,
input[type="search"],
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="url"]								{font-size: 100%;
												box-shadow: none !important;  
												border-radius: 6px !important; 
												-webkit-border-radius: 6px !important; 
												-moz-border-radius: 6px !important;
												color: var(--brown);
												padding: .5em !important; 
												background-color: var(--white) !important; 
												border: 1px solid transparent !important;}

select											{padding-right: 2.5em !important; cursor: pointer;}												

textarea:focus,
select:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
textarea:active,
select:active,
input[type="search"]:active,
input[type="text"]:active,
input[type="number"]:active,
input[type="email"]:active,
input[type="tel"]:active,
input[type="password"]:active,
input[type="url"]:active 						{box-shadow: none !important; 
												border-color: var(--blue) !important; 
												outline: none;  
												background-color: var(--white) !important;
												-webkit-transition: border-color 500ms ease;
												-moz-transition: border-color 500ms ease;
												-o-transition: border-color 500ms ease;
												transition: border-color 500ms ease;}

input[type="radio"]:focus,
input[type="checkbox"]:focus 					{box-shadow: none !important;}

input[type="checkbox"]							{border-radius: 0 !important;}


label											{color: var(--grey); margin-bottom: .375em;}
.form-check label								{color: var(--brown);}
.form-check label:hover							{cursor: pointer;}


.form-check-input								{border: none;}
.form-check-input[type="checkbox"]				{border-radius: 3px !important;}

.form-check-input:focus,
.form-check-input:active						 {}

.form-check-input:checked						{}
.form-radio-input:checked						{}

.form-control::placeholder						{color: var(--grey); opacity: .5 !important;}
.form-control::-webkit-input-placeholder		{color: var(--grey); opacity: .5 !important;}
.form-control::-moz-placeholder					{color: var(--grey); opacity: .5 !important;}
.form-control::-ms-input-placeholder			{color: var(--grey); opacity: .5 !important;}

.custom-form .custom-required					{color: var(--blue);}
.custom-form .custom-payment					{display: inline-block; width: auto; margin-top: .5em; line-height: 1;}
.custom-form .custom-payment .custom-logo-wrap	{display: block; width: auto; margin-left: 0;}
.custom-form .custom-payment .custom-logo-wrap img	{height: 100%; width: auto;}

.custom-form .custom-disabled					{color: var(--grey-01); background-color: rgb(234, 234, 234) !important;}
.custom-form .custom-disabled:active,
.custom-form .custom-disabled:focus				{background-color: rgb(234, 234, 234) !important; border-color: #e2e2e2 !important;}

.custom-form .input-group-text					{color: var(--grey); border-radius: 0; border: none; background-color: #fff;}


.birthday_chk, 
.birthday_spmchk								{padding: 0 !important; margin: 0 !important; width: 100%; font-size: 1px !important; visibility: hidden;}

/* Checked + Feedback */
.invalid-feedback								{margin-top: 8px; padding: .5em; background-color: rgb(255, 233, 238); text-align: start; line-height: 1.2; font-size: 1rem; color: var(--error); border-radius: 6px;
												border: 1px solid #F25476;}

.form-check-input:checked,
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {background-color: var(--blue); border-color: var(--blue);}												
	
.form-check	.invalid-feedback					{margin-left: -1.5em; width: calc(100% + 2.25em);}											

.custom-error									{margin-top: 1rem; padding: 1em; background-color: rgb(255, 233, 238); text-align: start; line-height: 1.3; font-size: 1rem; color: var(--error); border-radius: 6px;
												border: 1px solid #F25476;}

.custom-error a 								{color: var(--error); border-bottom: 1px solid var(--error);}

.custom-success									{margin-top: 1rem; padding: 1em; background-color: rgb(234, 251, 237); text-align: start; line-height: 1.3; font-size: 1rem; color: var(--success); border-radius: 6px;
												border: 1px solid #32823f;}


/* Form Validation */

.form-control.is-invalid, .was-validated .form-control:invalid,
.form-select.is-invalid, .was-validated .form-select:invalid {
	border-color: var(--error);
	border-width: 1px;
	background-image: none;
}

.form-select.is-invalid:not([multiple]):not([size]), 
.form-select.is-invalid:not([multiple])[size="1"], 
.was-validated .form-select:invalid:not([multiple]):not([size]), 
.was-validated .form-select:invalid:not([multiple])[size="1"] {
	background-image: none;
}

.was-validated .form-control:valid,
.was-validated .form-control:valid:active,
.was-validated .form-control:valid:focus {
	border-color: #e2e2e2 !important;
	background-image: none !important;
	padding-right: .75rem !important;
}

.form-select.is-valid, .was-validated .form-select:valid,
.form-select.is-valid, .was-validated .form-select:valid:active,
.form-select.is-valid, .was-validated .form-select:valid:focus {
	border-color: #e2e2e2 !important;
	background-image: none !important;
	padding-right: .75rem !important;
}

.was-validated .custom-control-input:valid ~ .custom-control-label {
	color: inherit;
}

.was-validated .form-check-input:valid,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
	border-color: rgba(0,0,0,.25);
	color: inherit;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
	border-color: #e2e2e2 !important;
	background-color: rgba(104, 44, 118, 1);
}

.form-select.is-valid, .was-validated .form-select:valid {
	border-color: #e2e2e2 !important;
	background-image: none;
	padding-right: .75rem;	
}

.form-check-input.is-invalid ~ .form-check-label, 
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label, 
.was-validated .form-check-input:valid ~ .form-check-label {
	color: var(--black) !important;
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
	border-width: 2px;
}


/* -----------------------------------------------------------------------------------------------------------------------------
 * HEADER + LOGO + BODY + MAIN
----------------------------------------------------------------------------------------------------------------------------- */

 body 											{}
 body main 										{padding-top: 7em; background-color: var(--white); width: 100%; max-width: 2560px; margin: 0 auto;}
.custom-header 									{height: 7em; position: absolute; left: 0; top: 0; width: 100%; z-index: 4;}

.custom-header .custom-logo						{position: absolute; top: 50%; left: 1.5em; transform: translateY(-50%); width: 11.5em; height: auto; margin-right: 0; z-index: 1;}
.custom-header .custom-logo img					{height: auto; width: 100%;}

.custom-header.custom-minified					{position: fixed !important; top: 0; left: 0; 
												margin-top: -7em; height: 3.75em; opacity: .5; z-index: 4; 
												background: rgba(255,255,255,.85) !important;
												 backdrop-filter: blur(10px);
												 -webkit-backdrop-filter: blur(10px);
												box-shadow: 0px 0px 17px -7px rgba(0,0,0,0.25);
												animation-name: NavSlideIn; animation-duration: .5s; animation-iteration-count: 1;
												animation-fill-mode: forwards; 
												-webkit-transition: all .5s ease;
												-moz-transition: all .5s ease;
												-o-transition: all .5s ease;
												 transition: all .5s ease;}

.custom-header.custom-minified .custom-logo					{width: 6em;}
.custom-header.custom-minified .custom-navbar-expand		{transform: translateY(0);}
												 
.custom-header.custom-minified-visible			{margin-top: 0; opacity: 1;}



	@media screen and (max-width: 1199px) {
		
		 body main 										{padding-top: 80px;}
		.custom-header									{height: 80px; top: 0; width: 100%;}
		.custom-header .custom-logo						{width: 110px; left: 1.25rem;}
		
	}

	@media screen and (max-width: 991px) {
		
		 body main 										{padding-top: 80px;}
		.custom-header.custom-minified					{height: 54px;}
		.custom-header .custom-logo						{width: 110px; left: 1rem; z-index: 101;}
		
	}

	@media screen and (max-width: 767px) {
		
		 body 											{padding-top: 54px;}
		 body main 										{padding-top: 0;}
		.custom-header									{height: 54px; position: absolute; top: 0; width: 100%; z-index: 10;}
		.custom-header.custom-minified					{height: 54px;}
		.custom-header .custom-logo						{width: 100px; left: 10px; margin-top: 1px;}
		
		.custom-home .custom-header,
		.custom-404 .custom-header						{background-color: transparent;}
		
	}


/* -----------------------------------------------------------------------------------------------------------------------------
 * NAV
----------------------------------------------------------------------------------------------------------------------------- */

nav a											{color: var(--brown) !important;}
nav a:hover										{color: var(--brown) !important; opacity: 1 !important;}


/* Main Nav ------------------------------------------------------------------------------------------------------------------ */

.custom-wrap-navbar-expand										{}



.custom-navbar-expand .nav-item									{margin-right: 1.75em; margin-left: 1.75em;}

.custom-navbar-expand a.nav-link								{font-weight: 600;}
.custom-navbar-expand a.nav-link:hover,							
.custom-navbar-expand a.nav-link:focus,
.custom-navbar-expand a.nav-link:active							{color: var(--brown);}
.custom-navbar-expand a.nav-link:hover::before 					{content: ' '; position: absolute; bottom: 0; left: 0; background: var(--brown); width: 100%; height: .2em; border-radius: .225em;}
.custom-navbar-expand a.nav-link								{padding: .775em 0 !important; position: relative;}

.nav-item .dropdown-menu										{transform: translate(-.875em, -.45em); border: 1px solid var(--brown); border-radius: .75em;}
.nav-item .dropdown-menu a:hover								{background-color: var(--yellow-additional)}
.nav-item .dropdown-toggle::after								{transform: translate(.15em, .075em) scale(1.2);}

.custom-header .custom-mobile 									{display: none;}
.custom-header .nav-item.custom-active a						{color: var(--brown) !important;}
.custom-header .nav-item.custom-active a.nav-link::before 		{content: ' '; position: absolute; bottom: 0; left: 0; background: var(--brown); width: 100%; height: .2em; border-radius: .225em;}



	@media screen and (min-width: 992px) {
	
		.custom-navbar-expand											{flex: 1; transform: translateY(.875em);}
		
	}
	
	
	@media screen and (max-width: 1199px) {
	
		.custom-navbar-expand a.nav-link.dropdown-toggle:focus-visible {outline: none; box-shadow: none;}		
		.custom-navbar-expand a.nav-link[aria-expanded="true"]:focus-visible {outline: none; box-shadow: none;}
		
		.nav-item .dropdown-menu a:hover								{background-color: transparent;}
	
	}	


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

		.custom-header.custom-position-fixed-mobile 					{position: fixed; opacity: 1; margin-top: 0; animation: none;}

		.custom-wrap-navbar-expand 										{}
		.custom-navbar-expand											{position: absolute !important; left: 0; top: 0; z-index: 100; width: 100%; height: 54px;}
		.close-navbar-toggler 											{display: block; position: absolute; right: 14px; z-index: 100; }						  
						  
		.custom-navbar-expand .navbar-collapse 							{position: fixed; left: 0; top: 0; background: var(--white); width: 340px; max-width: 100%; z-index: 0; 
																		 box-shadow: 0px 0px 50px -7px rgb(164, 164, 164);}				  

		.custom-navbar-expand .custom-navbar-nav-main 					{margin-top: 90px; width: 100%; height: calc(100vh - 17px); padding-left: 15px; padding-bottom: 50px; overflow-y: auto; overflow-x: hidden;}		
		
		.custom-navbar-expand .nav-item 								{margin-left: 0; margin-right: 0; margin-bottom: 0; padding-left: 0; padding-right: .75rem; display: inline-block; text-align: left;}		
		.custom-navbar-expand .nav-item .dropdown-menu					{transform: translate(0, -.25em);}				
		.custom-navbar-expand .nav-item .dropdown-menu 					{border: none;}
		
		.custom-navbar-expand .nav-item .nav-link 						{width: calc(100% + 50px); padding: 10px 0 !important; font-size: 120%; letter-spacing: -.015em;}
		
		.custom-navbar-expand a.nav-link:hover::before 					{display: none;}
		
		.custom-navbar-expand .nav-item.custom-active a.nav-link::before {display: none;}
		
		.custom-navbar-expand .custom-nav-link-home						{margin-right: 0; padding-left: 0; display: inline-block; text-align: left; font-weight: 400; 
																		 margin-top: 4px; margin-bottom: 1.5rem; font-size: 90%;}
		
		.custom-navbar-expand .custom-navbar-legal 						{margin-top: 1.5rem;}		
		.custom-navbar-expand .custom-navbar-legal a 					{text-transform: none;}		
		.custom-navbar-expand .custom-navbar-legal .nav-item 			{display: block;}		
		.custom-navbar-expand .custom-navbar-legal .nav-item .nav-link 	{font-weight: 400; font-size: 100%; padding: .5rem 0 !important;}
		
		.custom-navbar-expand .custom-navbar-legal .nav-item.custom-copyright {display: none;}

		.custom-navbar-expand .custom-contact-data a 					{font-weight: 400;}	

		.custom-navbar-expand .close-navbar-toggler 					{border: none; border-radius: 0;}
		.custom-navbar-expand .custom-toggler-icon .custom-icon-01		{height: 32px; width: auto;}
		.custom-navbar-expand .custom-toggler-icon .custom-icon-02 		{height: 40px; width: auto; display: none;}


		.custom-navbar-expand .close-navbar-toggler[aria-expanded="true"] {position: absolute; top: .5rem; left: 295px; z-index: 100;}
		.custom-navbar-expand .close-navbar-toggler[aria-expanded="true"] .custom-toggler-icon .custom-icon-01	{display: none;}
		.custom-navbar-expand .close-navbar-toggler[aria-expanded="true"] .custom-toggler-icon .custom-icon-02	{display: block;}
		
		
	}	
	
	@media screen and (max-width: 767px) {
		
		.custom-navbar-expand .custom-navbar-nav-main					{margin-top: 70px;}
		
	}



/* Social Nav ------------------------------------------------------------------------------------------------------------------ */

.custom-navbar-nav-social										{margin-right: .5em;}
.custom-navbar-nav-social .nav-item								{margin-right: 1em;}
.custom-navbar-nav-social .nav-item	img							{width: auto; height: 2.25em; 
																  -webkit-transition: all .125s ease;
																  -moz-transition: all .125s ease;
																  -o-transition: all .125s ease;
																  transition: all .125s ease;}
																  
.custom-navbar-nav-social .nav-item:hover img					{transform: scale(1.15);}


.custom-navbar-nav-social .nav-item.nav-item-01					{width: 2.25em;}


	@media screen and (max-width: 991px) {
		
		.custom-navbar-nav-social								{padding-left: .275rem;}
		
	}
	

/* Legal Nav ------------------------------------------------------------------------------------------------------------------ */

.custom-navbar-nav-legal .nav-item								{}
.custom-navbar-nav-legal .nav-link								{margin-right: .75rem; margin-left: .75rem; font-weight: 400; text-transform: none;}
.custom-navbar-nav-legal .nav-item.custom-copyright				{padding-top: .5rem;}

	
	@media screen and (max-width: 991px) {
		
		.custom-navbar-nav-legal										{font-size: 90%;}
		.custom-navbar-nav-legal .nav-item								{display: inline-block; margin-left: 0; margin-right: 0;}
		.custom-navbar-nav-legal .nav-item.custom-copyright				{display: block;}
	}
	
	
	
/* Content Nav ---------------------------------------------------------------------------------------------------------------- */

.custom-wrap-content-nav												{position: relative; z-index: 3; overflow: hidden; width: 100%; padding-bottom: .75rem;}
.custom-wrap-content-nav .custom-arrows-nav								{padding: 0 1.5em 0 0; margin-left: 6px; overflow: visible; position: relative;}
.custom-wrap-content-nav .custom-arrows-nav	a							{padding-top: 1rem !important; padding-bottom: 1rem !important;}
.custom-wrap-content-nav .custom-arrows-nav	a:hover						{opacity: .5;}
.custom-wrap-content-nav .custom-arrows-nav a.custom-disabled			{opacity: .25; pointer-events: none; cursor: default;}
.custom-wrap-content-nav .custom-arrows-nav::before						{content: ' '; display: block; position: absolute; left: -36px; top: 0; width: 30px; height: 100%; z-index: 5;
																		background: #ffffff; background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 75%);}


.custom-content-nav														{position: relative; padding: .5em 40px .5em 3.25em; white-space: nowrap; margin-left: -.5rem;
																		-ms-overflow-style: none; scrollbar-width: none; overflow: hidden; overflow-x: auto; scroll-behavior: smooth;}
.custom-content-nav::-webkit-scrollbar 									{display: none;}

.custom-content-nav .custom-btn											{font-size: .9rem; font-weight: 400; padding: 1em 1.425em; margin-right: .5em; white-space: nowrap; background-color: var(--white) !important;}
.custom-content-nav .custom-btn-icon									{padding-left: 1em !important;}	
.custom-content-nav .custom-btn-icon img								{margin-right: .5rem;}
.custom-content-nav .custom-btn .custom-icon-02							{display: none;}
.custom-content-nav .custom-btn.custom-active .custom-icon-01			{display: none;}
.custom-content-nav .custom-btn.custom-active .custom-icon-02			{display: block;}

.custom-content-nav .custom-btn											{-webkit-transition: all .02s ease-out !important;
																		-moz-transition: all .02s ease-out !important;
																		-o-transition: all .02s ease-out !important;
																		transition: all .02s ease-out !important;}
																	  
.custom-content-nav.custom-anchor-nav									{}
.custom-content-nav.custom-anchor-nav .custom-btn .custom-icon-02		{transform: translateY(.1em) scale(1.3);}		

.custom-content-nav.custom-slider-nav .custom-btn .custom-icon-02		{transform: translateY(.1em) scale(1.3);}														  

.custom-content-nav .custom-btn.custom-active							{background-color: var(--yellow-additional) !important; border-color: var(--green-additional) !important;}

.custom-content-nav .custom-btn.custom-color-1:hover  					{background-color: rgba(253, 223, 191, 1) !important; border-color: rgba(253, 223, 191, 1) !important;}
.custom-content-nav .custom-btn.custom-color-2:hover 					{background-color: rgba(230, 226, 224, 1) !important; border-color: rgba(230, 226, 224, 1) !important;}
.custom-content-nav .custom-btn.custom-color-3:hover 					{background-color: rgba(222, 233, 247, 1) !important; border-color: rgba(222, 233, 247, 1) !important;}
.custom-content-nav .custom-btn.custom-color-4:hover 					{background-color: rgba(234, 236, 207, 1) !important; border-color: rgba(234, 236, 207, 1) !important;}

.custom-content-nav .custom-btn.custom-color-1.custom-active 			{background-color: rgba(253, 223, 191, 1) !important; border-color: rgba(253, 223, 191, 1) !important;}
.custom-content-nav .custom-btn.custom-color-2.custom-active 			{background-color: rgba(230, 226, 224, 1) !important; border-color: rgba(230, 226, 224, 1) !important;}
.custom-content-nav .custom-btn.custom-color-3.custom-active 			{background-color: rgba(222, 233, 247, 1) !important; border-color: rgba(222, 233, 247, 1) !important;}
.custom-content-nav .custom-btn.custom-color-4.custom-active 			{background-color: rgba(234, 236, 207, 1) !important; border-color: rgba(234, 236, 207, 1) !important;}	
	
		
	@media screen and (max-width: 1199px) {
		
		.custom-wrap-content-nav .custom-arrows-nav	a:hover						{opacity: 1;}
		
		.custom-wrap-content-nav												{}
		.custom-content-nav														{padding-left: 2rem;}
		.custom-wrap-content-nav .custom-arrows-nav								{padding: 0 .75em 0 0;}
		.custom-wrap-content-nav .custom-arrows-nav img							{width: 2em; height: auto;}
		
		.custom-content-nav .custom-btn											{margin-right: .5rem; font-size: 85%;}
		
	}
	
	@media screen and (max-width: 991px) {
		
		.custom-content-nav														{padding-left: 1.5rem;}
		.custom-content-nav .custom-btn											{margin-right: 0; font-size: 70%;}
		.custom-content-nav .custom-btn:hover									{transform: none;}
		
	}	
		
	@media screen and (max-width: 767px) {
		
		.custom-wrap-content-nav												{padding-bottom: .5em;}
		.custom-content-nav														{padding: 0 .75em 0 1em;}
		.custom-wrap-content-nav .custom-arrows-nav								{padding: 0 .75em 0 0;}
		.custom-wrap-content-nav .custom-arrows-nav img							{width: 1.75em; height: auto;}
		.custom-wrap-content-nav .custom-arrows-nav::before						{left: -20px; width: 14px;}
		
		.custom-content-nav .custom-btn											{font-size: .9rem; font-weight: 400; padding: .75em 1em .75em .5em; margin-right: 0; font-size: 70%;}
		.custom-content-nav .custom-btn-icon									{padding-left: .625em !important;}
		.custom-content-nav .custom-btn-icon img								{margin-right: .25rem;}
		
	}
	
	
/* -----------------------------------------------------------------------------------------------------------------------------
 * LAYOUT ELEMENTS
----------------------------------------------------------------------------------------------------------------------------- */

/* Lists */
.custom-list									{list-style-type: none; margin: 0; padding: 0;}
.custom-list li									{position: relative; padding-left: 1.25em;}
.custom-list li::before							{content: ' '; position: absolute; left: .25em; top: .6em; width: .425em; height: .425em; border-radius: 50%; background-color: var(--brown);}

.custom-color-1 .custom-list li::before			{background-color: var(--orange);}
.custom-color-2 .custom-list li::before			{background-color: var(--brown);}
.custom-color-3 .custom-list li::before			{background-color: var(--blue);}
.custom-color-4 .custom-list li::before			{background-color: var(--green);}

.custom-wrap-services ul						{list-style-type: none; margin: 0; padding: 0;}
.custom-wrap-services ul li						{position: relative; padding-left: 1.25em;}
.custom-wrap-services ul li:before				{content: ' '; position: absolute; left: .25em; top: .6em; width: .425em; height: .425em; border-radius: 50%; background-color: var(--brown);}

.custom-wrap-services .custom-color-1 ul li::before			{background-color: var(--orange);}
.custom-wrap-services .custom-color-2 ul li::before			{background-color: var(--brown);}
.custom-wrap-services .custom-color-3 ul li::before			{background-color: var(--blue);}
.custom-wrap-services .custom-color-4 ul li::before			{background-color: var(--green);}


/* Tooltip */
.custom-tooltip									{display: inline-block; position: relative; text-decoration: none; border-bottom: none;}
.custom-tooltip::before							{content: ' '; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; border-bottom: .1em solid var(--brown); opacity: .95;}
.custom-tooltip:hover							{cursor: help;}

.custom-heading .custom-tooltip::before			{bottom: .15em;  border-width: .105em; opacity: .75;}


.tooltip {
  --bs-tooltip-opacity: 1;
  --bs-tooltip-bg: var(--brown);
  --bs-tooltip-color: var(--brown);
}

.tooltip-inner {
    background-color: var(--yellow-additional);
	font-size: .925rem;
	border: 1px solid var(--brown);
	padding: .625em .625em;
	border-radius: 6px;
}

.tooltip .tooltip-arrow-right::before {
    border-color: var(--brown) !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: var(--brown) !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--brown) !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--brown) !important;
}


/* Headings */
.custom-heading									{display: block; position: relative; padding-bottom: .3em; margin-bottom: -.5rem; min-height: 1.675em; letter-spacing: 0;}
.custom-heading::after							{content: ' '; display: block; position: absolute; bottom: .125em; left: 0; height: .1825em; width: 1.7em; border-radius: 8px;}
.custom-heading.custom-position-end::after 		{left: auto; right: 0;}

.custom-color-1 .custom-heading::after			{background-color: var(--orange);}
.custom-color-2 .custom-heading::after			{background-color: var(--brown);}
.custom-color-3 .custom-heading::after			{background-color: var(--blue);}
.custom-color-4 .custom-heading::after			{background-color: var(--green);}


	@media screen and (max-width: 767px) {
		
		.custom-heading									{line-height: 1.333;}
		.custom-heading::after							{bottom: 0; height: .225em;}
		
	}


/* Tagging */
.custom-wrap-tags											{padding-top: 1.5rem; margin-left: -1rem;}
.custom-wrap-tags .custom-tag								{margin: .125rem .125rem; white-space: nowrap; text-decoration: none; padding: .5rem .5rem; border-radius: .25rem; font-size: 65%;}
.custom-wrap-tags .custom-tag.custom-color-1				{background-color: rgba(253, 223, 191, 1) !important; border-color: rgba(253, 223, 191, 1) !important;}
.custom-wrap-tags .custom-tag.custom-color-2				{background-color: rgba(230, 226, 224, 1) !important; border-color: rgba(230, 226, 224, 1) !important;}
.custom-wrap-tags .custom-tag.custom-color-3				{background-color: rgba(222, 233, 247, 1) !important; border-color: rgba(222, 233, 247, 1) !important;}
.custom-wrap-tags .custom-tag.custom-color-4				{background-color: rgba(234, 236, 207, 1) !important; border-color: rgba(234, 236, 207, 1) !important;}	
.custom-wrap-tags .custom-tag:hover							{transform: scale(1.05);}


	@media screen and (max-width: 991px) {
		
		.custom-wrap-tags											{font-size: 105%;}
		
	}


	@media screen and (max-width: 767px) {
		
		.custom-wrap-tags											{padding-top: 1.25rem; font-size: 95%;}
		
	}


/* -----------------------------------------------------------------------------------------------------------------------------
 * CONTENT WRAPS
----------------------------------------------------------------------------------------------------------------------------- */

/* Content Wrap: Service */
.custom-wrap-services							{z-index: 2;}
.custom-wrap-services .custom-wrap-content		{z-index: 1;}

.custom-wrap-services .custom-circle			{width: 20em; height: 20em; border-radius: 20em; position: relative; overflow: hidden; z-index: 0;}
.custom-wrap-services .custom-overlay			{position: absolute; top: 0; width: 50%; height: 100%; overflow: hidden; z-index: 1;}

.custom-wrap-services .custom-color-1 .custom-overlay	 	{background-color: rgba(247, 127, 0, .8); left: 0;}
.custom-wrap-services .custom-color-2 .custom-overlay	 	{background-color: rgba(89, 63, 51, .8); right: 0;}
.custom-wrap-services .custom-color-3 .custom-overlay		{background-color: rgba(181, 207, 238, .8); left: 0;}
.custom-wrap-services .custom-color-4 .custom-overlay		{background-color: rgba(172, 180, 65, .8); right: 0;}

.custom-wrap-services .custom-color-1 .custom-anim-rotate.custom-anim .custom-circle .custom-overlay,
.custom-wrap-services .custom-color-3 .custom-anim-rotate.custom-anim .custom-circle .custom-overlay	
															{transform: translate(-4em, 3em) rotate(-33deg) scale(1.5); transition: 1.25s ease-out;}

.custom-wrap-services .custom-color-2 .custom-anim-rotate.custom-anim .custom-circle .custom-overlay,
.custom-wrap-services .custom-color-4 .custom-anim-rotate.custom-anim .custom-circle .custom-overlay
															{transform: translate(4em, 3em) rotate(33deg) scale(1.5); transition: 1.25s ease-out;}

.custom-wrap-services .custom-color-2 .row > div:nth-child(1),
.custom-wrap-services .custom-color-4 .row > div:nth-child(1) 	{order: 2;}		
											
.custom-wrap-services .custom-color-2 .row > div:nth-child(2),
.custom-wrap-services .custom-color-4 .row > div:nth-child(2)	{order: 1;}


	@media screen and (max-width: 767px) {
		
		.custom-wrap-services .custom-color-2 .row > div:nth-child(1), 
		.custom-wrap-services .custom-color-4 .row > div:nth-child(1) {order: 1;}
		
		.custom-wrap-services .custom-color-2 .row > div:nth-child(2), 
		.custom-wrap-services .custom-color-4 .row > div:nth-child(2) {order: 2;}		
		
	}


/* Content Wrap: USP */
.custom-wrap-usp								{max-width: 1700px; padding-top: 4rem; padding-bottom: 0;}
.custom-wrap-usp .custom-icon					{height: 6.25em; width: auto; margin-bottom: 1.5rem;}


/* Content Wrap: Team */
.custom-wrap-team .custom-item					{width: 12.5%;}
.custom-wrap-team .custom-item > div			{width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; position: relative;}
.custom-wrap-team .custom-item > div img		{position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0;}
.custom-wrap-usp .custom-size-md				{width: 95% margin-left: auto; margin-right: auto;}


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

		.custom-wrap-usp .custom-icon					{height: 5rem;}
		.custom-wrap-usp .custom-size-md				{font-size: 100%;}
		
	}

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

		.custom-wrap-usp .custom-icon					{height: 5rem;}
		.custom-wrap-usp .custom-size-md				{font-size: 80%;}
		
	}

	@media screen and (max-width: 767px) {
		
		.custom-wrap-usp .custom-icon					{height: 4.5rem; margin-bottom: 1rem;}
		.custom-wrap-usp .custom-wrap-inner				{padding: 0 2rem 1.5rem 2rem; max-width: 360px; margin-left: auto; margin-right: auto;}
		.custom-wrap-usp .custom-size-xl				{font-size: 125%;}
		
	}


/* -----------------------------------------------------------------------------------------------------------------------------
 * CAROUSEL
----------------------------------------------------------------------------------------------------------------------------- */

.custom-wrap-carousel-workexamples												{position: relative;}
.custom-wrap-carousel-workexamples .slick-slider								{animation-delay: .03s; animation-iteration-count: 1;
																				 animation: SlideCarousel .75s ease-out; animation-fill-mode: both;}
																				
.custom-wrap-carousel-workexamples .slick-track									{display: flex;}
.custom-wrap-carousel-workexamples .custom-item									{position: relative; margin-left: 3rem; background-color: rgba(249, 247, 244, 1); width: 1100px; height: auto; z-index: 1;}
.custom-wrap-carousel-workexamples .custom-item.custom-item-with-img			{width: 1400px;}
.custom-wrap-carousel-workexamples .custom-item .custom-size-xxl				{margin-bottom: 1.25rem;}
.custom-wrap-carousel-workexamples .custom-item .custom-text					{position: relative; z-index: 1; padding: 2em 1.5em 2em 3em; height: 100%; position: relative;}
.custom-wrap-carousel-workexamples .custom-item .custom-text.custom-width		{width: calc(100% - 18em);}
.custom-wrap-carousel-workexamples .custom-item .custom-img 					{position: absolute; z-index: 0; top: 0; right: 0; width: 24em; height: 100%;}
.custom-wrap-carousel-workexamples .custom-item .custom-img img					{width: 100%; height: 100%; object-fit: cover;}
.custom-wrap-carousel-workexamples .custom-item .custom-img .custom-gradient 	{position: absolute; left: 0; top: 0; width: 6em; height: 100%; 
																				background: #F9F7F4;
																				background: linear-gradient(90deg,rgba(249, 247, 244, 1) 0%, rgba(249, 247, 244, 0.84) 100%);}


.custom-wrap-carousel-workexamples table 										{color: var(--brown); transform: translateX(-.875rem);}
.custom-wrap-carousel-workexamples table th										{width: 7em; padding: .7em 1em; vertical-align: top; font-size: 95%; text-transform: uppercase; line-height: 1.65;}
.custom-wrap-carousel-workexamples table td										{width: calc(100% - 8em); padding: .7em 2em .7em 1em; line-height: 1.5;}
.custom-wrap-carousel-workexamples table td p									{margin-bottom: 0; hyphens: auto;
																				/* hyphenate-limit-chars: auto 5;
																				hyphenate-limit-lines: 2;
																				-webkit-hyphens: auto;
																				-webkit-hyphenate-limit-chars: auto 3;
																				-webkit-hyphenate-limit-lines: 4;
																				-ms-hyphens: auto;
																				-ms-hyphenate-limit-chars: auto 3;
																				-ms-hyphenate-limit-lines: 4; */}
.custom-wrap-carousel-workexamples table tr.custom-color 						{background-color: var(--yellow-additional);}

.custom-wrap-carousel-workexamples .custom-text.custom-width table td					{padding-right: .5em;}
.custom-wrap-carousel-workexamples .custom-text.custom-width table tr.custom-color td	{padding-right: 1.5em;}

.custom-wrap-carousel-workexamples ul.slick-dots								{text-align: left; padding: .825em 0 .75em 0; margin-bottom: 0;}
.custom-wrap-carousel-workexamples ul.slick-dots li								{display: inline;}
.custom-wrap-carousel-workexamples ul.slick-dots li button						{font-size: 0; color: transparent; padding: 6px 2px; background-color: transparent; border-color: transparent;}
.custom-wrap-carousel-workexamples ul.slick-dots li button::before				{content: ' '; display: block; width: 10px; height: 10px; border-radius: 50%;
																				background-color: var(--brown); border: 1px solid var(--brown);}																			
.custom-wrap-carousel-workexamples ul.slick-dots li button:hover::before		{background-color: var(--yellow-additional); border: 1px solid var(--yellow-additional); transform: scale(1.175);}
.custom-wrap-carousel-workexamples ul.slick-dots li.slick-active button::before	{background-color: var(--yellow-additional); border: 1px solid var(--yellow-additional); transform: scale(1.175);}

.custom-arrows-slider															{padding: 1.75em 1.5em 0 1.5em; max-width: 100%; margin-left: auto;margin-right: auto;}
.custom-arrows-slider a:hover													{opacity: .5;}
.custom-arrows-slider a.custom-disabled											{opacity: .15; pointer-events: none; cursor: default;}
.custom-arrows-slider img														{width: 4.75em; height: auto;}

/* Mit BG Image */
.custom-wrap-carousel-bg														{padding: 3.25em 0 1px 2.5em;}
.custom-wrap-carousel-bg .custom-bg-img											{position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: 0;}
.custom-wrap-carousel-bg .custom-bg-img img										{object-position: center bottom; animation: ScaleImg 20s ease-out; animation-iteration-count: 1;
																				animation-fill-mode: both;}


	@media screen and (max-width: 1399px) {	
	
		.custom-wrap-carousel-bg														{padding: 2em 0 0 1.5em;}
		.custom-wrap-carousel-workexamples .custom-item									{width: 73vw;}
		.custom-wrap-carousel-workexamples .custom-item.custom-item-with-img			{width: 95vw;}	
		.custom-wrap-carousel-workexamples .custom-item .custom-text					{padding: 1.5em 2em 1.25em 2em;}		

	}	
	
	@media screen and (max-width: 1199px) {	
		
		.custom-arrows-slider a:hover													{opacity: 1;}
		
		.custom-wrap-carousel-workexamples .custom-item									{width: 73vw;}
		.custom-wrap-carousel-workexamples .custom-item.custom-item-with-img			{width: 95vw;}
		.custom-wrap-carousel-workexamples table 										{font-size: 90%;}

	}	

	@media screen and (max-width: 991px) {
		
		.custom-wrap-carousel-workexamples .custom-item									{margin-left: auto; margin-right: auto; margin-bottom: 2.5rem; width: 100%; max-width: 46em;}
		.custom-wrap-carousel-workexamples .custom-item.custom-item-with-img			{width: 100%;}
		.custom-wrap-carousel-workexamples .custom-item .custom-text					{padding: 1.5em 1.5em 1.25em 1.5em;}
		.custom-wrap-carousel-workexamples .custom-item.custom-item-with-img  .custom-text	{margin-top: -3rem;}
		.custom-wrap-carousel-workexamples .custom-item .custom-img						{position: relative; width: 100%; height: 20em; margin-top: -.75rem;}
		.custom-wrap-carousel-workexamples .custom-item .custom-img .custom-gradient	{top: auto; bottom: 0;width: 100%; height: 3em; background: linear-gradient(0deg,rgba(249, 247, 244, 1) 0%, rgba(249, 247, 244, 0.84) 100%);}
		.custom-wrap-carousel-workexamples .custom-item .custom-text.custom-width		{width: 100%;}
		
		.custom-wrap-carousel-workexamples table,
		.custom-wrap-carousel-workexamples tr,
		.custom-wrap-carousel-workexamples th,
		.custom-wrap-carousel-workexamples td											{display: block; width: calc(100% + .9rem);}
		
		.custom-wrap-carousel-workexamples table th										{width: 100%;  padding: .7rem .7rem 0 .7rem;}
		.custom-wrap-carousel-workexamples table td										{width: 100%; padding: .7rem .7rem .7rem .7rem;}
		
		.custom-arrows-slider															{display: none !important;}
		
		
		.custom-wrap-carousel-bg														{padding: 2em 0 1px 0;}
		.custom-wrap-carousel-bg .custom-bg-img img										{object-position: 20% bottom; animation: ScaleImg 20s ease-out; animation-iteration-count: 1;
																						animation-fill-mode: both;}

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

		.custom-wrap-carousel-workexamples .custom-item									{margin-left: 1rem; width: calc(100% - 2rem) !important;}
		.custom-wrap-carousel-workexamples .custom-item .custom-img						{height: 16em;}
		
	}



/* -----------------------------------------------------------------------------------------------------------------------------
 * CONTENT ROWS
----------------------------------------------------------------------------------------------------------------------------- */

.custom-row											{padding-top: 9em; padding-bottom: 0;}

	@media screen and (max-width: 1199px) {
		.custom-row											{padding-top: 7em;}
	}

	@media screen and (max-width: 991px) {
		.custom-row											{padding-top: 5em;}
	}	
		
	@media screen and (max-width: 767px) {
		.custom-row											{padding-top: 3em;}
	}


/* -----------------------------------------------------------------------------------------------------------------------------
 * CONTENT WRAPS
----------------------------------------------------------------------------------------------------------------------------- */

/* Header / Footer mit Hintergrundbild */
.custom-home .custom-header .custom-wrap-max,
.custom-home .custom-footer .custom-wrap-max,
.custom-404 .custom-header .custom-wrap-max,
.custom-page-team .custom-footer .custom-wrap-max					{background-color: transparent;}


	@media screen and (min-width: 991px) {
		
		.custom-page-services .custom-header .custom-wrap-max,
		.custom-page-team .custom-header .custom-wrap-max,
		.custom-page-workexamples .custom-header .custom-wrap-max,
		.custom-page-contact .custom-header .custom-wrap-max				{background-color: transparent;}

	}


/* Hero */
.custom-home .custom-wrap-hero 								{z-index: 1; height: 46em; margin-top: -7em;}
.custom-home .custom-wrap-hero .custom-hero-logo-bg			{position: absolute; top: 0; left: 0; width: 25%; height: 100%;}
.custom-home .custom-wrap-hero .custom-contain				{object-position: left top;}

.custom-home .custom-wrap-hero .custom-wrap-hero-text		{z-index: 1;}
.custom-home .custom-wrap-hero .custom-hero-text			{z-index: 0; margin-top: 2rem; animation: SlideDown 1.15s ease-out; animation-delay: .05s; animation-iteration-count: 1;
															animation-fill-mode: both;}
															
.custom-home .custom-wrap-hero .custom-gradients-container	{position: absolute; z-index: -1; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100em; height: 40em; margin: auto;
															animation: FadeIn 1.5s ease-out; animation-delay: .05s; animation-iteration-count: 1;
															animation-fill-mode: both;}										
.custom-home .custom-wrap-hero .custom-hero-gradient-01 	{position: absolute; z-index: 0; top: 50%; left: 50%; transform: translate(-75%, -70%); background-color: transparent;
															background: radial-gradient(circle,rgba(138, 195, 180, 1) 20%, rgba(138, 195, 180, 0) 50%); width: 40em; height: 40em; opacity: .75;}
.custom-home .custom-wrap-hero .custom-hero-gradient-02 	{position: absolute; z-index: 0; top: 50%; left: 50%; transform: translate(-20%, -70%); background-color: transparent;
															background: radial-gradient(circle,rgba(64, 157, 104, 1) 0%, rgba(64, 157, 104, 0) 61%); width: 50em; height: 50em; opacity: .85;}


.custom-home .custom-wrap-hero .custom-hero-img				{position: absolute; z-index: -1; height: 100%; width: 100%; overflow: hidden;}
.custom-home .custom-wrap-hero .custom-hero-img img			{object-position: center bottom; animation: ScaleImg 20s ease-out; animation-iteration-count: 1;
															animation-fill-mode: both;}

.custom-home .custom-wrap-hero .custom-wrap-inner 			{max-width: 80em;}
.custom-home .custom-wrap-hero h1 							{color: var(--white); font-weight: 400; font-size: 675%; letter-spacing: -.025em; line-height: 1.2;}
.custom-home .custom-wrap-hero .custom-btn					{margin-top: 2rem; margin-bottom: 1rem;}
												



	@media screen and (max-width: 1599px) {
		
		.custom-home .custom-wrap-hero h1 							{font-size: 7vw;}
		
	}

	@media screen and (min-width: 992px) and (max-width: 1920px) and (orientation: landscape) {
		
		.custom-home .custom-wrap-hero 							{height: 86.5vh !important; max-height: 800px; min-height: 670px;}
	}	
	
	@media screen and (min-width: 992px) and (max-width: 1199px) and (orientation: landscape) {
		
		.custom-home .custom-wrap-hero .custom-hero-text		{margin-top: 0;}
		
	}	
	
	@media screen and (max-width: 1199px) and (orientation: landscape) {
		
		.custom-home .custom-wrap-hero 							{height: 100vh !important;}

	}	
	
	@media screen and (max-width: 1199px) {
		
		.custom-home .custom-wrap-hero								{margin-top: -80px; height: calc(64vh - 10em);}
		.custom-home .custom-wrap-hero h1 							{font-size: 7.7vw;}
		.custom-home .custom-wrap-hero .custom-btn					{margin-top: 1rem; margin-bottom: 0;}
		
		.custom-home .custom-wrap-hero .custom-hero-img img			{object-position: 25% bottom;}
		.custom-home .custom-wrap-hero .custom-hero-text			{}
		
	}

	@media screen and (max-width: 991px) {
		
		.custom-home .custom-wrap-hero								{height: calc(64vh - 10em);}
	
	}	
	
	@media screen and (max-width: 767px) {
		
		.custom-home .custom-wrap-hero								{height: 68vw; margin-top: -54px;}
		
		.custom-home .custom-wrap-hero								{height: 76vw}
		.custom-home .custom-wrap-hero .custom-hero-logo-bg 		{width: 70%; opacity: .8;}
		
		.custom-home .custom-wrap-hero h1							{font-size: 8vw; line-height: 1.222; margin-bottom: 1rem;}
		.custom-home .custom-wrap-hero .custom-btn					{margin-top: 1rem;}

	}	
	
	@media screen and (max-width: 576px) {	
		
		.custom-home .custom-wrap-hero								{height: calc(84vh - 2.85rem);}
		.custom-home .custom-wrap-hero .custom-contain 				{animation-duration: 4s;}
		
		.custom-home .custom-wrap-hero h1							{font-size: 12.5vw;}
		
	}
	
	
/* Home: Intro */
.custom-home .custom-wrap-intro 							{}
.custom-home .custom-wrap-intro .custom-wrap-inner			{width: 95%; max-width: 1650px; padding-top: 3rem; padding-bottom: 4rem; z-index: 2;}
.custom-home .custom-wrap-intro > .row						{}				 
.custom-home .custom-wrap-intro h2 							{font-size: 190%; line-height: 1.444;}	
.custom-home .custom-wrap-intro h3 							{font-size: 270%; letter-spacing: -.005em;}
.custom-home .custom-wrap-intro p, 							
.custom-home .custom-wrap-intro ul							{font-size: 150%;}
.custom-home .custom-wrap-intro .custom-btn					{margin-top: 1rem; margin-bottom: .5rem;}
	
.custom-home .custom-wrap-intro .custom-circle				{margin-top: -9.375em; margin-left: -2rem; height: 33.5em; width: 33.5em; background-color: var(--yellow-additional); border-radius: 30em;
															animation: SlideUp 1s ease-out; animation-iteration-count: 1; animation-fill-mode: both;}


	@media screen and (max-width: 1799px) {
	
		.custom-home .custom-wrap-intro h3 							{font-size: 2.7vw; letter-spacing: -.005em;}
		.custom-home .custom-wrap-intro p,
		.custom-home .custom-wrap-intro ul							{font-size: 1.5vw;}
		.custom-home .custom-wrap-intro .custom-btn					{margin-top: 2.5rem; margin-bottom: 0;}
		
		.custom-home .custom-wrap-intro .custom-circle				{font-size: .97vw;}
		
	}	
	
	@media screen and (min-width: 1200px) and (max-width: 1399px) {
		
		.custom-home .custom-wrap-intro .custom-circle				{font-size: .97vw; margin-left: auto;}
		
	}	
	
	@media screen and (max-width: 1199px) {
		
		.custom-home .custom-wrap-intro .custom-wrap-inner			{width: 100%; padding: 1.5rem 1.25rem 1rem 1.25rem;}
		.custom-home .custom-wrap-intro h3 							{font-size: 3.75vw; letter-spacing: -.005em;}
		.custom-home .custom-wrap-intro p,
		.custom-home .custom-wrap-intro ul							{font-size: 2vw;}
		.custom-home .custom-wrap-intro .custom-btn					{margin-top: 2.5rem; margin-bottom: 0;}
		
		.custom-home .custom-wrap-intro .custom-circle				{font-size: 1.2vw;}
		
	}
	
	@media screen and (min-width: 992px) and (max-width: 1199px) and (orientation: landscape) {
		
		.custom-home .custom-wrap-intro .custom-wrap-inner			{width: 95%;}
		.custom-home .custom-wrap-intro h3 							{font-size: 3.5vw; letter-spacing: -.005em;}
		.custom-home .custom-wrap-intro p,
		.custom-home .custom-wrap-intro ul							{font-size: 1.85vw;}
		
		.custom-home .custom-wrap-intro .custom-circle				{font-size: 1.15vw;}		
		
	}

	@media screen and (max-width: 767px) {
		
		.custom-home .custom-wrap-intro .custom-wrap-inner			{padding: 1rem .75rem 1rem .75rem;}
		.custom-home .custom-wrap-intro h3 							{font-size: 180%; letter-spacing: -.005em; line-height: 1.333;}
		.custom-home .custom-wrap-intro p, 							
		.custom-home .custom-wrap-intro ul							{font-size: 110%;}
		.custom-home .custom-wrap-intro .custom-btn					{margin-top: 1.5rem; margin-bottom: .5rem;}
		
		.custom-home .custom-wrap-intro .custom-circle				{margin: 1.5rem auto 0rem auto; font-size: 70%;}

	}	
	
	@media screen and (max-width: 576px) {
			
		.custom-home .custom-wrap-intro h3							{font-size: 7vw;}		
		.custom-home .custom-wrap-intro p, 							
		.custom-home .custom-wrap-intro ul							{font-size: 105%;}
		.custom-home .custom-wrap-intro .custom-circle				{font-size: 2.5vw;}

	}


/* Home: Leistungen */
.custom-home .custom-wrap-services							{z-index: 3;}
.custom-home .custom-wrap-services .custom-wrap-inner		{max-width: 1460px; padding: 4rem 2rem 8rem 2rem; z-index: 1;}

.custom-home .custom-wrap-services h2						{margin-bottom: 4rem;}
.custom-home .custom-wrap-services h3						{margin-bottom: .75rem; color: var(--brown);}
.custom-home .custom-wrap-services p						{margin-top: .5rem; color: var(--brown);}
.custom-home .custom-wrap-services .custom-circle			{width: 19em; height: 19em; border-radius: 50%;}

.custom-home .custom-wrap-services .custom-color-1,
.custom-home .custom-wrap-services .custom-color-3			{text-align: left;}
.custom-home .custom-wrap-services .custom-color-2,
.custom-home .custom-wrap-services .custom-color-4			{text-align: right;}

.custom-home .custom-wrap-services a.row 					{-webkit-transition: all .25s ease;
															-moz-transition: all .25s ease;
															-o-transition: all .25s ease;
															transition: all .25s ease;}

.custom-home .custom-wrap-services .custom-item:nth-child(odd)				{transform: translate(-10em)}
.custom-home .custom-wrap-services .custom-item:nth-child(even)				{transform: translate(10em)}
															
.custom-home .custom-wrap-services .custom-item.custom-anim:nth-child(odd)				{animation-iteration-count: 1; animation: SlideToRight 1s ease-out; animation-fill-mode: both;}
.custom-home .custom-wrap-services .custom-item.custom-anim:nth-child(even)				{animation-iteration-count: 1; animation: SlideToLeft 1s ease-out; animation-fill-mode: both;}

.custom-home .custom-wrap-services .custom-item .custom-circle							{opacity: 0; animation-iteration-count: 1; animation: FadeIn 1.5s ease-out; animation-fill-mode: both;}
.custom-home .custom-wrap-services .custom-item.custom-anim
							
.custom-home .custom-wrap-services a.row:hover				{transform: scale(1.05);}														
															
															
	@media screen and (min-width: 768px) and (max-width: 1199px) {
	
		.custom-home .custom-wrap-services .custom-circle			{width: 16em; height: 16em;}
	
	}	
	
	@media screen and (max-width: 991px) {
		
		.custom-home .custom-wrap-services .custom-wrap-inner			{padding-top: 3rem;}

		.custom-home .custom-wrap-services h2							{margin-bottom: 2rem;}		

	}

	@media screen and (max-width: 767px) {
		
		.custom-home .custom-wrap-services .custom-wrap-inner			{padding: 2rem 1.5rem 0rem 1.5rem;}		
		.custom-home .custom-wrap-services h2							{margin-bottom: 2rem;}
		.custom-home .custom-wrap-services .custom-wrap-text			{display: block; width: 100%; /* max-width: 305px; */ max-width: 240px; padding-bottom: 1rem; transform: translateY(-1rem);}
		
		.custom-home .custom-wrap-services .custom-color-2, 
		.custom-home .custom-wrap-services .custom-color-4				{text-align: left;}
		
		.custom-home .custom-wrap-services .custom-circle				{/* width: 14em; height: 14em; */ width: 16em; height: 16em; margin-left: auto !important; margin-right: auto !important;}

	}


/* Home: Arbeitsbeispiele */
.custom-home .custom-wrap-worksamples									{z-index: 2;}
.custom-home .custom-wrap-worksamples .custom-wrap-inner				{padding: 5rem 2rem 7rem 2rem; max-width: 1500px; z-index: 1;}
.custom-home .custom-wrap-worksamples h2								{margin-bottom: 4rem;}
.custom-home .custom-wrap-worksamples a									{-webkit-transition: all .25s ease;
																		-moz-transition: all .25s ease;
																		-o-transition: all .25s ease;
																		 transition: all .25s ease;}
.custom-home .custom-wrap-worksamples a:hover							{transform: scale(1.05);}																		 
.custom-home .custom-wrap-worksamples .custom-circle					{width: 22em; height: 22em; padding: 2.5em; border-radius: 50%; background-color: var(--yellow-additional);}
.custom-home .custom-wrap-worksamples .custom-circle p					{margin-bottom: .5rem; font-size: 230%; font-family: 'PTSansCaption'; letter-spacing: -.0125em; color: var(--brown);}	
.custom-home .custom-wrap-worksamples .custom-circle .custom-text-size 	{margin-top: 1rem; font-size: 85%; line-height: 1.1555;}
.custom-home .custom-wrap-worksamples .custom-bg-img					{position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1;}
.custom-home .custom-wrap-worksamples .custom-bg-img img				{object-position: center bottom;}
.custom-home .custom-wrap-worksamples .custom-cover 					{animation: ScaleImg 10s ease-out; animation-iteration-count: 1;
																		animation-fill-mode: both;}
	
	@media screen and (min-width: 1200px) and (max-width: 1599px) {
		
		.custom-home .custom-wrap-worksamples .custom-wrap-inner		{max-width: 1300px;}	
	
	}
	
	@media screen and (max-width: 1199px) {	
	
			.custom-home .custom-wrap-worksamples .custom-circle					{width: 28vw; height: 28vw;}
			.custom-home .custom-wrap-worksamples .custom-circle p					{font-size: 180%;}
			
	}
	
	@media screen and (min-width: 992px) and (max-width: 1199px) and (orientation: landscape) {
			
			.custom-home .custom-wrap-worksamples .custom-circle					{width: 24vw; height: 24vw;}
			.custom-home .custom-wrap-worksamples .custom-wrap-inner				{width: 85%;}
			
	}
	
	@media screen and (max-width: 991px) {	
		
		.custom-home .custom-wrap-worksamples .custom-wrap-inner				{padding-top: 2.5rem; padding-bottom: 2rem;}
		.custom-home .custom-wrap-worksamples h2								{margin-bottom: 2rem;}
		.custom-home .custom-wrap-worksamples .custom-circle					{width: 28vw; height: 28vw; max-width: 20rem; margin-bottom: 1rem;}
		.custom-home .custom-wrap-worksamples .custom-circle p					{font-size: 3vw;}
		
	}	
	
	@media screen and (max-width: 767px) {	
		
		.custom-home .custom-wrap-worksamples .custom-wrap-inner				{padding-top: 2.5rem; padding-bottom: 2rem;}
		.custom-home .custom-wrap-worksamples h2								{margin-bottom: 2rem;}
		.custom-home .custom-wrap-worksamples .custom-circle					{width: 65vw; height: 65vw; max-width: 20rem; max-height: 20rem; margin-bottom: 1rem; padding: 1.75em;}
		.custom-home .custom-wrap-worksamples .custom-circle p					{font-size: 155%;}
		
	}

	
/* Home: Über uns */
.custom-home .custom-wrap-about-us										{padding-top: 5rem; z-index: 2;}
.custom-home .custom-wrap-about-us .custom-wrap-inner					{padding-top: 1rem; z-index: 1;}
.custom-home .custom-wrap-about-us .custom-wrap-text					{max-width: 1280px; padding-left: 2rem; padding-right: 2rem; padding-bottom: 3rem;}
.custom-home .custom-wrap-about-us .custom-wrap-text-02					{padding: 4rem 0 .5rem 0;}
.custom-home .custom-wrap-about-us .custom-bg-green-lighter				{padding-top: 0; padding-bottom: 3rem;}	
.custom-home .custom-wrap-about-us .custom-wrap-usp						{padding-top: 0; padding-left: 1em; padding-right: 1em;}	
.custom-home .custom-wrap-about-us .custom-wrap-usp	.custom-wrap-inner	{padding-top: 4rem;}

.custom-home .custom-wrap-team .custom-item								{width: 12.5%; opacity: 0;}
.custom-home .custom-wrap-team .custom-item								{animation-name: FadeIn; animation-duration: .2s; animation-iteration-count: 1; animation-fill-mode: both;}

.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(1)		{animation-delay: .8s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(2)		{animation-delay: 1.5s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(3)		{animation-delay: 1.7s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(4)		{animation-delay: .9s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(5)		{animation-delay: 1.4s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(6)		{animation-delay: 1.1s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(7)		{animation-delay: 1.8s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(8)		{animation-delay: .8s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(9)		{animation-delay: 1.2s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(10)	{animation-delay: 1.6s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(11)	{animation-delay: 1s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(12)	{animation-delay: 1.3s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(13)	{animation-delay: 1.6s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(14)	{animation-delay: .9s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(15)	{animation-delay: 1.7s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(16)	{animation-delay: 1.9s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(17)	{animation-delay: 1.3s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(18)	{animation-delay: .8s}
.custom-home .custom-wrap-team .custom-item.custom-anim:nth-child(19)	{animation-delay: 1.6s}

	
	@media screen and (max-width: 1199px) {
		
		.custom-home .custom-wrap-about-us .custom-wrap-text					{max-width: 80vw;}

	}	
	
	@media screen and (max-width: 991px) {			
		
		.custom-home .custom-wrap-about-us										{padding-top: 2rem;}
		.custom-home .custom-wrap-team .custom-item								{width: 25%;}
		
	}	

	@media screen and (max-width: 767px) {	
		
		.custom-home .custom-wrap-about-us										{padding-top: 2.5rem; }				
		.custom-home .custom-wrap-about-us .custom-wrap-inner					{padding-top: 0rem;}
		.custom-home .custom-wrap-about-us .custom-wrap-text					{padding: 0 1rem .5rem 1rem;}
		.custom-home .custom-wrap-about-us .custom-wrap-text-02					{padding: 3rem 0 2rem 0;}
		.custom-home .custom-wrap-about-us .custom-bg-green-lighter				{padding-bottom: 1rem;}	
		.custom-home .custom-wrap-about-us .custom-wrap-usp	.custom-wrap-inner	{padding-top: 1rem; padding-bottom: 1rem;}
		
		.custom-home .custom-wrap-team .custom-item								{width: 25%;}
		
	}	

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

		.custom-home .custom-wrap-about-us .custom-wrap-text					{max-width: 92vw;}
		
	}


/* -----------------------------------------------------------------------------------------------------------------------------
 * CUSTOM PAGES
----------------------------------------------------------------------------------------------------------------------------- */

.custom-page h1															{margin-bottom: .875rem;}


	@media screen and (max-width: 767px) {	
		
		.custom-page h1															{padding-top: .75rem;}	
		
	}
	

/* Custom page: Leistungen */
.custom-page-services													{}				
.custom-page-services .custom-wrap-max									{}
.custom-page-services h2.custom-size-xl									{font-weight: 400; margin-top: -.5rem; margin-bottom: 1.5rem; padding-left: .25rem;}
.custom-page-services .custom-wrap-services								{padding-top: 4em;}	
.custom-page-services .custom-wrap-services .custom-circle				{width: 36vw; height: 36vw; max-width: 38em; max-height: 38em; border-radius: 50%;}
.custom-page-services .custom-wrap-services	.custom-text				{padding-top: .5rem; padding-bottom: 1rem;}
.custom-page-services .custom-wrap-services .custom-btn-row				{padding-top: 2rem; padding-bottom: 6rem;}

.custom-page-services .custom-wrap-services .custom-content				{max-width: 45em;}

.custom-page-services .custom-wrap-services .custom-color-2 .custom-content,
.custom-page-services .custom-wrap-services .custom-color-4 .custom-content {margin-left: auto;}	


.custom-page-services .custom-wrap-services .custom-color-1 .custom-anim-rotate.custom-anim .custom-circle .custom-overlay,
.custom-page-services .custom-wrap-services .custom-color-3 .custom-anim-rotate.custom-anim .custom-circle .custom-overlay	
																		{transform: translate(-50%, 10%) rotate(-33deg) scale(1.5); transition: 1.5s ease-out;}

.custom-page-services .custom-wrap-services .custom-color-2 .custom-anim-rotate.custom-anim .custom-circle .custom-overlay,
.custom-page-services .custom-wrap-services .custom-color-4 .custom-anim-rotate.custom-anim .custom-circle .custom-overlay
																		{transform: translate(50%, 10%) rotate(33deg) scale(1.5); transition: 1.5s ease-out;}
	
.custom-page-services .custom-footer .custom-wrap-inner					{padding-top: 0 !important;}	



	@media screen and (max-width: 1199px) {	
		
		.custom-page-services h2.custom-size-xl									{margin-bottom: 1rem;}	
		.custom-page-services .custom-wrap-services								{padding-top: 3em;}
		.custom-page-services .custom-wrap-services .custom-wrap-content		{max-width: 90vw; margin-left: auto; margin-right: auto;}
		.custom-page-services .custom-wrap-services .custom-circle				{width: 23em; height: 23em; margin-top: -1rem;}
		.custom-page-services .custom-wrap-services .custom-text				{padding-bottom: .5rem;}
	
	}	
	
	@media screen and (max-width: 991px) {	
		
		.custom-page-services .custom-wrap-services .custom-wrap-content		{max-width: 54rem; margin-left: auto; margin-right: auto;}	
		.custom-page-services .custom-wrap-services .custom-circle				{width: 20em; height: 20em; margin-top: -1rem;}

	}	

	@media screen and (max-width: 767px) {	
		
		.custom-page-services .custom-wrap-services								{padding-top: 3rem;}
		.custom-page-services h2.custom-size-xl									{margin-bottom: .75rem; padding-left: .125rem;}		
		.custom-page-services .custom-wrap-services .custom-circle				{width: 87vw; height: 87vw; max-width: 25em; max-height: 25em;}
		.custom-page-services .custom-wrap-services .custom-text				{padding-bottom: 0;}
		.custom-page-services .custom-wrap-services .custom-btn-row				{padding-bottom: 4.5rem;}
		
		.custom-page-services .custom-wrap-services .custom-color-1 .custom-circle,
		.custom-page-services .custom-wrap-services .custom-color-3 .custom-circle {margin-left: auto; margin-right: auto;}
		
		.custom-page-services .custom-wrap-services .custom-color-2 .custom-circle,
		.custom-page-services .custom-wrap-services .custom-color-4 .custom-circle {margin-right: auto; margin-left: auto;}
		
		.custom-page-services .custom-wrap-services	.custom-size-3xl				{margin-bottom: 1rem; margin-top: .25rem;}
		.custom-page-services .custom-wrap-services	.custom-size-xl					{margin-bottom: 1rem;}
		
		.custom-page-services .custom-footer .custom-wrap-inner					{padding-top: 0; margin-top: -1rem;}
		
	}
	
	
/* Custom page: Arbeitsbeispiele */
.custom-page-workexamples												{}
.custom-page-workexamples .custom-footer .custom-bg-img					{display: none;}
.custom-page-workexamples .custom-overline								{padding-left: .25rem; padding-top: .5rem; font-weight: 500; font-family: 'PTSansCaption';}


	@media screen and (max-width: 991px) {
		
		.custom-page-workexamples .custom-header,
		.custom-page-workexamples .custom-wrap-max								{background-color: var(--white);}
		
		.custom-page-workexamples main > .custom-wrap-max:nth-child(1)			{position: relative; z-index: 1;}
		.custom-page-workexamples main > .custom-wrap-max:nth-child(2)			{position: relative; z-index: 0;}
		.custom-wrap-carousel-bg .custom-bg-img									{position: fixed;}
		
		.custom-page-workexamples .custom-slider-nav .custom-btn-icon img.custom-icon-01	{transform: rotate(90deg);}
		
	}	

	@media screen and (max-width: 767px) {
	
		.custom-page-workexamples												{hyphens: auto;
																				hyphenate-limit-chars: auto 5;
																				hyphenate-limit-lines: 2;
																				-webkit-hyphens: auto;
																				-webkit-hyphenate-limit-chars: auto 3;
																				-webkit-hyphenate-limit-lines: 4;
																				-ms-hyphens: auto;
																				-ms-hyphenate-limit-chars: auto 3;
																				-ms-hyphenate-limit-lines: 4;}
		
		.custom-page-workexamples .custom-overline								{padding-top: .875rem; padding-left: 0;}		
		.custom-page-workexamples h1											{padding-top: .25rem;}													
	
	}


/* Custom page: Team */
.custom-page-team .custom-section-team .custom-wrap-content				{animation: SlideUp .85s ease-out; animation-iteration-count: 1; animation-fill-mode: both;}
.custom-page-team .custom-section-team .custom-wrap-text				{max-width: 1260px; padding-top: 3rem}
.custom-page-team .custom-section-team .custom-wrap-text .custom-inline p {display: inline;}
.custom-page-team .custom-section-team .custom-wrap-team				{max-width: 1740px; margin: 4rem auto 0 auto;}
.custom-page-team .custom-section-team .custom-wrap-team .custom-item	{width: 25%;}
.custom-page-team .custom-section-team .custom-btn-row					{padding: 4em 0 0 0;}

.custom-page-team .custom-wrap-team .custom-item						{opacity: 0; }
.custom-page-team .custom-wrap-team .custom-item						{animation-name: FadeIn; animation-duration: .25s; animation-iteration-count: 1; animation-fill-mode: both;}

.custom-page-team .custom-wrap-team .custom-item:nth-child(1)	{animation-delay: .15s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(2)	{animation-delay: .3s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(3)	{animation-delay: .45s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(4)	{animation-delay: .6s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(5)	{animation-delay: .75s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(6)	{animation-delay: .9s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(7)	{animation-delay: 1.05s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(8)	{animation-delay: 1.2s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(9)	{animation-delay: 1.35s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(10)	{animation-delay: 1.5s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(11)	{animation-delay: 1.65s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(12)	{animation-delay: 1.8s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(13)	{animation-delay: 1.95s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(14)	{animation-delay: 2.10s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(15)	{animation-delay: 2.25s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(16)	{animation-delay: 2.4s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(17)	{animation-delay: 2.65s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(18)	{animation-delay: 2.8s}
.custom-page-team .custom-wrap-team .custom-item:nth-child(19)	{animation-delay: 2.95s}


.custom-page-team .custom-section-values								{padding-top: 8rem;}
.custom-page-team .custom-section-values .custom-wrap-text				{}
.custom-page-team .custom-section-values .custom-wrap-text .custom-text	{margin-bottom: 3rem; max-width: 670px;}

.custom-page-team .custom-section-usp									{padding: 0 2rem 3rem 2rem; overflow: hidden;}

.custom-page-team .custom-section-jobs 									{padding: 4rem 2rem 2rem 2rem;}
.custom-page-team .custom-section-jobs .custom-wrap-text				{max-width: 1620px;}
.custom-page-team .custom-section-jobs .custom-item						{margin-bottom: 3rem;}

.custom-page-team .custom-section-values h2,
.custom-page-team .custom-section-usp h2,
.custom-page-team .custom-section-jobs  h2								{margin-bottom: 4rem;}


	@media screen and (max-width: 1550px) {	
		
		.custom-page-team .custom-section-team									{margin-top: 3rem;}
		.custom-page-team .custom-section-team .custom-wrap-text				{width: 85%;}

	}

	@media screen and (max-width: 1199px) {	
		
		.custom-page-team .custom-section-team									{margin-top: 0;}
		.custom-page-team .custom-section-jobs .custom-wrap-text				{max-width: 42em;}
		
		.custom-page-team .custom-section-values								{padding-top: 4rem;}
		.custom-page-team .custom-section-values .custom-wrap-text .custom-text {max-width: 500px;}

	}	

	@media screen and (max-width: 767px) {
	
		.custom-page-team .custom-section-team .custom-wrap-team .custom-item	{width: 25%;}		
		.custom-page-team .custom-section-team .custom-wrap-text				{padding-top: 2rem; width: 100%;}
		.custom-page-team .custom-section-team h2								{font-size: 140%; line-height: 1.3; text-align: left !important; letter-spacing: 0;}		
		.custom-page-team .custom-section-team .custom-wrap-team				{margin-top: 2rem;}
		
		.custom-page-team .custom-section-values								{padding-top: 4rem;}
		.custom-page-team .custom-section-values h2,
		.custom-page-team .custom-section-usp h2,
		.custom-page-team .custom-section-jobs  h2								{margin-bottom: 2.5rem;}		
		
		.custom-page-team .custom-section-usp									{padding-bottom: 0;}
		.custom-page-team .custom-section-usp .custom-wrap-usp					{padding: 2.5rem 1.5rem 0 1.5rem;}
		
		.custom-page-team .custom-section-values .custom-wrap-text div:nth-child(odd) {width: 85%; margin-left: 5%;}	
		.custom-page-team .custom-section-values .custom-wrap-text div:nth-child(even) {width: 85%; margin-left: 12%;}		
		.custom-page-team .custom-section-values .custom-wrap-text .custom-text  {margin-bottom: 2rem;}
		
		.custom-page-team .custom-section-jobs 									{padding: 2rem 1.5rem 0rem 1.5rem;}
				
	}	
	
	@media screen and (max-width: 576px) {	
	
		.custom-page-team .custom-section-team .custom-wrap-team .custom-item	{width: 50%;}		
				
	}


/* Custom page: Kontakt */
.custom-page-contact .custom-section-contact .custom-wrap-content									{animation: SlideUp .85s ease-out; animation-iteration-count: 1; animation-fill-mode: both;}
.custom-page-contact .custom-section-contact .custom-wrap-text										{max-width: 1240px; margin-top: 4rem;}
.custom-page-contact .custom-section-contact .custom-wrap-team										{max-width: 1240px; margin: 1.5rem auto 0 auto;}
.custom-page-contact .custom-section-contact .custom-wrap-team .custom-item.card					{flex: 0 0 calc(33.333% - 2rem); border: none; color: var(--brown);}
.custom-page-contact .custom-section-contact .custom-wrap-team .custom-item.card .custom-text-01	{margin-top: 2.5rem; margin-bottom: .75rem;}
.custom-page-contact .custom-section-contact .custom-wrap-team .custom-item.card .custom-text-02	{margin-bottom: .25rem;}

.custom-page-contact .custom-section-contact .custom-wrap-team .custom-item.card,
.custom-page-contact .custom-section-contact .custom-wrap-team .custom-item.card .card-body,
.custom-page-contact .custom-section-contact .custom-wrap-team .custom-item.card .card-img-top		{border-radius: 0 !important;}
.custom-page-contact .custom-section-contact .custom-wrap-team .custom-item.card .card-body			{padding-bottom: 95%;}

.custom-page-contact .custom-footer .custom-btn-row													{display: none;}


	@media screen and (max-width: 1399px) {		
		
		.custom-page-contact .custom-section-contact .custom-wrap-text										{margin-top: 3rem; width: 80%;}
		.custom-page-contact .custom-section-contact .custom-wrap-team										{width: 80%;}

	}

	@media screen and (max-width: 1199px) {		
		
		.custom-page-contact .custom-section-contact .custom-wrap-text										{margin-top: 2.5rem;}
		.custom-page-contact .custom-section-contact .custom-wrap-team .custom-item.card					{flex: 0 0 calc(33.333% - 1rem);}
		.custom-page-contact .custom-section-contact .custom-wrap-team .custom-item.card .custom-text-01	{margin-top: 3rem; font-size: 120%;}
		.custom-page-contact .custom-section-contact .custom-wrap-team .custom-item.card .custom-text-02	{font-size: 120%;}
		
	}
	
	@media screen and (max-width: 991px) {		
		
		.custom-page-contact .custom-section-contact .custom-wrap-team .custom-item.card .card-body			{font-size: 80%;}
		.custom-page-contact .custom-section-contact .custom-wrap-team .custom-item.card .custom-text-01	{margin-top: 1rem; font-size: 120%;}
		
	}	

	@media screen and (max-width: 767px) {	
		
		.custom-page-contact .custom-section-contact .custom-wrap-text										{margin-top: 2rem; width: 100%;}
		.custom-page-contact .custom-section-contact .custom-wrap-team										{width: 100%;}
		.custom-page-contact .custom-section-contact .custom-wrap-team .custom-item.card					{width: 16em; margin-left: auto; margin-right: auto; margin-bottom: 2rem;}
		.custom-page-contact .custom-section-contact .custom-wrap-team .custom-item.card .card-body			{padding-bottom: 90%; font-size: 100%;}
		.custom-page-contact .custom-section-contact .custom-wrap-team .custom-item.card .custom-text-01	{margin-top: 1rem; margin-bottom: .75rem; font-size: 120%;}
		.custom-page-contact .custom-section-contact .custom-wrap-team .custom-item.card .custom-text-04	{margin-bottom: 0;}
		.custom-page-contact .custom-section-contact .custom-wrap-team										{padding-bottom: .25rem;}
		.custom-page-contact .custom-footer .custom-wrap-inner												{padding-top: 0;}
				
	}


/* Custom page: Impressum */
.custom-page-imprint .custom-section-imprint .custom-wrap-text												{width: 80%; max-width: 960px; margin-top: 4rem; margin-bottom: 0;}


	@media screen and (max-width: 767px) {
		
			.custom-page-imprint .custom-section-imprint .custom-wrap-text									{width: 100%; margin-top: 2rem; margin-bottom: 0;}

	}
	

/* Custom page: 404 */
.custom-404 .custom-wrap-hero 								{z-index: 1; height: auto; margin-top: -7em;}
.custom-404 .custom-wrap-hero .custom-hero-logo-bg			{position: absolute; top: 0; left: 0; width: 25%; height: 100%;}
.custom-404 .custom-wrap-hero .custom-contain				{object-position: left top;}

.custom-404 .custom-wrap-hero .custom-wrap-hero-text		{z-index: 1;}
.custom-404 .custom-wrap-hero .custom-hero-text				{z-index: 0; margin-top: 7rem; padding-left: 3rem; padding-right: 3rem; animation: SlideDown 1.15s ease-out; animation-delay: .05s; animation-iteration-count: 1;
															animation-fill-mode: both;}
															
.custom-404 .custom-wrap-hero .custom-gradients-container	{position: absolute; z-index: -1; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100em; height: 40em; margin: auto;
															animation: FadeIn 1.5s ease-out; animation-delay: .05s; animation-iteration-count: 1;
															animation-fill-mode: both;}										
.custom-404 .custom-wrap-hero .custom-hero-gradient-01 	{position: absolute; z-index: 0; top: 50%; left: 50%; transform: translate(-75%, -70%); background-color: transparent;
															background: radial-gradient(circle,rgba(138, 195, 180, 1) 20%, rgba(138, 195, 180, 0) 50%); width: 40em; height: 40em; opacity: .75;}
.custom-404 .custom-wrap-hero .custom-hero-gradient-02 	{position: absolute; z-index: 0; top: 50%; left: 50%; transform: translate(-20%, -70%); background-color: transparent;
															background: radial-gradient(circle,rgba(64, 157, 104, 1) 0%, rgba(64, 157, 104, 0) 61%); width: 50em; height: 50em; opacity: .85;}


.custom-404 .custom-wrap-hero .custom-hero-img				{position: fixed; z-index: -1; height: 100%; width: 100%; overflow: hidden;}
.custom-404 .custom-wrap-hero .custom-hero-img img			{object-position: center bottom; animation: ScaleImg 20s ease-out; animation-iteration-count: 1;
															animation-fill-mode: both;}

.custom-404 .custom-wrap-hero .custom-wrap-inner 			{max-width: 80em;}
.custom-404 .custom-wrap-hero h1 							{color: var(--white); font-weight: 400; font-size: 675%; letter-spacing: -.025em; line-height: 1.2;}
.custom-404 .custom-wrap-hero .custom-btn					{margin-top: 0; margin-bottom: 1rem;}
		
.custom-404 .custom-footer 									{margin-top: 0;}
.custom-404 .custom-footer .custom-btn-row					{display: none;}
		

	@media screen and (max-width: 1599px) {
		
		.custom-404 .custom-wrap-hero h1 							{font-size: 7vw;}
		
	}
	
	@media screen and (max-width: 1199px) {
		
		.custom-404 .custom-wrap-hero								{margin-top: -80px;}
		.custom-404 .custom-wrap-hero h1 							{font-size: 7.7vw;}		
		.custom-404 .custom-wrap-hero .custom-hero-img img			{object-position: 25% bottom;}
		
	}
	
	@media screen and (max-width: 767px) {
		
		.custom-404 .custom-wrap-hero								{margin-top: -54px;}
		.custom-404 .custom-wrap-hero .custom-hero-logo-bg 			{width: 70%; opacity: .8;}		
		.custom-404 .custom-wrap-hero h1							{font-size: 8vw; line-height: 1.222;}

	}	
	
	@media screen and (max-width: 576px) {	
		
		.custom-404 .custom-wrap-hero .custom-contain 				{animation-duration: 4s;}		
		.custom-404 .custom-wrap-hero h1							{font-size: 12.5vw;}
		
	}
	
	

/* -----------------------------------------------------------------------------------------------------------------------------
 * MODALS
----------------------------------------------------------------------------------------------------------------------------- */

body.modal-backdrop-1 > div.modal-backdrop 									{opacity: 1 !important; background-color: rgba(247, 127, 0, 0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
body.modal-backdrop-2 > div.modal-backdrop 									{opacity: 1 !important; background-color: rgba(89, 62, 51, 0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
body.modal-backdrop-3 > div.modal-backdrop 									{opacity: 1 !important; background-color: rgba(181, 207, 238, 0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
body.modal-backdrop-4 > div.modal-backdrop 									{opacity: 1 !important; background-color: rgba(172, 180, 65, .75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}

.custom-modal .modal-content,
.custom-modal .modal-header,
.custom-modal .modal-footer							{border: none; border-radius: 0;}

.custom-modal .modal-content						{overflow: hidden;}

.custom-modal .modal-header,
.custom-modal .modal-body,
.custom-modal .modal-footer							{padding-left: 2em; padding-right: 1.625em;}

.custom-modal .modal-header							{padding-top: 1.75em; padding-bottom: 1.75em;}
.custom-modal .modal-body							{padding-bottom: 2.5em;}
.custom-modal .custom-slider-nav					{padding-left: 1.5em;}

.custom-modal .modal-header .modal-title			{max-width: calc(100% - 5rem);}

.custom-modal-workexamples							{scroll-behavior: smooth;}
.custom-modal-workexamples .modal-dialog			{max-width: 1820px;}
.custom-modal-workexamples .modal-header			{padding-bottom: .5em;}
.custom-modal-workexamples .modal-body				{padding-left: 0; padding-right: 0;}

.custom-modal-workexamples .custom-slider-nav					{padding-left: 2em;}
.custom-modal-workexamples .custom-wrap-carousel-bg				{padding-top: .5em;}
.custom-modal-workexamples .custom-wrap-carousel-workexamples ul.slick-dots li.slick-active button::before {border: 1px solid rgba(89, 63, 51, 0.52);}
.custom-modal-workexamples .custom-wrap-carousel-workexamples ul.slick-dots {margin-bottom: 0;}

	
	@media screen and (min-width: 576px) and (max-width: 1860px) {
		
		.custom-modal-workexamples .modal-dialog			{padding-left: .75em; padding-right: .75em;}
	
	}	
	
	@media screen and (max-width: 1199px) {
	
		.custom-modal-workexamples .modal-header						{padding: 1em 1em 0 1em;}
		.custom-modal-workexamples .modal-footer						{padding: 0 .5em .5em 0; margin-top: -1.5rem; position: relative;}
		.custom-modal-workexamples .custom-slider-nav					{padding-left: 1.25em;}
	
	}
	
	@media screen and (max-width: 991px) {
		
		.custom-modal .modal-header .modal-title						{max-width: calc(100% - 3rem);}
		
		.custom-modal-workexamples .modal-content						{max-width: 770px; margin-left: auto; margin-right: auto;}
		.custom-modal-workexamples .modal-body							{padding-bottom: 0;}
		.custom-modal-workexamples .custom-slider-nav .custom-btn-icon img.custom-icon-01	{transform: rotate(90deg);}

	}

		
/* -----------------------------------------------------------------------------------------------------------------------------
 * FOOTER
----------------------------------------------------------------------------------------------------------------------------- */

body.custom-footer-white .custom-bg-img				{display: none !important;}

.custom-footer 										{z-index: 1; position: relative;}
.custom-footer .custom-wrap-max						{position: relative;background-color: var(--white);}
.custom-footer .custom-wrap-inner					{padding-top: 4.5em; padding-bottom: 4rem; z-index: 1;}
.custom-footer .custom-btn-row						{padding: 0 0 2.5rem 0;}		
.custom-footer .navbar								{padding: .25em;}
.custom-footer .custom-navbar-nav-main .nav-link 	{margin-left: .5rem; margin-right: .5rem; font-weight: 600;}
.custom-footer .custom-navbar-nav-legal .nav-link	{margin-left: .5rem; margin-right: .5rem; font-family: Verdana, sans-serif;}
.custom-footer .custom-navbar-nav-social .nav-item	{margin-left: .5rem; margin-right: .5rem; }


.custom-footer .nav-link:hover						{text-decoration: underline;}

.custom-footer .custom-navbar-nav-social			{margin-top: 1rem; margin-bottom: 1.5rem; font-size: 120%;}
.custom-footer .custom-bg-img						{position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1;}
.custom-footer .custom-bg-img img					{object-position: center 80%;}

.custom-footer .custom-cover 						{animation: ScaleImg 10s ease-out;
													 animation-delay: 0s;
													 animation-iteration-count: 1;
													 animation-fill-mode: none;
													 animation-delay: .3s;
													 animation-iteration-count: 1;
													 animation-fill-mode: both;}

.custom-footer .custom-graphic-container			{display: none; overflow: hidden;}



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

	@media screen and (min-width: 768px) and (max-width: 991px) {}
	
	@media screen and (max-width: 767px) {
		
		.custom-footer .custom-wrap-max							{}
		.custom-footer .custom-wrap-inner						{padding-top: 2.5em; padding-bottom: 2em;}
		.custom-footer .custom-btn-row							{padding: 0 0 1rem 0;}
		.custom-footer .custom-copyright,		
		.custom-footer .custom-navbar-nav-legal					{font-size: 90%;}
		.custom-footer .custom-navbar-nav-legal .nav-link		{margin-left: 0; margin-right: 0;}
		
	}


/* -----------------------------------------------------------------------------------------------------------------------------
 * ANIMATED GRAPHICS
----------------------------------------------------------------------------------------------------------------------------- */

/* Graphics */
.custom-graphic-container							{position: absolute; left: 0; max-width: 2560px; width: 100%; z-index: 0; text-align: center;}
.custom-graphic-container div img:nth-child(2)		{display: none;}						
										
.custom-graphic-container img 						{width: 3300px; height: auto; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0);}

.custom-graphic-container img.custom-anim-move-01	{animation: Move01 50s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}	
.custom-graphic-container img.custom-anim-move-02	{animation: Move02 20s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}	
.custom-graphic-container img.custom-anim-move-03	{animation: Move03 20s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}	
.custom-graphic-container img.custom-anim-move-04	{animation: Move04 40s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}
.custom-graphic-container img.custom-anim-move-05	{animation: Move05 80s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}
.custom-graphic-container img.custom-anim-move-06	{animation: Move02 40s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}	
.custom-graphic-container img.custom-anim-move-07	{animation: Move02 40s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}	


	@media screen and (min-width: 2560px) {
		
		.custom-graphic-container 								{overflow: hidden;}
		
	}

	@media screen and (max-width: 991px) {
		
		.custom-graphic-container img 							{width: 250vw;}
		
	}
	
	@media screen and (max-width: 767px) {
		
		.custom-graphic-container img 							{width: 200vw;}		
		.custom-graphic-container div img:nth-child(1)			{display: none;}
		.custom-graphic-container div img:nth-child(2)			{display: block;}
		
	}

	@media screen and (max-width: 576px) {
		
		.custom-graphic-container img 							{width: 300vw;}		
		
	}


/* Graphics: Home */
.custom-home .custom-wrap-hero .custom-graphic-container 			{bottom: -15em; height: 74em;}															 
.custom-home .custom-wrap-intro .custom-graphic-container 			{top: 2.5em; height: 70em;}
.custom-home .custom-wrap-worksamples .custom-graphic-container-01 	{top: -38em; height: 70em;}
.custom-home .custom-wrap-worksamples .custom-graphic-container-02 	{top: auto; bottom: -46em; height: 60em;}

.custom-home .custom-footer 										{z-index: 2;}
.custom-home .custom-footer .custom-graphic-container				{display: block; bottom: 0em; height: 50em;}

	@media screen and (max-width: 991px) {
		
		.custom-home .custom-wrap-hero .custom-graphic-container 			{bottom: -12vw; height: 100vw;}
		.custom-home .custom-wrap-intro .custom-graphic-container 			{top: 12vw; height: 70vw;}
		.custom-home .custom-wrap-worksamples .custom-graphic-container-01	{height: 200vw; height: 100vw;}
		.custom-home .custom-wrap-worksamples .custom-graphic-container-02	{bottom: 0; height: 200vw; height: 40vw;}

		.custom-home .custom-footer .custom-graphic-container				{display: block; bottom: -8em; height: 55em;}		
		
		.custom-graphic-container img.custom-anim-move-01	{animation: Move01 20s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}	
		.custom-graphic-container img.custom-anim-move-02	{animation: Move02 12s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}	
		.custom-graphic-container img.custom-anim-move-03	{animation: Move03 12s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}	
		.custom-graphic-container img.custom-anim-move-04	{animation: Move04 20s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}
		.custom-graphic-container img.custom-anim-move-05	{animation: Move05 40s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}
		.custom-graphic-container img.custom-anim-move-06	{animation: Move02 10s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}	
		.custom-graphic-container img.custom-anim-move-07	{animation: Move02 20s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}	
		
	}	

	@media screen and (max-width: 767px) {
		
		.custom-home .custom-wrap-hero .custom-graphic-container 			{bottom: -50vw; height: 120vw;}
		.custom-home .custom-wrap-hero .custom-graphic-container img		{width: 200vw;}
		.custom-home .custom-wrap-intro .custom-graphic-container 			{top: 40em; height: 100vw;}
		.custom-home .custom-wrap-worksamples .custom-graphic-container-01 	{top: -15em; height: 100vw;}
		.custom-home .custom-wrap-worksamples .custom-graphic-container-02	{bottom: -25em; height: 100vw;}
		
		.custom-home .custom-footer .custom-graphic-container				{bottom: -25em;}
		
	}	
	
	@media screen and (max-width: 576px) {
		
		.custom-home .custom-wrap-hero .custom-graphic-container 			{bottom: 17vw; height: 150vw; margin-left: 2rem;}
		.custom-home .custom-wrap-hero .custom-graphic-container img		{width: 430vw;}
		.custom-home .custom-wrap-intro .custom-graphic-container 			{top: 41em; height: 100vw;}
		.custom-home .custom-wrap-worksamples .custom-graphic-container-01 	{top: -14em; height: 100vw; margin-left: -5rem;}
		.custom-home .custom-wrap-worksamples .custom-graphic-container-02	{bottom: -15em; height: 100vw; margin-left: -11rem;}
		
		.custom-home .custom-footer .custom-graphic-container				{bottom: -24em; height: 55em;}
		
		.custom-graphic-container img.custom-anim-move-01	{animation: Move01 12s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}	
		.custom-graphic-container img.custom-anim-move-02	{animation: Move02 8s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}	
		.custom-graphic-container img.custom-anim-move-03	{animation: Move03 8s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}	
		.custom-graphic-container img.custom-anim-move-04	{animation: Move04 12s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}
		.custom-graphic-container img.custom-anim-move-05	{animation: Move05 16s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}
		.custom-graphic-container img.custom-anim-move-06	{animation: Move02 8s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}	
		.custom-graphic-container img.custom-anim-move-07	{animation: Move02 16s ease-out; animation-delay: .5s; animation-iteration-count: infinite; animation-fill-mode: both;}	
		
	}
	

/* Graphics: Service */
.custom-page-services .custom-wrap-content									{z-index: 3;}
.custom-page-services .custom-wrap-services .custom-graphic-container								{height: 70em;}
.custom-page-services .custom-wrap-services section:nth-child(odd) .custom-graphic-container		{top: -21em;}
.custom-page-services .custom-wrap-services section:nth-child(even) .custom-graphic-container		{top: -21em; transform: scaleX(-1);}
.custom-page-services .custom-wrap-services section:first-child .custom-graphic-container			{top: -27em;}

.custom-page-services .custom-footer .custom-graphic-container	 			{display: block; bottom: 1em; height: 55em;}


	@media screen and (max-width: 991px) {
		
		.custom-page-services .custom-wrap-services section:nth-child(odd) .custom-graphic-container		{top: -18em;}
		.custom-page-services .custom-wrap-services section:nth-child(even) .custom-graphic-container		{top: -18em;}
		.custom-page-services .custom-wrap-services section:first-child .custom-graphic-container			{top: -17em;}

	}	

	@media screen and (max-width: 767px) {
		
		.custom-page-services .custom-wrap-services .custom-graphic-container								{height: 30em;}
		.custom-page-services .custom-wrap-services section:nth-child(odd) .custom-graphic-container		{top: -14em;}
		.custom-page-services .custom-wrap-services section:nth-child(even) .custom-graphic-container		{top: -14em;}
		.custom-page-services .custom-wrap-services section:first-child .custom-graphic-container			{top: -18em; margin-left: -3rem;}

	}	
	
	@media screen and (max-width: 576px) {
		
		.custom-page-services .custom-wrap-services .custom-graphic-container								{height: 30em;}
		.custom-page-services .custom-wrap-services section:nth-child(odd) .custom-graphic-container		{top: -13em;}
		.custom-page-services .custom-wrap-services section:nth-child(even) .custom-graphic-container		{top: -13em;}
		.custom-page-services .custom-wrap-services section:first-child .custom-graphic-container			{top: -15em; margin-left: -2rem;}

	}


/* Graphics: Arbeitsbeispiele */
.custom-page-workexamples .custom-wrap-content								{z-index: 3;}


	@media screen and (min-width: 992px) {
		
		.custom-page-workexamples .custom-graphic-container 						{top: -35em; height: 74em;}
		.custom-page-workexamples .custom-wrap-max-carousel							{z-index: 2; background-color: transparent;}
		.custom-page-workexamples .custom-footer .custom-graphic-container			{display: block; bottom: -85em; height: 55em;}

	}	
	
	@media screen and (max-width: 991px) {
		
		.custom-page-workexamples .custom-graphic-container 						{display: none;}

	}




/* Graphics: Team */
.custom-page-team .custom-wrap-content										{z-index: 3;}
.custom-page-team .custom-section-team .custom-graphic-container 			{top: -43em; height: 74em;}
.custom-page-team .custom-section-values .custom-graphic-container 			{top: -15em; height: 100em;}

.custom-page-team .custom-footer .custom-graphic-container					{display: block; bottom: 0em; height: 50em;}


	@media screen and (max-width: 991px) {
		
		.custom-page-team .custom-section-team .custom-graphic-container 			{top: -26em;}
		.custom-page-team .custom-section-values .custom-graphic-container 			{top: -15em;}
		
		.custom-page-team .custom-footer .custom-graphic-container	 				{display: block; bottom: --5em; height: 50em;}
			
	}

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

		.custom-page-team .custom-section-team .custom-graphic-container 			{top: -18em; height: 30em;}
		.custom-page-team .custom-section-values .custom-graphic-container 			{top: -12em; height: 60em;}
		
		.custom-page-team .custom-footer .custom-graphic-container					{display: none;}

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

		.custom-page-team .custom-section-team .custom-graphic-container  			{top: -20em;}

	}



/* Graphics: Kontakt */
.custom-page-contact .custom-wrap-content									{z-index: 3;}
.custom-page-contact .custom-section-contact .custom-graphic-container 		{top: -15em; height: 70em;}

.custom-page-contact .custom-footer .custom-graphic-container				{display: block; bottom: -7em; height: 55em;}


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

		.custom-page-contact .custom-section-contact .custom-graphic-container 		{top: -14em; height: 30em;}
		.custom-page-contact .custom-footer .custom-graphic-container	 			{bottom: -12em; height: 50em;}
	}

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

		.custom-page-contact .custom-section-contact .custom-graphic-container 		{top: -14em; height: 30em;}
		.custom-page-contact .custom-footer .custom-graphic-container				{bottom: -24em;}
		
	}
	
	@media screen and (max-width: 576px) {

		.custom-page-contact .custom-section-contact .custom-graphic-container 		{top: -15em; margin-left: 2rem;}
		.custom-page-contact .custom-footer .custom-graphic-container				{bottom: -20em;}

	}
	

/* Graphics: 404 */
.custom-404 .custom-wrap-hero .custom-graphic-container 			{bottom: -15em; height: 74em;}															 

.custom-404 .custom-footer 											{z-index: 1; background: transparent;}
.custom-404 .custom-footer .custom-wrap-max							{background: transparent;}
.custom-404 .custom-footer .custom-bg-img							{display: none;}


	@media screen and (max-width: 991px) {
		
		.custom-404 .custom-wrap-hero .custom-graphic-container 			{bottom: -12vw; height: 100vw;}
		.custom-404 .custom-footer .custom-graphic-container				{display: block; bottom: -8em; height: 55em;}		
		
	}	

	@media screen and (max-width: 767px) {
		
		.custom-404 .custom-wrap-hero .custom-graphic-container 			{bottom: -50vw; height: 120vw;}
		.custom-404 .custom-wrap-hero .custom-graphic-container img		{width: 200vw;}
		
		.custom-404 .custom-footer .custom-graphic-container				{bottom: -25em;}
		
	}	
	
	@media screen and (max-width: 576px) {
		
		.custom-404 .custom-wrap-hero .custom-graphic-container 			{bottom: 17vw; height: 150vw; margin-left: 2rem;}
		.custom-404 .custom-wrap-hero .custom-graphic-container img		{width: 430vw;}
		
		.custom-404 .custom-footer .custom-graphic-container				{bottom: -24em; height: 55em;}
		
	}
	
	
	
/* Graphics: ANIMATION  */

@keyframes Move01 {
	0% 		{transform: scale(1, 1) rotate(0deg) translateX(-50%)}
	33%   	{transform: scale(.9, 1.1) rotate(-2deg) translateX(-56%)}
	66%   	{transform: scale(.9, 1.1) rotate(-1deg) translateX(-54%)}
	100% 	{transform: scale(1, 1) rotate(0deg) translateX(-50%)}
}

@keyframes Move02 {
	0% 		{transform: scale(1, 1.05) rotate(0deg) translateX(-50%)}
	33%   	{transform: scale(1, .8) rotate(0deg) translateX(-47%)}
	66%   	{transform: scale(1, .9) rotate(0deg) translateX(-49%)}
	100% 	{transform: scale(1, 1.05) rotate(0deg) translateX(-50%)}
}

@keyframes Move03 {
	0% 		{transform: scale(1, 1) rotate(0deg) translateX(-48%)}
	33%   	{transform: scale(.9, 1.1) rotate(-1deg) translateX(-49%)}
	66%   	{transform: scale(.9, 1) rotate(-1deg) translateX(-48%)}
	100% 	{transform: scale(1, 1) rotate(0deg) translateX(-48%)}
}

@keyframes Move04 {
	0% 		{transform: scale(1, 1) rotate(0deg) translateX(-50%)}
	33%   	{transform: scale(.9, 1) rotate(1deg) translateX(-51%)}
	66%   	{transform: scale(.9, 1) rotate(1deg) translate(-50%, 8%)}
	100% 	{transform: scale(1, 1) rotate(0deg) translateX(-50%)}
}

@keyframes Move05 {
	0% 		{transform: scale(1, 1) rotate(0deg) translateX(-50%)}
	25%   	{transform: scale(1, .9) rotate(2deg) translateX(-48%)}
	50%   	{transform: scale(1, .8) rotate(3deg) translateX(-47%)}
	75%   	{transform: scale(1,.9) rotate(2deg) translateX(-48%)}
	100% 	{transform: scale(1, 1) rotate(0deg) translateX(-50%)}
}

@keyframes Move06 {
	0% 		{transform: scale(1, 1) rotate(0deg) translateX(-52%)}
	33%   	{transform: scale(.9, 11) rotate(-1deg) translateX(-50%)}
	66%   	{transform: scale(.9, 1) rotate(-1deg) translateX(-50%)}
	100% 	{transform: scale(1, 1) rotate(0deg) translateX(-52%)}
}



/* -----------------------------------------------------------------------------------------------------------------------------
 * KEYFRAME ANIMATIONS
----------------------------------------------------------------------------------------------------------------------------- */

@keyframes ScaleImg {
	from {transform: scale(1.3);}
	to   {transform: scale(1);}
}

@keyframes NavSlideIn {
	from {transform: translateY(-4em);}
	to   {transform: translateY(0);}
}

@keyframes FadeIn {
	from {opacity: 0;}
	to   {opacity: 1;}
}

@keyframes SlideDown { 
   0% {transform: translatey(-5em); opacity: 0;}
   100%{transform: translatey(0); opacity: 1;}
 }
  
@keyframes SlideUp { 
   0% {transform: translateY(10em);}
   100%{transform: translateY(0);}
 }

@keyframes SlideCarousel { 
   0% {transform: translateX(20em); opacity: 1;}
   100%{transform: translateX(0); opacity: 1;}
 }
 

@keyframes SlideToLeft { 
   0% {transform: translateX(10em); opacity: 1;}
   100%{transform: translateX(0); opacity: 1;}
 }
 
@keyframes SlideToRight { 
   0% {transform: translateX(-10em); opacity: 1;}
   100%{transform: translateX(0); opacity: 1;}
 }
 
 
@keyframes SlideDown-02 { 
   0% {transform: translateY(-4.5em); opacity: 1;}
   100%{transform: translateY(0); opacity: 1;}
 } 

	@media screen and (max-width: 767px) {
		@keyframes SlideDown-02 { 
		   0% {transform: translateY(-1em); opacity: 1;}
		   100%{transform: translateY(0); opacity: 1;}
		 } 
	}


/* Basic Aimations */
 .custom-anim-container.custom-anim-move-up 					{transform: translateY(4em);
																  -webkit-transition: all 1000ms ease;
																  -moz-transition: all 1000ms ease;
																  -o-transition: all 1000ms ease;
																  transition: all 1000ms ease;}														  

.custom-anim-container.custom-anim 								{transform: translateY(0); opacity: 1;}


	@media screen and (max-width: 767px) {
		
		.custom-anim-container.custom-anim-move-up-mobile 				{transform: translateY(4em);
																		  -webkit-transition: all 1000ms ease;
																		  -moz-transition: all 1000ms ease;
																		  -o-transition: all 1000ms ease;
																		  transition: all 1000ms ease;}
																  
		.custom-anim-container.custom-anim-move-up-mobile.custom-anim 	{transform: translateY(0); opacity: 1;}
		
	}	
	
	@media screen and (min-width: 767px) and (orientation: portrait) {
		
		.custom-anim-container.custom-anim-move-up-mobile-01 				{transform: translateY(0);}
													  
	}