/********************/
/*	  INHALT		*/
/*********************
1.0 ALLGEMEIN
2.0 CONTAINER
3.0 TEXT
4.0 FORMULAR
5.0 TABELLEN
6.0 SONSTIGES
********************/

/* ============================================= 1.0 ALLGEMEIN ============================================= */

	/* ------ 1.1 FONT ------ */
	/*@font-face {
		font-family: "DINWeb";
		src: url("../fonts/lucasfonts/DINWeb.eot");
	}
	@font-face {
		font-family: "DINWeb";
		src: url("../fonts/lucasfonts/DINWeb.woff") format("woff");
	}
	@font-face {
		font-family: "DINWeb-Black";
		src: url("../fonts/lucasfonts/DINWeb-Black.eot");
	}
	@font-face {
		font-family: "DINWeb-Black";
		src: url("../fonts/lucasfonts/DINWeb-Black.woff") format("woff");
	}*/

    /*@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300;500;700&display=swap');*/

	@font-face {
		font-family: "TheSans-Regular";
		src: url("../fonts/lucasfonts/TheSans-Regular.eot");
	}
	@font-face {
		font-family: "TheSans-Regular";
		src: url("../fonts/lucasfonts/TheSans-Regular.woff") format("woff");
	}
	@font-face {
		font-family: "TheSans-Bold";
		src: url("../fonts/lucasfonts/TheSans-Bold.eot");
	}
	@font-face {
		font-family: "TheSans-Bold";
		src: url("../fonts/lucasfonts/TheSans-Bold.woff") format("woff");
	}
	@font-face {
		font-family: "TheSerif-Regular";
		src: url("../fonts/lucasfonts/TheSerif-Regular.eot");
	}
	@font-face {
		font-family: "TheSerif-Regular";
		src: url("../fonts/lucasfonts/TheSerif-Regular.woff") format("woff");
	}
	@font-face {
		font-family: "TheSerif-Bold";
		src: url("../fonts/lucasfonts/TheSerif-Bold.eot");
	}
	@font-face {
		font-family: "TheSerif-Bold";
		src: url("../fonts/lucasfonts/TheSerif-Bold.woff") format("woff");
	}
	/* ------ 1.2 MAIN ------ */
	html, body {
		outline: none;
		color: rgba(0,0,0,1);
	}
	.fullheight {
		height: 100%;
		position: relative;
	}
		.fullheight-pure { height: 100%; }

		@media (max-width: 991px) { .h-tall { height: 450px; } }
		@media (min-width: 992px) { .h-tall { height: 689px; } }

	body {
		z-index: 100;
		overflow-x: hidden;
		display: flex;
		min-height: 100vh;
		flex-direction: column;

	}

	img {
		max-width: 100%;
		height: auto;
	}

/* ============================================= 2.0 CONTAINER ============================================= */

	/* ------ 2.1 NAVIGATION ------ */
	.form-control:focus, .form-control:active {
		border-color: #000;
		outline: 0;
		box-shadow: inset 0 0 0;
	}

	.navbar-container {
		background-color: rgba(255,255,255,1);
		width: 100%;
		position: fixed;
		z-index: 50;
	}
	.navbar > .container-fluid { position: relative; }
		.navbar .nav-item { position: relative; }
		nav#navbar-upper .navbar-nav .nav-link > span { position: relative; z-index: 1000; }

		nav#navbar-upper > .container-fluid, nav#navbar-lower > .container-fluid, .p-nav { padding: 0rem 1rem; }
	nav#navbar-lower {
		background-color: rgba(255,255,255,1);
		border-bottom: 1px rgba(0,0,0,0.1) solid;
	}
		#navbar-lower-tertiary { padding-right: 0px; }
		nav.navbar-light .navbar-nav .nav-link {
			color: rgba(0,0,0,1);
			text-transform: none;
		}
		.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
			color: rgba(0,0,0,1);
		}
		.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0,0,0,0.9); }

.navbar-container {  }
	.navbar {
		padding: 0px 24px;
	}
		.navbar-brand {
			position: absolute;
			z-index: 1000;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: right top;
			top: 27px;
			left: 0px;
			width: 125px;
			height: 20px;
		}
			#navbar-upper .navbar-nav .nav-link {
				padding: 3px 0px;
			}
			#navbar-lower .navbar-nav .nav-link {
				padding: 2px 0px 5px;
			}
			#navbar-lower .navbar-nav .nav-link {
				padding: 2px 0px 5px;
			}

		@media (min-width: 991px) {
			.navbar-brand {
				top: 18px;
				right: 0px;
				width: 125px;
				height: 20px;
			}
		}
		@media (min-width: 1260px) {
			.navbar-brand {
				top: 14px;
				right: 0px;
				width: 240px;
				height: 26px;
			}
		}
		@media (max-width: 991px) {
			.nav-item-counter {
				position: absolute;
				width: 15px; height: 15px;
				top: 0px; left: 85px;
				padding: 0px 0px 13px 0px;
				line-height: 13px;
				border-radius: 50%;
				border-width: 1px;
				border-style: solid;
				text-align: center;
				z-index: 900;
			}
			.navbar {
				padding: 0px!important;
			}
		}
		@media (min-width: 769px) {
			.navbar-nav#navbar-footer-companies .nav-item .nav-link {
				padding: 0rem 0.6rem;
				margin: 0rem 0rem;
			}
				.navbar-nav#navbar-footer-companies .nav-item:first-child .nav-link {
					padding-left: 0px;
					margin-left: 0px;
				}
		}

	.navbar-light .navbar-toggler {
		position: absolute;
		right: 15px;
		border-radius: 0px;
		background-color: rgba(255,255,255,1);
		text-transform: uppercase;
		cursor: pointer;
	}
		.navbar-light {
			color: rgba(255,255,255,1);
		}
		.nav-item-counter {
			position: absolute;
			width: 15px; height: 15px;
			top: -6px; right: -1px;
			padding: 0px 0px 13px 0px;
			line-height: 13px;
			border-radius: 50%;
			border-width: 1px;
			border-style: solid;
			text-align: center;
			z-index: 900;
		}

	#navbarMobile {
		position: relative;
	}
	#navbarMobile ul li {
		padding: 0px 0px 0px 15px;
		line-height: 25px;
	}
		#navbarMobile .accordion>.card {
			border-width: 0px;
			border-top-width: 2px;
			border-bottom-width: 2px;
			border-color: rgba(255,255,255,1);
			border-radius: 0px;
		}
			#navbarMobile .accordion>.card>.card-header {
				padding: 0px;
				border-radius: 0px;
				border-width: 0px;
				background-color: transparent;
			}

					#navbarMobile .card-header a.btn.active {
						background-color: rgba(0,75,107,1);
						color: rgba(255,255,255,1);
					}

					#navbarMobile .card-header a.btn.card-accordion, #navbarMobile .card-header a.btn.card-link { background-position: 93% 18px; }
					#accordionNavMobile .nav-item.dropdown { background-position: 93% 19px; }
						#navbarMobile .card-header a.btn.card-accordion, #accordionNavMobile .nav-item.dropdown.show { background-size: 15px; background-image: url('../img/icons/arrownav-top-black.svg'); }
							#navbarMobile .card-header a.btn.card-accordion.active { background-image: url('../img/icons/arrownav-top-white.svg'); }
						#navbarMobile .card-header a.btn.card-accordion.collapsed, #accordionNavMobile .nav-item.dropdown { background-size: 15px; background-image: url('../img/icons/arrownav-bottom-black.svg'); }
							#navbarMobile .card-header a.btn.card-accordion.collapsed.active { background-image: url('../img/icons/arrownav-bottom-white.svg'); }
						#navbarMobile .card-header a.btn.card-link { background-size: 9px; background-position: 92.5% 15px; background-image: url('../img/icons/arrownav-right-black.svg'); }
							#navbarMobile .card-header a.btn.card-link.active { background-image: url('../img/icons/arrownav-right-white.svg'); }

		#navbarMobile .accordion>.card .card-body {
			padding: 0px;
			/*padding: 1.25rem 0px;*/
		}
			#navbarMobile .accordion>.card .card-body>ul.navbar-nav {
				padding: 0px !important;
			}
				#navbarMobile .accordion>.card .card-body>ul.navbar-nav .nav-item {
					border-bottom: 1px rgba(0,75,107,0.6) solid;
					padding: 0.8rem 1.25rem 0.5rem;
				}
					#navbarMobile .accordion>.card .card-body>ul.navbar-nav .nav-item:last-child { border-bottom-width: 0px; }

		nav#navbar-upper > .container-fluid {
			min-height: 48px;
		}
		nav#navbar-lower > .container-fluid {
			min-height: 43px;
		}

		@media (max-width: 768px) {
			.container-fluid { padding-left: 15px; padding-right: 15px; }
		}
		@media (max-width: 575px) {
			.navbar-light .navbar-brand {
				left: 10px!important;
			}

		}
		@media (max-width: 991px) {
			.navbar-light .navbar-brand {
				top: 7px;
				left: 16px;
				width: 185px;
				height: 30px;
				background-position: left center;
			}
			#navbarMobile ul li.nav-item.dropdown {
				background-position: 95% 14px;
				background-repeat: no-repeat;
				background-size: 10px;
			}

			#searchForm {
				position: absolute;
				width: 181px; height: 44px;
				top: 39px; right: 51px;
				background-color: rgba(255,255,255,1);
				box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
				z-index: 100;
			}
				.navbar .form-inline #searchForm .form-control {
					width: 100% !important; height: 100% !important;
					padding: .375rem 0.85rem !important;
					margin-right: 0px !important;
				}

		}
		@media (max-width: 1259px) {
			/*nav#navbar-lower > .container-fluid {
				min-height: 50px;
			}*/

			#navbar-lower-lang {

			}
				/*.nav-item */
		}

		/* -- 2.1.1 RESPONSIVE NAVIGATION -- */
		div#searchForm.fade.collapse.show {
			border-bottom: 1px solid black!important;
		}
		#input-group-search-mobile .navbar .form-inline .form-control, .navbar .input-group-text {
			border: none!important;
		}
		#input-group-search-mobile.input.form-control {
			background-color: transparent!important;

		}
		#input-group-search .input-group-append { margin-left: -22px; }

	#input-group-search-mobile.input-group, #input-group-search-mobile.input-group-text, #input-group-search-mobile input.form-control, #input-group-search-mobile textarea.form-control, #input-group-search-mobile .form-control:focus, .styledSelect, .select {
		background-color: white!important;
		border-color: red!important;
		border-radius: 0px;
		color: black!important;
		}
		#input-group-search-mobile {
			margin-right: 50px!important
		}
			@media (min-width: 992px) {
				#input-group-search-mobile {
					display: none;
				}
			}

			.search {
				height: 25px;
				width: 25px;
			}
			.navbar-toggler {
				background-color: transparent!important;
				border: none;
				padding:0px;
				margin-left: 20px;
			}
			.fa, .far, .fas {
				color: black;
			}

			.navbar-toggler#nav-hamburger {
				z-index: 999;
			}
				div#navbar-hamburger {
					height: 25px;
					width: 25px;
					background-position: center;
					background-repeat: no-repeat;
					background-size: 18px;
				}
			.navbar-toggler#subnav-hamburger #subnavbar-hamburger {
				height: 25px;
				width: 25px;
				background-position: center;
				background-repeat: no-repeat;
				background-size: 18px;
			}
				.navbar-toggler.collapsed .hamburger {
					background-image: url('../img/icons/hamburger.svg');
				}
				.navbar-toggler .hamburger, .navbar-toggler p {
					background-image: url('../img/icons/btn-close.svg');
				}

			.navbar-light .navbar-toggler#subnav-hamburger {
				position: relative;
				right: 0px;
				margin: 0px auto;
				padding: 15px 40px;
				border-radius: 0px;
				background-color: rgba(255,255,255,1);
				text-transform: uppercase;
				cursor: pointer;
			}
				.navbar-light .navbar-toggler#subnav-hamburger p {
					background-position: center;
					background-repeat: no-repeat;
				}
				.navbar-toggler.collapsed p {
					background-image: none;
				}
					.navbar-toggler p strong {
						opacity: 0;
					}
					.navbar-toggler.collapsed p strong {
						opacity: 1;
					}

		#navbarDesktop .dropdown-menu {
			padding: 6px 0px;
			background-color: rgba(255,255,255,0.9);
			border-radius: 0px;
			border-width: 0px;
			left: -12px;
		}
			#navbarDesktop .dropdown-menu a.dropdown-item {
				padding: 5px 12px;
				border-bottom-width: 0px;
				background-color: transparent;
				color: rgba(0,0,0,1);
			}
				.dropdown-toggle::after { display: none; }

				.dropdown-submenu { position: relative; }

				.dropdown-submenu .dropdown-menu {
					top: 0;
					left: 100%;
					margin-top: -1px;
				}
		#navbarMobile .dropdown-menu {
			margin: 0px;
			padding-top: 0px;
			border-width: 0px;
			border-radius: 0px;
			border-width: 0px;
		}
			#navbarMobile .dropdown-menu a.dropdown-item {
				background-color: transparent !important;
				color: rgba(0,0,0,1);
			}
			#navbarMobile .dropdown-menu a.dropdown-item:hover, #navbarMobile .dropdown-menu .dropdown-item.active, #navbarMobile .dropdown-menu .dropdown-item:active {
				color: rgba(0,0,0,0.7);
			}

		/*********** PHONE ***********/
		@media (max-width: 991px) {
			.navbar-container {
				position: fixed;
				z-index: 50;
				width: 100%;
				top: 0px; left: 0px; right: 0px;
			}
			.navbar-spacer {
				height: 44px;
			}
			#navbarDesktop,#navbar-upper {
				display: none;
			}
				nav.navbar-light .navbar-nav .nav-link {
					padding: 4px 0px;
				}
		}
		nav#navbar-lower #navbarMobile .navbar-nav .nav-link { font-weight: normal; }
		#navbarMobile .mobile-border .nav-item {
			border-bottom: solid 1px #C4C4C4!important;
		}
		#navbarMobile #navbar-lower-lang {
			border-top: solid 1px #C4C4C4 !important;
			flex-direction: row;
		}
			#navbarMobile #navbar-lower-lang .nav-item .nav-link {
				text-transform: uppercase;
			}
		div#navbarMobile.navbar-collapse  {
			border-top: solid 2px black;
			max-height: calc(100vh - 43px);
			overflow-y: auto;
		}

		/*********** DESKTOP ***********/
		@media (min-width: 992px) {
			#navbarMobile { display: none !important; }

			.navbar-spacer {
				height: 81px;
			}

			.navbar-nav .nav-link {
				margin: 0rem 0.5rem;
				display: table;
			}
            #navbar-lower-lang a {
                display: flex;
                align-items: center;
                margin-left: 16px;
            }
            #navbar-lower-lang a i {
                font-size: 12px;
            }
			.navbar-nav#navbar-lower-lang .nav-link {
				margin: 0px 0.3rem;
			}
				.navbar-nav .nav-item:first-child .nav-link { margin-left: 0rem; }
				.navbar-nav .nav-item:last-child .nav-link { margin-right: 0rem; }
				.navbar-nav .nav-link span {
					display: table-cell;
					vertical-align: bottom;
				}
		}

		/* -- 2.1.2 CONTENT-NAVIGATION -- */
		.block-tile, #content {
			border-top-style: solid;
			border-top-width: 5px;
		}
		.border-theme-bottom {
			border-bottom-width: 5px;
			border-bottom-style: solid;
		}

		.navbar#content-subnav {
			padding: 0px 0px;
		}
			.navbar#content-subnav .navbar-nav { width: 100%; }
				.navbar#content-subnav .nav-item {

				}
					.navbar#content-subnav .nav-item .nav-link {
						width: 100%;
						text-align: center;
						margin: 0px;
						padding: 21px 5px;
						border-left: 1px rgba(0,0,0,0.1) solid;
						border-bottom: 1px rgba(0,0,0,0.1) solid;
					}
						.navbar#content-subnav .nav-item .nav-link:hover { background-color: rgba(0,0,0,0.05); }
						.navbar#content-subnav .nav-item:first-child .nav-link { border-left-width: 0px; }

		/* -- 2.1.3 TAB-NAVIGATION -- */
		.nav-tabs {
			border-width: 0px;
			border-radius: 0px;
			margin: 0px -7.5px;
		}
			.nav-tabs .nav-item {
				border-width: 0px;
				border-radius: 0px;
				padding: 18px 35px;
				margin: 7.5px 7.5px;
			}

	/* ------ 2.2 CONTENT ------ */
	#page {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}
		#content {
  			flex: 1 0 auto;
			position: relative;
		}
			#content img { max-width: 100%; }

		.page-teaser {
			position: relative;
			max-height: 100%;
		}
		.teaser-content { margin-bottom: 80px; padding-top: 150px;}
		.page-teaser { height: 350px; }
		.page-teaser.teaser-hascontent { height: 700px; }

			@media (min-width: 768px) {
				.page-teaser { height: 350px; }
				.page-teaser.teaser-hascontent { height: 700px; }
			}

			/*Desktop*/
			@media (min-width: 1200px) {
				.page-teaser { height: 350px; }
				.page-teaser.teaser-hascontent { height: 680px; }
			}
			/*Large Desktop
			@media (min-width : 1600px) {
				.page-teaser { height: 1056px; }
				.page-teaser.teaser-hascontent { height: 1056px; }
			}*/

			.teaser-hidebullets .rsMinW .rsBullets { display: none; }
			/*.rsImgHasContent {
				filter: blur(5px);
			}*/



			.teaser-bubbles .teaser-bubble, .teaser-bubbles-horizontal {
				position: relative;
				text-align: center;
				z-index: 17;
				width: 100px;
				height: 100px;
				border-radius: 50%;
				opacity: 0.8;
				border: 1px rgba(255,255,255,1) solid;
			}
			.teaser-bubbles .teaser-bubble {
				padding: 11px 0px 15px;
				margin: 44px 0px;
			}
			.teaser-bubbles-horizontal  {
				padding: 11px 0px 15px;
				margin-top: 15px;
				margin-bottom: 40px;

			}
			.teaser-bubbles {
				display: block;
				position: absolute;
				top: 0px; bottom: 0px;
				right: 43px;
				width: 100px;
				height: 100%;
			}

			.teaser-bubbles-horizontal .teaser-bubble, .teaser-bubbles-horizontal {
				display: none;

			}

				.teaser-bubbles .teaser-bubble > div { color: rgba(255,255,255,1); margin: 2px 0px; }

					@media (max-width: 768px) {
					.teaser-bubbles-horizontal {
						border: 1px rgba(1,1,1,1) solid;
						}
						.teaser-bubbles-horizontal, .teaser-bubble {
							display: block!important;
						}
					}
					@media (max-width: 769px) {
						.teaser-bubbles {
							display: none!important;
						}
					}

					@media (min-width: 576px) and (max-width: 768px) {
					}
					@media (min-width: 767px) and (max-width: 991px) {
					}
					@media (min-width: 992px) and (max-width: 1199px) {
					}
					@media (min-width: 1390px) {
					}


		.teaser-overlay {
			position: absolute;
			top: 0px;
			width: 100%;
			height: 100%;
			background-color: rgba(0,75,107,0.3);

			background-image: url('../img/icons/logo-c_white.svg');
			background-repeat: no-repeat;
		}

		@media (max-width: 991px) {
			.teaser-overlay {
				opacity: 0.3;
				background-size: 203%;
				background-position: -25% 0%;
			}
		}
		@media (min-width: 992px) {
			.teaser-overlay {
				opacity: 0.5;
				background-size: 80%;
				background-position: 300% 21%;
			}
		}
			.teaser-content { text-shadow: 0px 1px 5px rgba(0,0,0,0.2) }
		.infobox, .mood-content { background-color: rgba(0,75,107,0.8); }
		#teaser .infobox {
			position: absolute;
			bottom: 0px;
			width: 280px;
			z-index: 500;
		}
		.teaser-spacer { height: 0px; }
		/*@media (max-width: 768px) {
			.teaser-spacer { height: 150px; }
		}*/

		.mood-content {
			width: 100%;
			margin: 50px 0px;
			padding: 40px 25px;
			color: rgba(255,255,255,1);
			text-transform: uppercase;
			text-align: center;
		}


	.transparent { opacity: 0; }

	.page-content {
		position: relative;
	}
		.page-content > .content-container { padding-top: 20px; padding-bottom: 20px; }
		/*.page-content > .content-container:first-child { padding-top: 0px; }
		.page-content > .content-container:last-child { padding-bottom: 50px; }
		.page-content#combo, .page-content#combo-order { padding-bottom: 0px; }
			.template-combo .banner-mood, .template-combo-order .banner-mood { margin-top: 0px !important; }
		*/

	/* -- 2.2.1 TEXT -- */


	/* -- 2.2.2 KACHELN -- */
	.block-tile {
		display: block;
		width: 100%;
		min-height: 150px;
		padding: 10px 20px;
	}
		.block-tile h4 {
			margin-bottom: 10px;
		}

		/* REFERENZ*/
		.techdata .item {
			display: flex;
			font-family: 'TheSans-Regular', serif;
			font-style: normal;
			font-weight: 500;
			font-size: 14px;
			line-height: 22px;

		}
		.techdata .label {
			flex: 0 0 300px;
		}

		.techdata .value {
		}

		.reference-slider  {
			width: 100%;
		}
			.reference-slider .slider-item  {
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center;
				width:100%;
			}

		/* width 540 */
		.reference-slider  {
			height: 360px;
		}
			.reference-slider .slider-item  {
				height: 360px;
			}

		/* width 720 */
		@media (min-width: 768px) {
			.reference-slider  {
				height: 481px;
			}
				.reference-slider .slider-item  {
					height: 481px;
				}
		}

		/* width 960 */
		@media (min-width: 992px) {
			.reference-slider  {
				height: 642px;
			}
				.reference-slider .slider-item  {
					height: 642px;
				}
		}

		/* width 1200 */
		@media (min-width: 1260px) {
			.reference-slider  {
			height: 675px;
			}

			.reference-slider .slider-item  {
			height: 675px;
			}
		}

	/* -- 2.2.3 TEAM -- */
	.block-personnel .block-personnel-imgportrait {
		width: 100%;
		height: 226px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	/* -- 2.2.4 GRUPPE: DIENSTLEISTUNG -- */

	/* -- 2.2.5 IMMO: EINBINDUNG -- */

	/* -- 2.2.6 ÜBER UNS -- */
	#about .card-columns {
		column-count: 2;
		column-gap: 0;
	}
	#about .card-columns .card {
		border-radius: 0px;
		border-color: transparent;
		margin-bottom: 0px;
	}
		#about .card-columns .card.card-block {
			border-color: rgba(0,0,0,0.1);
		}
		/*
		.masonry-item.masonry-item-block {
			border: 1px rgba(0,0,0,0.05) solid;
			padding: 42px;
		}*/

	/* -- 2.2.7 FORMULAR -- */

	/* -- 2.2.8 NEWS -- */
    #block-form .row:nth-child(10) .my-mini {
        margin-bottom: 0;
    }
    #block-form .row:nth-child(11) .my-mini {
        margin-top: 0;
    }
    @media (max-width: 991px) {
        #block-form .row:nth-child(11) .form-checkradio {
            margin-bottom: 8px;
        }
        #block-form .row:nth-child(11) .label-checkradio {
            width: 253px;
        }
    }

	/* -- 2.2.9 START -- */
	.pb-block {
		height: 100%;
		min-height: 345px;
		color: rgba(255,255,255,1);
		position: relative;
		display: block;
		overflow: auto;
		box-sizing: border-box;
	}
		.pb-block a:hover, a.d-block:hover {
			opacity: 0.85;
		}
			.pb-block a:not([href]):not([tabindex]) {
				opacity: 1 !important;
				cursor: default !important;
			}
		.pb-block a {
			display: block;
			width: 100%;
			height: 100%;
			color: rgba(255,255,255,1);

			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}
		.pb-container {
			height: 100%;
			width: 100%;
			position: relative;
			display: -webkit-inline-flex;
			display: -ms-inline-flexbox;
			display: inline-flex;
		}
		.pb-frame .pb-container {
			display: table;
		}
			.pb-container .pb-content {
				display: table-cell;
			    height: 100%;
			    position: relative;
			    vertical-align: bottom;
			    color: rgba(255,255,255,1);
			}
		.pb-col { margin-top: 7px; margin-bottom: 7px; }
			.pb-block a > .row, .pb-block a > .row > div { margin: 0px; padding: 0px; height: 100%; }
		.pb-block > a > .row .ml-auto { padding-left: 0px; }
		.pb-block > a > .row .mr-auto { padding-right: 10px; }
		.pb-frame {
			position: relative;
			height: 100%;
			width: 100%;
			padding: 30px 30px;
			box-sizing: border-box;
		}
			.pb-block a .pb-content { opacity: 0; }
			.pb-block a:hover .pb-frame { background-color: rgba(0,0,0,0.6); }
			.pb-block a:hover .pb-content { opacity: 1; }

    .contact p {
        color: rgba(1, 1, 1, 1);
    }

    a[href^=tel] {
        text-decoration:inherit;
        color: inherit;
    }
    @media (min-width: 992px) {
        .maps img {
            min-width: 506px;
            height: 660px;
        }
    }
	/* -- 2.2.10 KONTAKT -- */
	#canvas-gmap {
		height: 500px;
	}

	@media (max-width: 769px) {
		#canvas-gmap {
			height: 300px;
		}
	}

	/* -- 2.2.11 EMPLOYER BRANDING -- */
	#content .card, #content .nav-pills .nav-link {
		border-radius: 0px;
		background-color: rgba(246,246,246,1);
		margin-bottom: 15px;
		border-width: 0px;
	}
    #content .card-body .accordion .card {
        margin-bottom: 0;
    }
		#content .nav-pills .nav-link { padding: 30px 40px; }
		#content .card>.card-header, #content .nav-pills .nav-link {
			position: relative;
			border-width: 0px;
		}
		#content .accordion>.card>.card-header .btn.btn-link.btn-block.collapsed, #content .nav-pills .nav-link {
			border-top-width: 5px;
			border-top-style: solid;
			border-top-color: rgba(246,246,246,1);
		}
		#content .accordion>.card>.card-header {
			padding: 0px;
			background-color: transparent;
		}
		#content .accordion>.card .card-body {
			padding: 1.25rem 6rem 1.25rem 2rem;
		}
		.card .btn.btn-link.btn-block:focus {
			outline: 0;
			box-shadow: none;
		}
			.card .btn.btn-link.btn-block.collapsed { border-top-width: 0px; }
            .card .btn.btn-link.btn-block.noTopBorder { border-top: none !important; }
			.card .btn.btn-link.btn-block.collapsed h4 { color: rgba(0,0,0,1); }
			.card .btn.btn-link.btn-block, #content .nav-pills .nav-link.active { border-top-width: 5px; }

			#content .card>.card-header .btn.btn-link.btn-block:after, #content .nav-pills .nav-link:after {
				content: '';
				display: block;
				position: absolute;

				background-repeat: no-repeat;
				background-position: 95%;
				background-size: contain;
				top: 50%;
			}
			#content .card>.card-header .btn.btn-link.btn-block:after {
				width: 12px; height: 43px;
				margin-top: -21px; right: 20px;
			}
			#content .card>.card-header .btn.btn-link.btn-block:after { background-image: url('../img/icons/chevron_black-right.svg'); }

			#content .nav-pills .nav-link:after {
				width: 12px; height: 43px;
				margin-top: -21px; right: 20px;
			}
			#content .nav-pills .nav-link:after { background-image: url('../img/icons/chevron_black-right.svg'); }
			#content .nav-pills .nav-link.active:after { background-image: url('../img/icons/chevron_red-left.svg'); }

			#content .accordion>.card>.card-header .btn.btn-link.btn-block:after {
				width: 43px; height: 12px;
				margin-top: -6px; right: 20px;
			}
			#content .accordion>.card>.card-header .btn.btn-link.btn-block:after { background-image: url('../img/icons/chevron_red-top.svg'); }
			#content .accordion>.card>.card-header .btn.btn-link.btn-block.collapsed:after { background-image: url('../img/icons/chevron_black-bottom.svg'); }

    .card-body > .accordion > .card {
        border-top-color:rgba(0, 0, 0, 0.5);
        border-top-width: 1px !important;
    }

	.culture-icon {
		display: inline-block;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		width: 80px; height: 80px;
	}
	.chevronlink {
		padding: 10px 30px;
		display: inline-block;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
		.chevronlink.chevron-back {
			background-position: left;
			background-image: url('../img/icons/chevron_black-left.svg');
		}
		.chevronlink.chevron-next {
			background-position: right;
			background-image: url('../img/icons/chevron_black-right.svg');
		}

    /* -- 2.2.12 culture -- */
    #vector-culturegraphic {
        display: block;
        margin-left: auto;
        margin-right: auto;

    }

    .reliability, .quality {
        width: 104px;
    }

    .cooperation, .appreciation, .work_action, .freedom {
        width: 117px;
    }

    .open_ideas {
        width: 96px;
    }

    .spacer60 {
        width: 100%;
        height: 60px;
    }

    @media (max-width: 767px) {
        .reliability, .quality,
        .cooperation, .appreciation, .work_action, .freedom,
        .open_ideas {
            margin-bottom: 20px;
        }
    }

    /* -- 2.2.13 Benefits -- */
    #benefits-graphic {
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-top: 50px;
        padding-bottom: 60px;
        max-width: 100% !important;
        height: 550px;
    }

	/* ------ 2.3 KACHELN ------ */
	.block-quote, .quote-content {
		position: relative;
	}
	.block-quote {
		max-width: 650px;
    margin: 0px auto;
	}
		.quote-content:before,.quote-content:after {
			position: absolute;
			display: block;
			width: 40px; height: 40px;
			font-size: 60px;
			color: rgba(255,255,255,1);
			top: 50%;
			margin-top: -48px;
		}
			.quote-content:before { content: '«'; left: 10px; }
			.quote-content:after { content: '»'; right: 10px; }
		.block-quote .quote-author {
			width: 100%;
			position: absolute;
			bottom: 10px;
		}

	/* ------ 2.4 FOOTER ------ */
	footer {
		position: relative;
		flex-shrink: 0;
		padding: 66px 0px;
		background-color: rgba(0,75,107,1);
	}
		footer h2, footer p, footer a {
			font-size: 12px;
			line-height: 150%;
			color: rgba(255,255,255,1);
		}
			footer a:hover { opacity: 0.8; }
			footer a:active, footer a:focus { opacity: 0.9; }
		footer strong { font-weight: bold; }

	footer .social-icon {
		width: 30px;
		height: 30px;
		margin: 0px 10px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}

		footer .social-icon:first-child { margin-left: 0px; } footer .social-icon:last-child { margin-right: 0px; }
		footer .social-icon.social-facebook { background-image: url('../img/icons/social-facebook_o-white.svg'); }
		footer .social-icon.social-instagram { background-image: url('../img/icons/social-instagram_o-white.svg'); }
		footer .social-icon.social-linkedin { background-image: url('../img/icons/social-linkedin_o-white.svg'); }

	/* ------ 2.5 SUCHE ------ */


	/* ------ 2.6 FARBEN ------ */
	.bg-img {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.bg-video {
		position: relative;
	}
	.bg-video:before, .bg-video:after {
		position: absolute;
		display: block; content: '';
	}
		.bg-video:before {
			background-color: rgba(0,0,0,0.3);
			mix-blend-mode: multiply;
			width: 100%;
			height: 100%;
			width: 100%; height: 100%;
			top: 0; left: 0; right: 0;
		}
		.bg-video:after {
			background-image: url('../img/icons/playback.svg');
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			width: 94px; height: 94px;
			top: 50%; left: 50%;
			margin-top: -47px; margin-left: -47px;
		}
	.bg-white		{ background-color: rgba(255,255,255,1); }
	.bg-bronze	{ background-color: rgba(100,100,85,0.9); }
	.bg-red	{ background-color: #B2191F); }


	.block-tile,.page-teaser, .btn.btn-secondary, .bg-gray, .bg-grey, .nav-tabs .nav-link,#content table.table-technical tr:nth-child(even) td, #canvas-gmap {
		background-color: rgba(236,236,236,1);
	}
		.nav-tabs .nav-link:hover { background-color: rgba(225,225,225,1); }
		.bg-gray .btn.btn-secondary { background-color: rgba(255,255,255,1); }
		.bg-theme h1,.bg-theme .h1,.bg-theme h2,.bg-theme .h2,.bg-theme p,.bg-theme .p,.nav-tabs .nav-item.active { color: rgba(255,255,255,1); }
			.block-tile:hover { color: rgba(255,255,255,1) !important; }

/* ============================================= 3.0 TEXT ============================================= */

	/* ------ 3.1 SCHRIFTEN ------ */
	/*p,.p,ul li,ol li,h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,.mood-content p,.btn, nav.navbar-light .navbar-nav .nav-link, .fat-nav li a,.card .card-header .btn, .field-display-title {
	    -webkit-font-smoothing: subpixel-antialiased;
	}*/
	h1,.h1,h2,.h2,h3,.h3,h4,.h4,.h4,h5,.h5,h6,.h6,.fancybox-caption,.navbar-toggler,.quote-content:before,.quote-content:after,#navbar-upper .nav-link,#navbarDesktop .dropdown-menu .dropdown-item,.field-display-title,.input-group-text,.mood-content p,.tile-header .tile-price,
	.TheSerif-Bold, .navbar-nav-mobile-utility .nav-link, .btn.text-uppercase, label.label-text, #content table td strong, #content table th, #content table.table-blue td:first-child, #content table.table-green td:first-child, #content table.table-brown td:first-child {
		font-family: 'TheSerif-Bold'!important;
		font-weight: normal;
		font-style: normal;
	}
	/* vinith */
	.text-yellow, .text-red, .text-green{
		font-family: 'TheSans-Bold';
	}

	.BrandonTextWeb-Light, #content table td, .figure-caption, #channels-list-view .btn.btn-switch, .subproduct-field .amount-display {
		font-family: 'TheSerif-Regular';
		font-weight: normal;
		font-style: normal;
	}
	.pb-block p strong, .legend-nr, .link-back,#navbarMobile ul li.nav-item.active .nav-link,#navbarMobile ul li.nav-item.active .dropdown-item.active {
		font-family: 'TheSans-Bold' !important;
		font-weight: normal;
		font-style: normal;
	}
    p {
        font-family: 'TheSans-Regular';
		font-style: normal;
		font-weight: normal;
    }
	.p,ul li,ol li,.btn,#navbar-lower .nav-link, .nav-tabs .nav-link,#navbarDesktop .dropdown-menu .dropdown-item,.teaser-bubble,.form-control,.theme-dim .input-group-text,select.form-control,input.form-control,textarea.form-control,.select,.styledSelect,.custom-control-label,.options li, .row-tablebody,#ordersummary-total .h5 {
		font-family: 'TheSans-Regular', 'Merriweather Sans'; /* serif*/
		font-style: normal;
		font-weight: normal;
	}

	.bold { font-weight: 700; }
	.light { font-weight: 100; }

	#pb p,#pb h1,#pb h2 {
		color: rgba(0,0,0,1);
	}
	#pb .pb-block h1,#pb .pb-block h2,#pb .pb-block h3,#pb .pb-block p,#pb .pb-block .p,#pb .pb-block ul li,
	.pb-block h1,.pb-block h2, .pb-block h3,.pb-block p,.pb-block .p,.pb-block ul li {
		color: white;
	}
		#products .pb-block h1,#products .pb-block h2,#products .pb-block p,#products .pb-block ul li {
			color: rgba(0,0,0,1);
		}
	.pb-block-small h1,.pb-block-small h2,.pb-block-small p,.pb-block-small ul li, .theme-dim h2,.theme-dim .h2, .modal-header h2 {
		color: rgba(0,0,0,1);
	}
	p,.p,ul li, h4,.h4,input.form-control,table tr th,table tr td,textarea.form-control,#combo .btn-primary#form-send,.select,.styledSelect,.options li, .theme-dim .input-group-text {
		font-weight: 300;
		margin-bottom: 0px;
		font-size: 14px;
	}
		h4,.h4,p,.p { margin-bottom: 20px; }

		.theme-dim .input-group-text { margin-bottom: 0px; }
	.input-group-text {
		font-size: 23px;
	}
		p strong { font-weight: 700; }
		#footer p {
			margin: 0px;
		}
        #contact #subnav-hamburger p strong {
            font-family: 'TheSans-Bold';
        }
        #news-form form#block-form .row div .form-field {
            font-family: 'TheSans-Regular';
        }
	/* ------ 3.2 TITEL ------ */
	h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,.field-display-title {
		text-transform: uppercase;
	}
	h1,.h1,h2,.h2 {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	h1,.h1,h2,.h2,.field-display-title,.mood-content p, .btn.btn-primary h3, .btn.btn-primary .h3 {
		color: rgba(0,0,0,1);
		font-size: 30px;
		line-height: 30px;
	}
		.document-fields h2, .field-display-title { color: white; }
		#content .pb-content h2, #content .pb-content .h2 { margin-top: 0px; }

	h3,.h3,#navbar .card-header a {
		font-size: 22px;
		line-height: 25px;
		margin-bottom: 0px;
	}
		#about .card-block h3, #about .card-block .h3,.teaser-bubble .bubble-value {
				font-size: 42px;
				line-height: 48px;
		}
		.row-title h3 { margin-top: 5px; }
	h4 {
		padding-top: 4px;
		margin-bottom: 3px;
		font-size: 16px;
	}
	h5,.h5 {
		font-size: 12px;
		line-height: 12px;
	}
		#modal-channels .col-tile.tile-mini h5,#modal-channels .col-tile.tile-mini .h5, .custom-control-label,.teaser-bubble .bubble-label {
			font-size: 15px;
			line-height: 15px;
		}
			.custom-control-label { line-height: 18px; }

	h6,.h6 {
		text-transform: uppercase;
		font-size: 15px;
    	line-height: 15px;
		font-weight: bold;
	}
		.subproduct-field h6, .subproduct-field .h6 { font-size: 12px; line-height: 15px; }
		.subproduct-field .amount-display { font-size: 13px; line-height: 15px; }
	.btn h3 { margin: 0px; }

	li {
		font-size: 17px;
		/*text-transform: uppercase;*/
	}

	.teaser-content h2, .teaser-content p { color: rgba(255,255,255,1); }

    /* #site-zindelimmo #text h2, #site-marazzi #text h2, #site-zindel #text h2, #site-zindelgruppe #text h2,
    #site-brunold #text h2, #site-crestageo #text h2, #site-mettlerprader #text h2, #site-xstatik #text h2,
    #site-zindellogistik #text h2 {
        hyphens: auto;
    } */

	/* ------ 3.3 ALLGEMEIN ------ */
	#content b, #content strong {
		font-weight: bold;
	}
	a {
		color: rgba(0,0,0,1);
		outline: none !important;
		text-decoration: none !important;
		cursor: pointer;
	}
    a:hover {  }
		a:active, a:focus {  }
		.pb-frame.bg-light-green a {
			color: rgba(154,177,51,1);
		}
		a.link-back {
			text-transform: uppercase;
			display: inline-block;
			padding-left: 15px;
			background-repeat: no-repeat;
			background-position: left;
			background-image: url('../img/icons/arrow-left-black.svg');
			background-size: 4px;
		}

	.text-white { color: rgba(255,255,255,1)!important; }
	.text-red { color: rgba(178,14,16,1); }
	.text-yellow { color: rgba(247,166,0,1); }
	.text-gray { color: rgba(207,207,207,1); }
	.text-green { color: rgba(149,193,31,1); }

	.content-usercustom p:last-child {
		margin-bottom: 0px;
	}

	@media (max-width: 768px) {
		h1,.h1,h2,.h2,.field-display-title,.mood-content p, .btn.btn-primary h3, .btn.btn-primary .h3 {
			font-size: 30px;
			line-height: 34px;
		}
		.content-usercustom, p,.p {
			font-size: 16px;
	}
	@media (max-width: 576px) {
		.content-usercustom, p,.p {
			font-size: 14px;
		}
	}
	}
	@media (min-width: 767px) and (max-width: 991px) {
	}
	@media (min-width: 992px) and (max-width: 1199px) {
	}
	@media (min-width: 1390px) {
	}

    .toLowerCase {
        text-transform: lowercase;
    }

	/* ------ 3.4 BUTTONS ------ */
	.btn {
		font-size: 14px;
		padding: 1rem 3.5rem;
		border-radius: 0px;
	}

		.btn-list { margin: 0px -7.5px; } .btn-list .btn { margin: 7.5px; }


	 .play-btn {
			height: 100px;
			fill-rule:evenodd;
		}

		.btn-primary {
			background-color: rgba(109,105,84,1);
			position: relative;
			outline: none;
			cursor: pointer;
			border-radius: 0px;
			border: none;
			border-width: 0px;
			text-shadow: none;
		}

			#teaser .btn-primary, .bg-theme .btn-secondary, .modal-dialog .btn-primary {
				background-color: rgba(255,255,255,1);
				width: auto;
				margin-top: 20px;
				margin-bottom: 0px;
			}
				.modal-dialog .btn-primary { margin: 0px; }
				#teaser .btn-primary { min-width: 100px; }
				#combo .btn-primary, .modal-dialog .btn-primary { width: 100%; }
					#form-status .bg-grey { background-color: rgba(255,255,255,1); }
				.btn.btn-primary.btn-box-close {
					position: absolute;
					bottom: 20px;
					right: 20px;
					padding: 0px !important;
					width: 32px !important; height: 40px !important;
				}
					.btn.btn-primary.btn-box-close:after {
						width: 100%;
						height: 100%;
						background-image: url('../img/icons/times-white.svg');
						background-position: center;
						background-size: 8px;
					}

			.btn-primary#form-send {
				opacity: 0.5;
				text-transform: uppercase;
			}
				.btn-primary#form-send:hover { background-color: rgba(172,173,164,1); }
			.btn-primary:active, .btn-primary:focus {
				background-color: rgba(182,183,174,1) !important;
				border-width: 0px;
			}
				.btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
					box-shadow: none !important;
				}
				.btn-primary.btn-clickable#form-send { opacity: 1; }

		.btn-secondary {
			outline: none;
			cursor: pointer;
			border: none;
		}
			#teaser .btn-secondary, .bg-themed .btn-secondary { background-color: rgba(255,255,255,1); }

		button:focus, .btn:focus, input:focus, select:focus { outline: 0 !important; }
		.btn-link:hover,.btn-link.focus,.btn-link:focus { text-decoration: none !important; }

	/* ------ 3.5 ICONS ------ */


	/* ------ 3.6 LISTEN ------ */
	nav .nav-link, nav .nav-item-counter, nav .dropdown-menu {
		font-size: 12px;
	}

	nav#navbar-upper .navbar-nav .nav-link {
		color: rgba(0,0,0,1);
		text-transform: uppercase;
	}
		nav#navbar-upper .navbar-nav .nav-link:focus, nav#navbar-upper .navbar-nav .nav-link:hover {
			color: rgba(0,0,0,0.7);
		}
	nav#navbar-lower .navbar-nav .nav-link {
		color: rgba(0,0,0,1);
        /* font-family: 'TheSans', 'Merriweather Sans'; */
		/* font-weight: bold; */
	}
		nav#navbar-lower .navbar-nav .nav-link:focus, nav#navbar-lower .navbar-nav .nav-link:hover {
			color: rgba(0,0,0,0.7);
		}
		#navbarMobile .navbar-nav-mobile-utility .nav-item .nav-link {
			color: rgba(0,0,0,1);
			text-transform: uppercase;
			text-align: center;
		}
		#navbarMobile .navbar-nav-mobile-utility .nav-item .nav-link:focus#navbarMobile .navbar-nav-mobile-utility .nav-item .nav-link:hover { color: rgba(0,75,107,0.7); }
	.navbar-nav.bg-theme .active>.nav-link {
		color: rgba(255,255,255,1) !important;
	}

	.content-usercustom ul, .tooltip-inner ul {
		padding-left: 0;
		list-style: none;
	}
	 	.content-usercustom ul li {
			position: relative;
			padding-left: 25px !important;
			margin: 15px 0px;
		}
		.tooltip-inner ul li {
			position: relative;
			padding-left: 17px !important;
			margin: 0px 0px 10px;
		}
			.content-usercustom ul li:before, .tooltip-inner ul li:before {
				position: absolute;
				content: "";
				background-image: url('../img/icons/arrow-right-black.svg');
				background-size: contain;
				background-repeat: no-repeat;
			}
			.content-usercustom ul li:before {
				left: 7px;
				margin-top: 4px;
				height: 15px;
				width: 15px;
			}
			.tooltip-inner ul li:before {
				left: 5px;
				margin-top: 2px;
				height: 10px;
				width: 6px;
			}
			#content .pb-frame ul li:before { background-image: url('../img/icons/arrow-right-black.svg'); }

/* ============================================= 4.0 FORMULAR ============================================= */

	form.form-inactive {
		opacity: 0.5;
	}

	label {
		cursor: pointer;
	}
		label.label-text {
			text-transform: uppercase;
			margin-bottom: 0.1rem;
		}
		label.label-checkradio {

		}
		button.btn.text-uppercase#form-send {
			color: rgba(0,0,0,1);
		}
			button.btn:focus {
				box-shadow: 0;
			}

	.input-group, .input-group-text, input.form-control, textarea.form-control,.form-control:focus,.styledSelect,.select {
		border-color: rgba(192,193,184,1);
		border-radius: 0px;
		color: rgba(0,0,0,1);
	}
	@media (max-width: 768px) {
		.input-group {
			margin-left: 15px;
			margin-right: 15px;
			margin-bottom:25px;
		}
	}
		.theme-dim .input-group, .theme-dim .input-group-text, .theme-dim input.form-control, .theme-dim textarea.form-control,.theme-dim .form-control:focus,.theme-dim .styledSelect,.select {

			border-color: rgba(192,193,184,1);
			color: rgba(0,0,0,1);
		}
			.theme-dim .input-group-text { color: rgba(0,0,0,0.4); }
		.navbar .form-inline .input-group {
			margin-top: -7px;
			background-color: transparent;
			border-width: 0px;
			width: 150px;
		}
			.navbar .form-inline .form-control {
				height: calc(1.5em + 0.15rem + 2px);
				padding: .375rem .25rem 0rem;
				background-color: transparent;
				color: rgba(0,0,0,1);
			}

			@media (min-width: 576px) and (max-width: 768px) {
			}
			@media (min-width: 767px) and (max-width: 991px) {

			}
			@media (min-width: 992px) {
				.navbar .form-inline .form-control {
					margin-left: 10px;
				}
				nav .nav-link, nav .nav-item-counter, nav .dropdown-menu {
					font-size: 8.5px;
				}
			}
			@media (min-width: 1260px) {
				.navbar .form-inline .form-control {
					margin-left: 25px;
				}
				nav .nav-link, nav .nav-item-counter, nav .dropdown-menu {
					font-size: 12px;
				}
			}


			.navbar .form-inline .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
				color: rgba(0,0,0,0.8);
				opacity: 0.8; /* Firefox */
			}
			.navbar .form-inline .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
				color: rgba(0,0,0,0.8);
			}
			.navbar .form-inline .form-control::-ms-input-placeholder { /* Microsoft Edge */
				color: rgba(0,0,0,0.8);
			}
			.navbar .input-group-text {
				cursor: pointer;
				padding: 4px 5px 3px;
				background-color: transparent;
				width: 22px;
			}
			.navbar .form-inline .form-control, .navbar .input-group-text {
				border: 0px;
				border-bottom: 1px rgba(0,0,0,1) solid;
				font-size: 13px;
			}
			#navbarMobile .form-inline .form-control { margin-left: 0px; }
			#navbarMobile .form-inline .input-group { width: 100%; }
			#navbarMobile .form-inline .form-control, #navbarMobile .input-group-text {
				color: rgba(0,76,108,1);
				border-bottom-color: rgba(0,76,108,1);
			}

		.form-control {
			height: calc(2.1em + 0.75rem + 2px);
		}
		.form-field {
			display: block;
			padding: 0.5rem 1rem;
			margin: 0rem 0rem 1rem;
			width: 100%;
			border: 0;
			background-color: rgba(0, 0, 0, 0.05);
		}
			.form-field:focus {
				outline: 0;
			}
			.form-field.error, .form-checkradio.error {
				-webkit-box-shadow: 0 0 0px 2px rgba(155, 20, 20, 0.9) inset;
				-moz-box-shadow: 0 0 0px 2px rgba(155, 20, 20, 0.9) inset;
				box-shadow: 0 0 0px 2px rgba(155, 20, 20, 0.9) inset;
			}
			.text-error {
				color: rgba(155, 20, 20, 0.9);
			}

			input.form-checkradio {
				background-color: rgba(0, 0, 0, 0.05);
				border-radius: 0px;
				appearance: none;
				-webkit-appearance: none;
				-moz-appearance: none;
				width: 37px;
				height: 37px;
				top: 13px;
				margin-right: 1rem;
				cursor: pointer;
				position: relative;
			}
				input.form-checkradio:checked {
					background-color: rgba(0, 0, 0, 0.05);
					background: rgba(0, 0, 0, 0.05) url('../img/icons/times-form.svg') 10px 10px no-repeat;
				}

		.input-group-text {
			padding: 3px 15px 3px;
			width: 175px;
		}
		.input-group-text, #combo .btn-primary#form-send { text-transform: uppercase; }
			.theme-dim .input-group-text {
				text-transform: none;
				width: 125px;
			}
		.form-control:focus {
			box-shadow: none !important;

			border-color: rgba(192,193,184,1);
		}

		/**** RADIO/CHECKBOX ****/
		.custom-control { padding-left: 30px;}
		.custom-control-label::before {
			border-color: rgba(255,255,255,1);
		}
			.custom-control.custom-radio .custom-control-label::before { width: 10px; height: 10px; }
			.custom-control.custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: rgba(0,0,0,1); border-color: rgba(0,0,0,1); }
			.custom-control.custom-radio .custom-control-input:checked~.custom-control-label::after { background: transparent !important; }
			.custom-control-input:focus~.custom-control-label::before { box-shadow: none; }


		.custom-control.custom-checkbox .custom-control-label::before, .custom-control.custom-checkbox .custom-control-label::after {
			width: 20px;
			height: 20px;
			top: -2px;
			left: -30px;

		}
		.custom-control.custom-checkbox .custom-control-label::before {
			border-color: rgba(255,255,255,1) !important;
			background-color: rgba(255,255,255,1) !important;
			border-radius: 0px;
		}
		.custom-control.custom-checkbox .custom-control-label::after {
			background-position: center;
			background-size: 11px;
			background-repeat: no-repeat;
		}
			.custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url('../img/icons/times-black.svg'); }

		/**** SELECT ****/
		.styledSelect:active, .styledSelect.active {
			box-shadow: none !important;

			border-color: rgba(192,193,184,1);
			filter: brightness(1.1);
		}
		.s-hidden {
		  visibility:hidden;
		  padding-right:10px;
		}
		.select {
			position: relative;
			flex: 1 1 auto;
			width: 1%;
			margin-bottom: 0;
		}

		.styledSelect {
		  position:absolute;
		  top:0;
		  right:0;
		  bottom:0;
		  left:0;
		  background-color:rgba(192,193,184,1);
		  padding:12px 10px;
		  margin-bottom: 0px !important;
		}
		.styledSelect:after {
		  content:"";
		  width:0;
		  height:0;
		  border:8px solid transparent;
		  border-color:white transparent transparent transparent;
		  position:absolute;
		  position:absolute;
		  top:45%;
		  right:15px;
		}

		.options {
			text-transform: capitalize;
			display:none;
			position:absolute;
			top:100%;
			right:0;
			left:0;
			z-index:999;
			margin:0 0;
			padding:0 0;
			list-style:none;
			border:1px solid #ccc;

			-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
			box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
		}
			.options li {
				padding:10px 0px 10px 0px!important;
				margin:0 0;
				padding:0 10px;
				text-transform: capitalize;
			}
				.options li::before { display: none; }
				#form ul li { margin: 0px!important; }
				.options li:hover {

					filter: brightness(1.1);
				}

	.input-group.error, .custom-control.error .custom-control-label::before {
		border-color: rgba(200,30,30,1) !important;
	}

/* ============================================= 5.0 TABELLEN ============================================= */

	#content table {
		overflow-x: auto;
		max-width: 100%;
		border-spacing: 2px;
		border-collapse: separate;
	}
		#content table th, #content table td {
			padding: 10px;
		}
		#content table th {
			color: rgba(255,255,255,1);
			text-transform: uppercase;
		}

	#content table.table-technical {
		width: 100%;
		border-spacing: 0px;
	}
		#content table.table-technical th, #content table.table-technical td {
			padding: 5px 2px;
			vertical-align: top;
		}

	/* Grün */
	#content table.table-green th, #content table.table-green td { color: rgba(0,77,111,1); }
	#content table.table-green thead th { background-color: rgba(159,194,23,0.9); }
	/*#content table.table-green td:nth-last-child(4),#content table.table-green td:nth-last-child(5),#content table.table-green td:nth-last-child(6) {
		color: rgba(255,255,255,1);
	}*/
	#content table.table-green td:nth-last-child(2) { background-color: rgba(235,243,217,0.9); }
	#content table.table-green td:nth-last-child(3) { background-color: rgba(223,235,195,0.9); }
	#content table.table-green td:nth-last-child(4) { background-color: rgba(214,229,172,0.9); }
	#content table.table-green td:nth-last-child(5) { background-color: rgba(203,221,142,0.9); }
	#content table.table-green td:nth-last-child(6) { background-color: rgba(193,215,115,0.9); }
	#content table.table-green td:first-child { background-color: rgba(251,252,248,0.9); }
	#content table.table-green td,#content table.table-green td:last-child { background-color: rgba(245,248,237,1,0.9); }

/* ============================================= 6.0 SONSTIGES ============================================= */

	pre {
		padding: 0px 10px;
		margin: 20px auto;
		width: 100%;
		max-width: 1040px;
		background-color: rgba(0,0,0,0.08);
		border: 1px rgba(0,0,0,0.2) solid;
	}

	.clearer { clear: both; }

	.full-height {
		height: 100%;
		position: relative;
	}
	.full-width {
		width: 100%;
		position: relative;
	}

	/* ------ 6.1 ANIMATIONEN ------ */
	.navbar-toggler, .dropdown-menu a.dropdown-item, .nav-tabs .nav-link, .form-control, .pb-frame, .pad-field,.select,.styledSelect, .teaser-bubbles .teaser-bubble, .teaser-bubbles .teaser-bubble > div, .pb-block-small,.modal .close, .subproduct-field .col-subproduct-amount .icon-arrow {
		-webkit-transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s, opacity ease 0.3s;
		-moz-transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s, opacity ease 0.3s;
		-o-transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s, opacity ease 0.3s;
		transition: color ease 0.3s, background-color ease 0.3s, border-color ease 0.3s, opacity ease 0.3s;
	}
	.pb-block, #content table tr,.pb-block a .pb-content,#content table th, #content table td,.col-tile.tile-detail_arrow:after, .icon, .rsMinW .rsArrow, .hexagon-link {
		-webkit-transition: opacity ease 0.3s;
		-moz-transition: opacity ease 0.3s;
		-o-transition: opacity ease 0.3s;
		transition: opacity ease 0.3s;
	}
	.col-tile {
		-webkit-transition: box-shadow ease 0.3s, opacity ease 0.3s;
		-moz-transition: box-shadow ease 0.3s, opacity ease 0.3s;
		-o-transition: box-shadow ease 0.3s, opacity ease 0.3s;
		transition: box-shadow ease 0.3s, opacity ease 0.3s;
	}
	.subproduct-select,#navbarMobile .card-header a.btn.card-accordion,#accordionNavMobile .nav-item.dropdown {
		-webkit-transition: background-image ease 0.3s, color ease 0.3s;
		-moz-transition: background-image ease 0.3s, color ease 0.3s;
		-o-transition: background-image ease 0.3s, color ease 0.3s;
		transition: background-image ease 0.3s, color ease 0.3s;
	}
	a, footer .social-icon, a.d-block {
		-webkit-transition: opacity ease 0.3s, color ease 0.3s, background-color ease 0.3s;
		-moz-transition: opacity ease 0.3s, color ease 0.3s, background-color ease 0.3s;
		-o-transition: opacity ease 0.3s, color ease 0.3s, background-color ease 0.3s;
		transition: opacity ease 0.3s, color ease 0.3s, background-color ease 0.3s;
	}

	/* ------ 6.2 ABSTÄNDE ------ */
	.nomargin {
		margin-bottom: 0px !important;
	}


	@media (max-width: 992px) {
		.margin-top {
			margin-top: 15px!important;
		}
	}


	.my-content { margin-top: 80px; }
	.my-gutter { margin-top: 7px; margin-bottom: 7px; }
	.my-none { margin-top: 0px; margin-bottom: 0px; }
	.my-micro { margin-top: 5px; margin-bottom: 5px; }
	.my-mini { margin-top: 10px; margin-bottom: 10px; }
	.my-light { margin-top: 15px; margin-bottom: 15px; }
	.my-medium { margin-top: 30px; margin-bottom: 30px; }
	.my-strong { margin-top: 45px; margin-bottom: 45px; }
	.my-heavy { margin-top: 80px; margin-bottom: 80px; }
		.my-gutter-top		{ margin-top: 7px; }
		.my-gutter-bottom	{ margin-bottom: 7px; }
		.my-heavy-top		{ margin-top: 80px; }
		.my-heavy-bottom	{ margin-bottom: 80px; }
		.my-strong-top		{ margin-top: 45px; }
		.my-strong-bottom	{ margin-bottom: 45px; }
		.my-medium-top		{ margin-top: 25px; }
		.my-medium-bottom	{ margin-bottom: 20px; }
		.my-light-top		{ margin-top: 15px; }
		.my-light-bottom	{ margin-bottom: 15px; }
		.my-mini-top		{ margin-top: 10px; }
		.my-mini-bottom		{ margin-bottom: 10px; }
		.my-micro-top		{ margin-top: 5px; }
		.my-micro-bottom	{ margin-bottom: 5px; }
		.my-none-top		{ margin-top: 0px !important; }
		.my-none-bottom		{ margin-bottom: 0px !important; }
		@media (min-width: 768px) {
			.my-md-none			{ margin-top: 0px; margin-bottom: 0px; }
			.my-md-none-top		{ margin-top: 0px; }
			.my-md-none-bottom	{ margin-bottom: 0px; }
		}
		@media (min-width: 991px) {
			.my-lg-none			{ margin-top: 0px; margin-bottom: 0px; }
			.my-lg-none-top		{ margin-top: 0px; }
			.my-lg-none-bottom	{ margin-bottom: 0px; }
		}


    .p-lighter-all	{ padding: 10px; }
	.p-light-all	{ padding: 12px; }
	.p-box			{ padding: 5px 20px; }
	.p-all			{ padding: 20px; }
	.p-strong-all	{ padding: 45px; }
	.p-card			{ padding: 20px 40px; }
	.py-light		{ padding-top: 20px; padding-bottom: 20px; }
	.py-medium	{ padding-top: 30px; padding-bottom: 30px; }
	.py-strong	{ padding-top: 45px; padding-bottom: 45px; }
	.py-heavy		{ padding-top: 80px; padding-bottom: 80px; }
	.pt-medium { padding-top: 30px; }
	.pb-medium { padding-bottom: 30px;}
		.py-heavy-top		{ padding-top: 80px !important; }
		.py-heavy-bottom	{ padding-bottom: 80px !important; }
		.py-strong-top		{ padding-top: 45px !important; }
		.py-strong-bottom	{ padding-bottom: 45px !important; }
		.py-medium-top		{ padding-top: 20px !important; }
		.py-medium-bottom	{ padding-bottom: 20px !important; }
		.py-light-top		{ padding-top: 12px !important; }
		.py-light-bottom	{ padding-bottom: 12px !important; }
        .py-lighter-top		{ padding-top: 10px !important; }
		.py-lighter-bottom	{ padding-bottom: 10px !important; }
	.px-indent		{ padding-left: 70px; padding-right: 70px; }
	.px-gutter		{ padding-left: 35px; padding-right: 35px; }
	.px-medium		{ padding-left: 20px; padding-right: 20px; }
		.px-indent-left	{ padding-left: 70px; }
		.px-indent-right	{ padding-right: 70px; }
		.px-gutter-left		{ padding-left: 35px; }
		.px-gutter-right	{ padding-right: 35px; }

		.title-margin {
			margin-bottom: 5px;
			margin-top: 30px;
		}

			@media (max-width: 768px) {
				.px-indent		{ padding-left: 15px; padding-right: 15px; }
				.px-gutter		{ padding-left: 7.5px; padding-right: 7.5px; }
				.px-medium		{ padding-left: 20px; padding-right: 20px; }
					.px-indent-left	{ padding-left: 70px; }
					.px-indent-right	{ padding-right: 70px; }
					.px-gutter-left		{ padding-left: 0; }
					.px-gutter-right	{ padding-right: 35px; }
			}


			@media (min-width: 576px) and (max-width: 768px) {
			}
			@media (min-width: 767px) and (max-width: 991px) {
			}
			@media (max-width: 992px) {
				.py-medium	{ padding-top: 15px; padding-bottom: 25px; }
				.my-medium-bottom	{ margin-bottom: 15px; }
			}


	/* ------ 6.3 ROYALSLIDER ------ */
	.royalSlider { overflow: hidden; }
		@media (max-width: 768px) {
			#referenceSlider { height: 368px; }
		}
		@media (min-width: 767px) and (max-width: 991px) {
			#referenceSlider { height: 420px; }
		}
		@media (min-width: 992px) {
			#referenceSlider { height: 468px; }
		}
	/*#teaser-royalSlider {
		width: 100%;
		max-height: 100%;
		color: #000;
	}*/
	.rsABlock { width: 100%; }
	.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
		background-color: transparent !important;
	}
	.sliderContainer {
		max-width: 100%;
		height: 100%;
		margin: 0 auto;
	}
		.rsMinW .rsArrow {
			width: 52px !important; height: 52px !important;
			margin-top: -26px;
			top: 50%;
		}
			.rsMinW .rsArrow:hover { opacity: 0.8; }
			.rsMinW .rsArrow:active { opacity: 1; }
		.rsMinW .rsArrowIcn {
			width: 100% !important; height: 100% !important;
			background-size: contain !important;
			background-position: center !important;
			border-radius: 0px !important;
		}
		.rsMinW .rsArrow.rsArrowLeft { left: 17px; }
			.rsArrow.rsArrowLeft .rsArrowIcn {
				background-image: url('../img/icons/arrow_left-rs.svg');
			}
		.rsMinW .rsArrow.rsArrowRight { right: 17px; }
			.rsArrow.rsArrowRight .rsArrowIcn {
				background-image: url('../img/icons/arrow_right-rs.svg');
			}
		/*#teaser-royalSlider .rsMinW .rsBullets {
			left: 45%;
			right: 35%;
		}*/

	.teaser-video {
		position: absolute;
		z-index: 30;
		top: 50%; left: 50%;
		transform: translate(-50%,-50%);

		object-fit: cover;
		height: 100%; width: 100%;
	}

	/* VIDEO */
	.fullwidth-video {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		min-height: 100%;
		min-width: 100%;
		-webkit-transform-style: preserve-3d;
	}
		.fullwidth-video video {
			position: absolute;
			top: 50%; left: 50%;
			transform: translate(-50%,-50%);
			z-index: 1;
			min-height: 100%;
			min-width: 100%;
			height: auto;
			width: 100%;
			object-fit: cover;
		}


	.video_cover {
		position: absolute;
		width: 100%; height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
		/*@media (max-width: 575px) {
			.video_cover { background-image: url('../video/oneminute_live.jpg'); }
		}*/
	.video_controls {
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0);
	}
	/*
	#play img {
		width: 100px;
	}
	#pause {
		display: none;
	}
		#pause img {
			width: 90px;
		}*/

	@media (min-width: 768px) {
		.video_controls {
			display: none;
		}
	}

	/* ------ 6.4 TOOLTIP ------ */
	.tooltip.show { opacity: 1; }
	.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: rgba(255,255,255,1); }
	.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { border-top-color: rgba(255,255,255,1); }
	.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { border-left-color: rgba(255,255,255,1); }
	.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { border-right-color: rgba(255,255,255,1); }
	.tooltip-inner {
		max-width: 280px;
		background-color: rgba(255,255,255,1);
		padding: 15px 20px;
		border-radius: 0px;
		color: rgba(0,0,0,1);
		box-shadow: 0px 1px 8px rgba(0,0,0,0.25);
		text-align: left;
		margin-top: 100px;
	}
		.tooltip-inner div:first-child { color: rgba(0,75,107,1); }
		.tooltip-inner div:first-child p { font-weight: 700; }
		.tooltip-inner div.icon-tooltip:before {
			content: '';
			width: 50px;
			height: 30px;
			margin-bottom: 3px;
			display: inline-block;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: left;
			cursor: pointer;
		}
		.tooltip-inner h6 {
			font-size: 13px;
			line-height: 18px;
			margin-bottom: 0px;
		}
		.tooltip-inner p,.tooltip-inner li {
			font-size: 12px;
			line-height: 14px;
		}
			.tooltip-inner p strong { font-weight: 700; }
			.tooltip-inner p, .tooltip-inner div:first-child { margin-bottom: 11px; }
			.tooltip-inner p:last-child { margin-bottom: 0px !important; }


	/* ------ 6.5 MODAL ------ */
	.modal { z-index: 1090; }
	.modal-backdrop { z-index: 1085; }
	.modal-content {
		border-radius: 0px;
		border-width: 0px;
	}
		.modal-header, .modal-footer {
			padding: 20px 30px;
			border-width: 0px;
		}
		.modal-header {
			position: relative;
		}
		.modal-header h2 {
			margin-top: 20px;
		}
			.modal .close {
				background-color: rgba(144,179,36,1);
				position: absolute;
				top: 0px;
				right: 0px;
				opacity: 1 !important;
				margin: 0px !important;
				padding: 0px !important;
				width: 32px !important;
				height: 40px !important;
			}
				.modal .close:hover { background-color: rgba(144,179,36,0.8); }
				.modal .close:after {
					top: 0px; right: 0px;
				    width: 100%;
				    height: 100%;
				    background-image: url('../img/icons/times-white.svg');
				    background-position: center;
				    background-size: 8px;
				}
		.fancybox-caption { text-align: center; }

	/* ------ 6.7 VEKTOR ------ */

	.hexagon-link { cursor:pointer; }
		.hexagon-link:hover { opacity: 0.8; }

	/* ------ 6.8 PRINT ------ */
	.visible-print {
		display: none;
	}



	@-webkit-viewport   { width: device-width !important; }
	@-moz-viewport      { width: device-width !important; }
	@-ms-viewport       { width: device-width !important; }
	@-o-viewport        { width: device-width !important; }
	@viewport           { width: device-width !important; }



	#career_professions-list #professionAccordion > .card {


	}

	#career_professions-list #professionAccordion > .card .card-header .btn {
		font-size: 20px;
		font-family: 'TheSerif-Bold';
		font-weight: normal;
		font-style: normal;
		color: #000;
		text-transform: uppercase;
	}

    .card-body .card-header .btn {
        font-family: 'TheSans-Bold', 'Merriweather Sans' !important;
        font-style: normal !important;
        font-weight: 700 !important;
        font-size: 20px !important;
        line-height: 20px !important;
        text-transform: none !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .card-body .card-body strong {
        font-family: 'TheSans-Bold', 'Merriweather Sans' !important;
        font-weight: 500;
    }

	#career_professions-list #professionAccordion > .card .card-body {
		padding: 0;
	}

	#career_professions-list .sub-accordion .card {

	}

	#career_professions-list .sub-accordion .card-header {

	}

    #career_professions-list .accordion button {
        padding: 1rem 3.5rem 1rem 1.25rem;
    }

@media (min-width: 768px) {
	#career_professions-list .sub-accordion .card-body {
		padding-left: 1.25rem !important;
		padding-right: 3.5rem !important;
	}
}

	.slick-next:before, .slick-prev:before {
		color: #000!important;
	}

	/* MOBILE BUG FIXING */
	@media (max-width: 768px) {
	.teaser-content { margin-bottom: 0; padding-top: 150px;}
	.page-teaser { height: 350px; }
	.page-teaser.teaser-hascontent { height: 330px; }

	#navbar-footer-companies {
		padding-top: 18px;
    padding-bottom: 18px;
	}

	.py-heavy {
		padding-top: 40px;
padding-bottom: 40px;
	}

	.container {
		padding-right: 20px;
    padding-left: 20px;
	}
	}

	/* ABOVE MOBILE BUGFIXING */
	@media (min-width: 769px) {
	#navbar-footer-companies {
		flex-direction: row;
	}
	}

	/* GENERAL BUG FIXING */
	.rsABlock {
	background: linear-gradient(0deg, rgba(0,0,0,.6) 0%, rgba(9,9,121,0) 100%)!important;
	}

	.rsABlock h2 {
		line-height: 34px;
	}

    /** Video on Startpage */
    .startpage-video {
        margin-top: 30px;
    }