/*######--------------------Fonts-------------------------######*/
@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 100;
	font-display: block;
	src: url('/shared/fonts/FiraSans-Thin.eot');
	src: url('/shared/fonts/FiraSans-Thin.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/FiraSans-Thin.woff2') format('woff2'),
		url('/shared/fonts/FiraSans-Thin.woff') format('woff');
}
@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 200;
	font-display: block;
	src: url('/shared/fonts/FiraSans-ExtraLight.eot');
	src: url('/shared/fonts/FiraSans-ExtraLight.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/FiraSans-ExtraLight.woff2') format('woff2'),
		url('/shared/fonts/FiraSans-ExtraLight.woff') format('woff');
}
@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 300;
	font-display: block;
	src: url('/shared/fonts/FiraSans-Light.eot');
	src: url('/shared/fonts/FiraSans-Light.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/FiraSans-Light.woff2') format('woff2'),
		url('/shared/fonts/FiraSans-Light.woff') format('woff');
}
@font-face {
	font-family: 'Fira Sans';
	font-style: italic;
	font-weight: 300;
	font-display: block;
	src: url('/shared/fonts/FiraSans-LightItalic.eot');
	src: url('/shared/fonts/FiraSans-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/FiraSans-LightItalic.woff2') format('woff2'),
		url('/shared/fonts/FiraSans-LightItalic.woff') format('woff');
}
@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url('/shared/fonts/FiraSans-Regular.eot');
	src: url('/shared/fonts/FiraSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/FiraSans-Regular.woff2') format('woff2'),
		url('/shared/fonts/FiraSans-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 500;
	font-display: block;
	src: url('/shared/fonts/FiraSans-Medium.eot');
	src: url('/shared/fonts/FiraSans-Medium.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/FiraSans-Medium.woff2') format('woff2'),
		url('/shared/fonts/FiraSans-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Fira Sans';
	font-style: italic;
	font-weight: 500;
	font-display: block;
	src: url('/shared/fonts/FiraSans-MediumItalic.eot');
	src: url('/shared/fonts/FiraSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/FiraSans-MediumItalic.woff2') format('woff2'),
		url('/shared/fonts/FiraSans-MediumItalic.woff') format('woff');
}
@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 600;
	font-display: block;
	src: url('/shared/fonts/FiraSans-SemiBold.eot');
	src: url('/shared/fonts/FiraSans-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/FiraSans-SemiBold.woff2') format('woff2'),
		url('/shared/fonts/FiraSans-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src: url('/shared/fonts/FiraSans-Bold.eot');
	src: url('/shared/fonts/FiraSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/FiraSans-Bold.woff2') format('woff2'),
		url('/shared/fonts/FiraSans-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 800;
	font-display: block;
	src: url('/shared/fonts/FiraSans-ExtraBold.eot');
	src: url('/shared/fonts/FiraSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('/shared/fonts/FiraSans-ExtraBold.woff2') format('woff2'),
		url('/shared/fonts/FiraSans-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'Amatic SC';
	font-display: block;
	src: url('/shared/fonts/amaticsc-regular-webfont.woff2') format('woff2'),
		url('/shared/fonts/amaticsc-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Amatic SC';
	font-display: block;
	src: url('/shared/fonts/amaticsc-bold-webfont.woff2') format('woff2'),
		url('/shared/fonts/amaticsc-bold-webfont.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
  font-family: 'Tulpen One';
  font-style: normal;
	font-display: block;
  font-weight: 400;
  src: local('Tulpen One'), local('TulpenOne-Regular'),
       url('/shared/fonts/tulpen-one-v10-latin-regular.woff2') format('woff2'),
       url('/shared/fonts/tulpen-one-v10-latin-regular.woff') format('woff');
}

/*######--------------------Allgemein---------------------######*/
::selection {
	background: #afca00;
	color: #fff
}
body {
	background:center center / cover fixed no-repeat;
	background-image:linear-gradient(135deg, #EA5D1D 10%, #FA9022 100%);
	font-family: 'Fira Sans','Arial',sans-serif;
	font-weight: 300;
	font-size: 1.125rem;
	line-height: 1.5;
	color: #555 /* 787878 */
}
body.webp:not(.home) {
	background-image:url(/shared/img/background.webp);
}
body:not(.home) {
	background-image:url(/shared/img/background.jpg);
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6, *[class*="fw-"] {
	font-weight: 200;
	color: #595959;
	line-height: 1.2;
}
h2, h3, h4, h5, h6 ,.h2, .h3, .h4, .h5, .h6, .visual,
.fs-2, .fs-3, .fs-4, .fs-5 {
	margin-top: .5rem;
	margin-bottom: .5rem;
}
.articleBody > *:first-child,
.blog-teaser h3 {
	margin-top: 0
}
small {
	font-weight:300;
}
p {
	margin-bottom:1.5rem;
}
p.lead {
	font-size:1.5rem;
	color:#000;
}
p.title-top {
	color: #3B3B3B;
	text-transform: uppercase; 
	letter-spacing: 0.05rem; 
	margin-bottom: 0.5rem; 
}
h1, .h1, .fs-1 {
	font-weight: 200;
	color: #555; 
	font-size: 2.5rem;
	line-height: 1;
	letter-spacing: -3px;
	margin-bottom: 1rem; 
}
h2, .h2, .fs-2 {
	font-size: 1.75rem; /* 2rem */
	color: #3399ff; /*#a4c104*/
	font-weight: 300;
	letter-spacing: -1.5px; 
}
h3, .h3, .fs-3 {
	font-size: 1.5rem; 
	color: #fff;
	background-color: #3399ff;
	letter-spacing: -1px;
	font-weight: 300;
	padding: 0;
	display: inline;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	box-shadow: 5px 0 0 #3399ff, -5px 0 0 #3399ff;
	line-height: 1.25; /*2.6 rem*/
	transition: all .3s
}
h3:after, .h3:after,
fs-3:after, .fs-3:after {
	content: ' ';
	display: block;
	margin-bottom: 0.5rem;
}
h4, .h4, .fs-4 {
	font-size: 1.25rem;
	color: #000;
	font-weight: 300;
	background-color: unset;
	box-shadow: unset;
	letter-spacing:0;
}
h5, .h5, .fs-5 {
	font-weight: 400; 
	color: #555; 
}
h6, .h6, .fs-6 {
	letter-spacing: 0.05rem; 
	font-weight: 500; 
	color: #555;
}
a {
	border-bottom: 1px solid rgba(120,120,120,0.3);
	color: inherit;
	transition: color .3s, border .3s;
}
a:hover, a:focus {
	color: #ff4e00;
	text-decoration: none
}
a:focus {
	outline: none
	/*
	outline-style: dotted;
	outline-width: 1px
	*/
}
.read-more {
	display: inline-block;
	font-size: 1.5rem;
	color: #3399ff!important;
	border-bottom: 2px solid #3399ff!important;
	padding-bottom: 5px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-radius: 0;
	margin: .5rem 0!important;
	transition: color .3s, border .3s;
}
/*.read-more:after {
content: ' »';
color: transparent;
font-size: 0;
border-bottom: 2px solid transparent;
transition: all .3s;
}*/
a:hover .read-more,
.read-more:hover {
	color: #ff4e00!important;
	background-color: transparent!important;
	border-bottom: 2px solid #ff4e00!important;
}
a:hover .read-more:after,
.read-more:hover:after {
	color: #ff4e00!important;
	font-size: 1.5rem;
}
strong {
	color: #555;
	font-weight: 500
}
#noscript{
	right: 0;
	top: 0;
	padding: 10px 15px;
	background: #ff4e00;
	color: #fff;
	z-index: 99999;
}
#loader {
	width:100vw;
	height:100vh;
	position:fixed;
	z-index:999999;
	left:0;
	top:0;
	background-color:rgba(255,255,255,1);
	display:flex;
	align-items:center;
	justify-content:center;
}
#loader img {
	border-radius:50%;
	width:150px;
	height:auto;
}
.no-js #loader {
	display:none;
}

.Silbentrennung{
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

#team1 {
	padding: 5rem 0
}
#newsletter .card {
	background-color: unset
}
#team1 .cards .h4,
#newsletter .card-deck h4,
.blog-teaser > a h3,
#referenzen .card .h4,
.referenzen .card .h4,
#contactpersons h4{
	border-bottom: 1px solid transparent; 
	color: #FF4E00;
	display: inline;
	-webkit-text-decoration: underline transparent; 
	text-decoration: underline transparent; 
	word-break: break-word;
	-webkit-transition: all .5s; 
	-o-transition: all .5s; 
	transition: all .5s
}

.blog-teaser > a:hover h3,
.blog-teaser > a:focus h3,
#team1 .cards a:hover .h4,
#team1 .cards a:focus .h4,
#newsletter .card-deck a:hover h4,
#newsletter .card-deck a:focus h4,
#referenzen a.card:hover .h4,
.referenzen a.card:hover .h4,
#referenzen a.card:focus .h4,
.referenzen a.card:focus .h4,
#contactpersons a:hover h4,
#contactpersons a:focus h4
{
	border-bottom: 1px solid #FF4E00;
}
#team1 .cards figcaption {
background-image: url("data:image/svg+xml,%3Csvg class='d-none d-sm-block' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='21.146px' height='50px' viewBox='0 0 42.292 100' enable-background='new 0 0 42.292 100' xml:space='preserve'%3E%3Cpolyline fill='none' stroke='%23595959' stroke-width='1.9796' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='1.5,1.5 41.193,50 1.5,98.5 '%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 95% 68%
}

#team1 .cards p.sub,
#newsletter .sub,
#referenzen .card p.sub,
.referenzen .card p.sub,
#contactpersons p.sub{
	font-size: 0.8rem; 
	font-weight: 300; 
	opacity: 0.8; 
	color: #555;
}

#referenzen .img-container img,
.referenzen .img-container img,
#kunden.referenzen img,
#referenz-detail #referenz-kurzinfos img,
#newsletter .img-container img,
#featuredRefSlider .img-container img,
.featured-ref .kundenlogo,
#contactpersons .img-container img
/*.blog-teaser img*/{
	-webkit-transition: transform ease-out .3s;
	transition: transform ease-out .3s;
}

#referenz-infos a:hover img,
.referenzen a:hover img,
#referenz-infos a:focus img,
.referenzen a:focus img,
#newsletter a:hover .img-container img,
#newsletter a:focus .img-container img,
#featuredRefSlider a:hover .img-container img,
#featuredRefSlider a:focus .img-container img,
#contactpersons a:hover .img-container img,
#contactpersons a:focus .img-container img
/*.blog-teaser a:hover img,
.blog-teaser a:focus img*/{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

#referenzen .img-container,
.referenzen .img-container,
#blog .teaserImg1,
#newsletter .img-container,
#contactpersons .img-container{
	border: 1px solid #dcdcdc;
	border-top-left-radius: 0.25rem; 
	border-top-right-radius: 0.25rem;
	overflow: hidden;
	display: inline-block
}
/*---------------------Referenzen-Start 2022 / Featured Referenzen-------------------*/
.featured-ref figure {
	display: grid
}
.featured-ref .img-container {
	grid-area: 1 / 1 / 2 / 2
}
.featured-ref figcaption {
	grid-area: 1 / 1 / 2 / 2;
	padding: 15px 30px
}
.featured-ref .kundenlogo {
	padding: 10px;
	background-color: #fff;
	max-width: 50%
}
.featured-ref:nth-of-type(odd) figcaption {
	-ms-flex-order: 2;
	order: 2;
}
.featured-ref:nth-of-type(odd) .img-container {
	-ms-flex-order: 1;
	order: 1;
}
.featured-ref figcaption .btn {
	font-size: 1.125rem;
}
.featured-ref-title {
	color: #000;
	background-color: white; /* #3399ff */
	font-weight: 300;
	padding: 0;
	display: inline;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	box-shadow: 5px 0 0 white, -5px 0 0 white;
}
.featured-ref-title-wrapper {
	margin: 0 5px
}
.featured-ref .sub a:not(.btn),
.ref-more a {
	border-bottom: 1px solid #ff4e00;
	color: #ff4e00;
	transition: color .3s, border .3s;
}
.featured-ref .sub a:not(.btn):hover, a:not(.btn):focus,
.ref-more a:hover, .ref-more a:focus {
	color: rgb(85, 85, 85);
	border-bottom: 1px solid transparent;
	text-decoration: none
}
/* media queries hierzu beachten für md/7xx, lg/992 u. "xxl"/1800 */


/*---------------------Button-------------------*/
.btn {
	margin-bottom: 0.5rem; 
}
#wrapper main section .btn:hover,
#wrapper main section .btn:focus {
	outline: none; 
	box-shadow: none; 
}
.btn-primary {
	background-color: #ff4e00;
	border-color: #ff4e00;
	color: #fff;
	transition: color .3s, background .3s, border .3s;
	font-weight: 300
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active, .btn-primary:active:not([disabled]):not(.disabled){
	background-color: #ff4e00;
	border-color: #ff4e00;
	color: #fff;
}
.featured-ref .btn-primary:hover,
.featured-ref .btn-primary:focus,
.featured-ref .btn-primary:active {
	background-color: #fff;
	border-color: #ff4e00;
	color: #ff4e00;
}

.btn.btn-outline-primary {
	background: transparent;
	border-color: #ff4e00;
	color: #585858;
	font-weight: 300
}
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:not(:disabled):not(.disabled):active{
	background: #ff4e00;
	border-color: #ff4e00;
	color: #fff
}
.btn.btn-outline-primary:hover a,
.btn.btn-outline-primary:focus a {
	color: #fff;
}
.btn.btn-outline-primary:not(:disabled):not(.disabled):active{
	box-shadow: 0 0 0 .2rem #5b9934;
}
.btn.btn-outline-primary.active, 
.btn-outline-primary:not(:disabled):not(.disabled).active, 
.show > .btn-outline-primary.dropdown-toggle {
	background: #ff4e00;
	border-color: #ff4e00;
	color: #fff;
	font-weight: 400
}

.btn.btn-outline-light:hover,
.btn.btn-outline-light:focus,
.btn-outline-light:not([disabled]):not(.disabled):active{
	border-color: #fff; 
	background: #fff; 
	-webkit-box-shadow: none;box-shadow: none; 
}

.input-group-btn .btn {
	margin-bottom: 0;
}
.form-control {
	margin-bottom: 0.5rem; 
	transition: color .3s; 
}
.form-control:focus {
	border-color: #ff4e00;
	-webkit-box-shadow: none;
	box-shadow: none; 
}
section {
	background: #fff;
	padding: 2rem 0;
}
section#team{
	background: none;
}
.bg-gradient-primary {
	background-color: #FF4E00;
}
.dropdown-menu.outline-primary > .dropdown-item {
	font-weight: 300;
	color: rgb(88, 88, 88);
	background-color: rgba(255, 255, 255, 1);
	transition: all .2s; 
}
.dropdown-menu.outline-primary > .dropdown-item:hover {
	color: #fff;
	background-color: rgba(88, 88, 88, .5);
	border: 0;
}
.dropdown-menu.outline-primary > .dropdown-item.active {
	color: #fff;
	background-color: rgb(89,89,89);
}
/*######--------------------Border---------------------######*/
.border-primary {
	border-color: #FF4E00!important;
}
/*######--------------------Header---------------------######*/
header {
	background: #fff;
}
header.border-b{
	border: 1px solid #dcdcdc; 
}
header.fixed-top {
	position: relative;
}

/*#####--------Main und Meta Nav---------#####*/
header nav {
	background-color: white;
}
.navbar-brand {
	border: none;
	width: 65%; 
}
.navbar-brand img {
	width: 100%; 
	display: block; 
}
svg#Logo {
	margin: .5rem 0
}
svg#Logo g#designer path,
svg#Logo g#bestien path{
	fill: #787878!important
}
nav.navbar.navbar-light {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start; 
}
#navbar a {
	border: none; 
	-webkit-transition: color .3s;	-o-transition: color .3s;	transition: color .3s;
}
#mainNav > li > a {
	font-size: 2rem; 
	font-weight: 200;
	text-transform: uppercase; 
	letter-spacing: 0.02rem; 
	color: #555;
	margin-top: -0.25rem; 
	margin-left:-2px;
	padding: 0.2rem 0; 
	-webkit-transition: padding .5s ease, font-size .5s ease, color .5s ease;-o-transition: padding .5s ease, font-size .5s ease, color .5s ease;transition: padding .5s ease, font-size .5s ease, color .5s ease; 
}
#mainNav > li > a:hover,
#mainNav > li > a:focus,
#mainNav > li.active > a{
	color: #FF4E00; 
}
@media screen and (min-width: 992px) {
	#mainNav > li > a {
		padding:0 .5rem; 
		margin-top:.6rem;
		-webkit-transition: padding .5s ease, font-size .5s ease, color .5s ease;-o-transition: padding .5s ease, font-size .5s ease, color .5s ease;transition: padding .5s ease, font-size .5s ease, color .5s ease; 
	}
	#metaNav {
		margin-top: 2rem; 
		margin-bottom: -0.8rem; 
	}
	#mainNav > li.nav-item:last-of-type > a.nav-link,
	#metaNav > li.nav-item:last-of-type > a.nav-link{
		padding-right: 0; 
	}
}
.navbar-light .navbar-toggler {
	border: none; 
	padding-top: 1.1rem; 
}
.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255, 78, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	width: 2.6em; 
	height: 2.6em; 
}
/*#####--------------------Main----------------------#####
main a:hover,
main a:focus{
border-bottom: 1px solid transparent;
}
*/
/*#####------------------Breadcrumb------------------#####*/
section#breadcrumb {
	border-bottom: 1px solid #e5e5e5; 
	padding: 0;
}
#breadcrumb .breadcrumb {
	background: transparent; 
	margin-bottom: 0;
}

/*#####-------------------Title----------------------#####*/
#title {
	background: transparent; 
	color: #fff;
	padding: 3rem 0 0 0;
	overflow: hidden;
	transition: margin .1s; 
}
#title h1 {
	color: #fff
}
#title.video-header > div{
	position: relative; 
	min-height: 810px; 
}
#title.video-header > div > * {
	position: absolute; 
	left: 50%; 
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

/*#####-----------------Jubiläums-Title--------------#####*/
#titleJubi {
	background: url('/shared/img/background.jpg') no-repeat;
	background-size: cover;
	padding: 0;
	margin-top: 164px; 
}
#titleJubi #titleJubiContent {
	overflow: hidden;
}
#titleJubi div.firstClip {
	color: #fff;
	width: 33.3332%;
	width: 100%;
	height: 272px;
	float:left;
	-webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.5);
	background: rgba(137, 63, 11,.3); 
	padding: 1rem 1.5rem;
}
#titleJubi .firstClip h2,
#titleJubi .front > span,
#titleJubi .no-vid span {
	font-family: 'Trade Winds', 'Fira Sans', sans-serif;
}
#titleJubi div.firstClip a h2,
#titleJubi div.firstClip a p {
	color: #fff;
}
#titleJubi div.firstClip a h2 {
	font-size: 40px; 
	letter-spacing: 0.05rem;
	text-indent: -75px;
	padding-left: 75px; 
	margin-top:1rem; 
}
#titleJubi div.firstClip a p {
	font-size: 1.2rem; 
}
#titleJubi div.firstClip img {
	width: 100%;
	height: auto;
	display: block;
}
#titleJubi a {
	border-bottom: none; 
}

#titleJubi div.vid {
	-webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.5);box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.5);
}
#titleJubi div.clip {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	position: relative;
	float:left;
	background-size: contain;
}
#titleJubi div.clip:before {
	content: "";
	display: block;
	padding-top: 69%;
}
#titleJubi div.clip div.withVid {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	color: white;
	text-decoration: none;
}
#titleJubi div.clip a img {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -25px;
	text-decoration: none;
	opacity: 1;
}
#titleJubi div.clip a:hover img {
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#titleJubi div.clip .front span,
#titleJubi div.clip.no-vid span{
	color: white;
	font-size: 50px;
	line-height: 1;
	vertical-align: top; 
	position:  absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 50px;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
}
#titleJubi div.no-vid span {
	opacity: 0.4;
}
#titleJubi div.vid {
	background-color: rgba(255, 78, 0, 0.1);
}
#titleJubi div.vid div.info {
	background-color: rgba(0,0,0,0.3);
	height: 100%;
	width: 100%;
	text-align: center; 
}
#titleJubi #titleJubiContent .vid .infoWrapper .info h3 {
	color: #fff;
	font-size: 1.3rem; 
	font-weight: 600; 
	line-height: 1.2;
	text-align: center; 
	text-transform: none; 
	padding-top: 5px; 
}
#titleJubi .info p {
	margin-bottom: 0;
}
#titleJubi div.vid div.infoWrapper {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}
#titleJubi .vid {
	-webkit-perspective: 1000px;
	perspective: 1000px;
}
#titleJubi .vid:hover .withVid,
#titleJubi .vid.hover .withVid{
	-webkit-transform: rotateY(180deg);	
	transform: rotateY(180deg);
}
#titleJubi .vid, #titleJubi .front, #titleJubi .back {
	width: 197px;
	height: 136px; 
}
#titleJubi .withVid {
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: relative; 
	height: 100%;
}
#titleJubi .back .info i.la {
	font-size: 3rem;
}
#titleJubi .back .info a:hover,
#titleJubi .back .info a:focus{
	border-bottom: none; 
}
#titleJubi .front,
#titleJubi .back {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden; 
	position: absolute; 
	top: 0;
	left: 0;
}
#titleJubi .front {
	z-index: 2;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
#titleJubi .back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

/*#####------------------Filter-Bar---------------------#####*/
#filter {
	background: #e0e0e0;
	padding: 0;
	width: 100%;
}
#filter #filterLinks {
	background: linear-gradient(to bottom, #e0e0e0, #f2f2f2);
}
#filter #filterLinks .card {
	background: none;
	border: none; 
}
#filter #filterLinks a.card h3,
#filter #filterLinks a,
#filter #filterLinks p{
	font-weight: 300;
	font-size: 6vw;
	background-color: unset;
	box-shadow: unset;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#filter #filterLinks a.card:hover h3,
#filter.profil #filterLinks a.card:hover p,
#filter.referenz-controls .nav-link a:hover{
	color: #ff4e00;
}

#filter #filterLinks a.active * {
	color: #ff4e00!important;
}

#filter .list-group,
#filter .list-group-item {
	border-radius: 0!important;
	background-color: transparent!important;
}
#filter .list-group-item:first-child {
	border-width: 0!important;
}
#filter a {
	border-bottom: none; 
	font-weight: 300;
}
#filter #filterLinks .cat.main,
#filter #filterLinks .date.main {
	/* font-size: 1.25rem; */
	font-weight: 400;
}
#filter .date.main,
#filter .cat.main {
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
	padding-bottom: calc(.75rem - 1px);
	border-bottom: 1px solid rgba(0,0,0,.125);
}
#filter .date.main + div {
	max-height: 200px;
}
/*#filter a.date {
width: 33.33%;
}
#filter p span:after {
content: "/"; 
margin-left: 0.2rem; 
margin-right: 0.2rem; 
color: #555; 
}*/
#filter span.active {
	color: #FF4E00;
	/*color: #bf3a00;*/
}
#filter #datefilter a.date {
	/* display: block; */
	line-height: 1.5rem;
}
#filter .cat.main.active,
#filter .cat.sub.active {
	color: #FF4E00;
	border-color: rgba(0,0,0,.125); /*#bf3a00*/;
}

/*---------------Referenzen-Nav-------------*/
#filter button.btn-outline-dark {
	margin: 0.5rem; 
}
#filter.referenz-controls .nav-tabs {
	border-bottom: none; 
}
#filter.referenz-controls .nav-link {
	border: none;
	padding: 0.5rem; 
	padding-left: 1rem;
	border-radius: 0;  
	color: #555;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#filter.referenz-controls .nav-item {
	margin-bottom: 0;
}
#referenz-controls .nav-link.active,
#filter.referenz-controls .nav-link.active {
	color: #585858;
	font-weight: 400;
}
#filter.referenz-controls .nav-item {
	position: relative; 
}
#filter.referenz-controls .btn {
	margin-top: 0.5rem; 
}
#filter i.la-search {
	font-size: 21px
}
#filter.kompetenzen h3,
#filter.kompetenzen .fs-3 {
	color: unset;
}

/*#####------------------Start allg.---------------------#####*/

/*
#start section h2 {
display: none
}
*/

/*#####------------------Start Home---------------------#####*/
.home #start {
	background-color: rgb(222,222,222);
}
#start {
	/* height: 100%; */
}
section#home {
	background-color: white;
	height: 100%;
	min-height: 100%;
}
section#home > div.row,
section#home > div.row > div.d-flex {
	height: 100%;
	min-height: 100%
}
/*
h1.home-title {
font-weight: 200;
color: #555;
font-size: 2rem;
line-height: 1;
letter-spacing: -1px;
margin-bottom: 1rem;
}
*/
.plyr-style-button {
	background: rgba(26,175,255,.8);
	border: 0;
	border-radius: 100%;
	box-shadow: 0 1px 1px rgba(0,0,0,.15);
	color: #fff;
	left: 50%;
	padding: 15px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%) scale(1.3);
	z-index: 1;
	cursor: pointer;
	flex-shrink: 0;
	overflow: visible;
	transition: color .2s, background .2s;
}
.plyr-style-button:focus {
	outline: none;
}
.plyr-style-button:hover {
	background: rgba(26,175,255,1);
	color: #fff;
}
.plyr-style-button svg {
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .15));
	left: 2px;
	position: relative;
	display: block;
	fill: currentColor;
	height: 18px;
	pointer-events: none;
	width: 18px;
}
.plyr--video, .plyr__poster, .plyr__video-wrapper {
	background-color: rgba(0,0,0,0)!important
}
.plyr button.plyr__control--overlaid[data-plyr="play"] {
	transform: scale(2);
	margin-left: -10%;
	margin-top: -10%
}
#home #panel {
	/* background-image: url('/extern/2022-3g/wildner-designer-3g-2022-bg.jpg'); */
	background-size: cover;
	background-position: center;
}
#wildner-clip-panel .plyr button.plyr__control--overlaid[data-plyr="play"] {
	display: none
}
#wildner-clip-panel,
#wildner-clip-button-panel,
#wildner-clip-startbutton,
#wildner-clip-end-panel{
	position: absolute;
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	border: none
}
#wildner-clip-button-panel,
#wildner-clip-end-panel {
	display: none;
	overflow: hidden;
	-moz-box-shadow:    inset 0 0 7px rgba(0,0,0,.3);
	-webkit-box-shadow: inset 0 0 7px rgba(0,0,0,.3);
	box-shadow:         inset 0 0 7px rgba(0,0,0,.3);
}
#wildner-clip-button-panel .bestien,
#wildner-clip-end-panel .bestien {
	color: #fff;
	line-height: 1;
	font-family: 'Amatic SC';
	font-weight: bold;
	position: absolute;
	top: 5%;
	font-size: 10vw;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}
#wildner-clip-button-panel .bestien em,
#wildner-clip-end-panel .bestien em{
	font-style: normal;
	display: inline-block;
}
#wildner-clip-button-panel .bestien div,
#wildner-clip-end-panel .bestien div{
	display: inline;
}
#wildner-clip-button-panel .bestien span,
#wildner-clip-end-panel .bestien span {
	font-size: .7em;
	vertical-align: baseline;
}
#wildner-clip-button-panel .erfolgsrezept,
#wildner-clip-end-panel .erfolgsrezept {
	color: #fff;
	line-height: 1;
	font-family: 'Amatic SC';
	font-weight: bold;
	position: absolute;
	bottom: 0;
	font-size: 16vw;
	right: 9vw;
}
#wildner-clip-button-panel .erfolgsrezept span,
#wildner-clip-end-panel .erfolgsrezept span {
	font-size: .7em;
}
#wildner-clip-end-panel .abspielen {
	color: #fff;
	line-height: 1;
	font-family: 'Amatic SC';
	font-weight: bold;
	font-size: 7vw;
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translateX(-50%)
}
#wildner-clip-button-panel .farn,
#wildner-clip-end-panel .farn {
	height: 190%;
	position: absolute;
	top: 10%;
	left: -20%;
	-webkit-transform-origin: 40% 70%;
	transform-origin: 40% 70%;
	-webkit-animation: waving 3.5s ease-in-out forwards infinite;
	animation: waving 5s ease-in-out forwards infinite;
}
#wildner-clip-button-panel .button-box p,
#wildner-clip-end-panel .button-box p {
	display: none;
}
#wildner-clip-startbutton:hover {
	cursor: pointer;
}
#wildner-clip-startbutton span {
	opacity: 0
}

@keyframes waving {
	0%{transform: rotate(3deg) translateY(-3%);}
	50%{transform: rotate(-3deg) translateY(0)}
	100%{transform: rotate(3deg) translateY(-3%);}
}

@media only screen and (orientation: portrait), (max-device-height: 800px) {
	section#home {
		height: auto;
		min-height: auto
	}
	section#home > div.row,
	section#home > div.row > div.d-flex {
		height: auto;
		min-height: auto
	}
}
@media (min-width: 576px) { /* sm */
	.plyr-style-button {
		transform: translate(-50%,-50%) scale(2);
	}
}
@media (min-width: 768px) {/* md */
	/*
	h1.home-title {
	font-size: 4.5rem;
	letter-spacing: -3px;
}
	*/
	.plyr button.plyr__control--overlaid[data-plyr="play"] {
		transform: scale(3);
		margin-left: 0;
		margin-top: 0%
	}
}
@media (min-width: 992px) { /* lg */
	.plyr button.plyr__control--overlaid[data-plyr="play"] {
		transform: scale(4);
		margin-left: 0;
		margin-top: 0%
	}
	.plyr-style-button {
		transform: translate(-50%,-50%) scale(3);
	}
	#wildner-clip-button-panel .farn,
	#wildner-clip-end-panel .farn {
		left: 0;
		height: 130%;
	}
	#wildner-clip-button-panel .erfolgsrezept,
	#wildner-clip-end-panel .erfolgsrezept {
		font-size: 11vw;
		right: 15vw;
	}
	#wildner-clip-end-panel .abspielen {

	}
}
@media (min-width: 1200px) { /* xl */
	#title h1 {
		white-space: nowrap
	}
	#wildner-clip-button-panel .bestien,
	#wildner-clip-end-panel .bestien {
		top: 5%;
		font-size: 5vw;
		left: 16.5vw;
		transform: rotate(0deg)
	}
	#wildner-clip-button-panel .bestien div,
	#wildner-clip-end-panel .bestien div {
		display: block;
	}
	#wildner-clip-button-panel .bestien > div + div,
	#wildner-clip-end-panel .bestien > div + div {
		padding-left: .65em;
	}
	#wildner-clip-button-panel .bestien span,
	#wildner-clip-end-panel .bestien span {
		vertical-align: top;
	}
	#wildner-clip-button-panel .erfolgsrezept {
		bottom: 3vw;
		font-size: 9vw;
		right: 7vw;
	}
	#wildner-clip-end-panel .erfolgsrezept {
		top: 4vw;
		font-size: 9vw;
		right: 5vw;
	}
	#wildner-clip-button-panel .erfolgsrezept span {
		display: block;
		margin-left: 20%;
		margin-bottom: -3%;
	}
	#wildner-clip-end-panel .abspielen {
		font-size: 4vw;
	}
	.plyr-style-button {
		transform: translate(-50%,-50%) scale(2.7);
	}
}
@media (min-width: 1900px) { /* xxxl */
	#wildner-clip-button-panel .bestien,
	#wildner-clip-end-panel .bestien {
		top: 5%;
		font-size: 5vw;
		left: 20vw;
	}
	.plyr-style-button {
		transform: translate(-50%,-50%) scale(4.5);
	}
}
/* andere home video styles sind aktuell in eigenen css */
/* DB 2022: Ostern-Video hier rein, da nur Mini-Anpassungen */
#home.ostern .bestien {
	left: 20px;
	top: 15px;
	font-size: calc(1rem + 2.5vw);
	transform: translateX(0);
}
#home.ostern .bestien div {
	display: block;
}


	
/*#####------------------Start Kompetenzen---------------------#####*/
.home section#kompetenzen figure {
	height: auto;
}
#start #kompetenzen figure figcaption a p.h2 {
	transition:color .2s;
}
#start #kompetenzen figure a:hover + figcaption p.h2,
#start #kompetenzen figure figcaption a:hover p.h2{
	color: #ff4e00;
}
#start #kompetenzen figure .figure-caption p {
	transition:.3s
}
#start section#kompetenzen figure {
	width: 48%
}
#start section#kompetenzen figure a {
	text-decoration: none;
	border-style: none
}
#start section#kompetenzen figure a img {
	width: 33%;
	height: auto;
}
img.mobile-teaser-icon {
	float: left;
	margin: 0 1rem .4rem 0;
}
.landing-page-teaser{
	background-color:#e0e0e0;
	margin-bottom:5rem;
	margin-top:3rem;
}
@media (min-width: 576px) { /* sm */
	#start section#kompetenzen figure {
		width: 33%
	}
	#start section#kompetenzen figure p.h4 {
		font-size: 1.2rem
	}
}
@media (min-width: 768px) { /* md */
	#start section#kompetenzen figure {
		width: 24%
	}
}
@media (min-width: 992px) { /* lg */
	#start section#kompetenzen figure {
		width: 24%
	}
}
@media (min-width: 1200px) { /* xl */
	#start section#kompetenzen figure {
		width: 12%
	}
	#start section#kompetenzen figure p.h4 {
		font-size: 1.5rem
	}
}
.bulletpoints-buecher li {
	font-size: xx-large;
}
.bulletpoints-buecher li::marker {
	color: #ff4e00;
}
.spalten-fach {
	columns: 2 5em;
	column-span: all; 
}
.fach {
	border: solid 1px #dee2e6;
	border-radius: .3rem;
}
.spalten-2 {
	columns: 2 12em;
	column-span: all; 
	column-gap: 3rem;
}
/*#####------------------Home Blog----------------------------#####*/
section#blog .blog {
	margin: 0 auto;
	max-width: 1200px
}

/*#####------------------Start Referenzen---------------------#####*/
.slick-slide > div {
	padding: 0px
}

/*#####------------------Content---------------------#####*/
/*
#content p {
font-weight: 300;
line-height: 1.6;
}
*/
#content {
	padding-bottom: 4rem; 
}
/*
#content img {
margin-bottom: 1.5rem; 
}
*/
@media screen and (min-width: 720px){
	#content img.float-left,
	#content img.float-md-left {
		margin-right: 1.5rem; 
	}
}
/*Video*/
#content video {
	width: 100%;
	height: auto; 
	margin-bottom: 2rem; 
}
/*cards*/
#service div.col-md-3 {
	margin-bottom: 1.5rem; 
}
#service a {
	background: #fff;
	display: block; 
	color: #555;
}
#service a h3{
	color: #595959;
	font-weight: 400; 
}
#service img {
	max-width: 100px; 
}
/*#####-------------------Blog-----------------------#####*/
.articleBody a {
	border-bottom: 1px solid #3399ff;
	color: #3399ff; 
	transition: all .3s
}
.articleBody a:hover {
	color: #ff4e00;
	border-bottom: 1px solid transparent;
}
.articleBody table {
	width: 100%;
}
.articleBody table td, .articleBody table th {
	border: 1px solid #ddd;
	padding: .25rem .5rem;
}
#blog .teaserImg {
	width: 100%;
	margin-top: 9px;
}
/*
.blog-teaser {
margin-bottom: 3.5rem; 
}
*/
.blog-teaser a {
	border-bottom: transparent; 
}
div.blog-teaser .sub{
	color: #555;
}
.blog-teaser > a .h3{
	color: #ff4e00;
	box-shadow: unset;
	background-color: unset;
}
.blog-teaser div.sub {
	margin-top: 1.25rem; 
	margin-bottom: 0.25rem; 
	margin-top: -0.3rem; 
}
a.banner20 {
	position: relative;
	display: block;
	overflow: hidden;
}
a.banner20 span {
	display: block;
	background-color: #FF5000;
}
a.banner20 img:nth-of-type(1) {
	transition: all .3s
}
a.banner20 img:nth-of-type(2) {
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s
}
a.banner20:hover img:nth-of-type(1) {
	transform: scale(1.03);
	opacity: .3
}
a.banner20:hover img:nth-of-type(2) {
	transform: scale(.97)
}
/*
.blog-teaser > div {
margin-bottom: 2.5rem !important; 
}
.blog-teaser > div h3 {
text-transform: none; 
}
.blog-teaser div.sub time:after {
content: ' /'
}
*/

/*--------------------------Blog-Detail-Seite-------------------------*/

div.mega-header-img { 
	line-height: 1.3; 
	padding: 2px 0; 
	border-left: 20px solid rgba(255,112,51,1);
	margin: 20px auto;
	top: 1rem
}
div.mega-header-img h1 { 
	background-color: rgba(255,112,51,1);
	color: #fff; 
	display: inline;
	margin: 0;
	line-height: 1.14
}
div.mega-header-img h1 strong { 
	position: relative;
	left: -10px; 
	font-weight: 400;
	color: #fff
}
.blog-article div.sub time:after {
	content: "/";
	margin-right: 2px; 
	margin-left: 2px; 
}
.float-clear {
	clear: both
}
.slick-dots li {
	width: 20px;
	height: 20px;
	vertical-align: middle
}
.slick-prev::before, .slick-next::before {
	color: #555;
	font-size: 25px
}
.slick-dots li button::before,
.slick-dots li.slick-active button::before {
	font-size: 12px
}
.slick-dotted.slick-slider {
	margin-bottom: 4rem
}
.slick-next {
	transform: translateX(-70%)
}
.slick-prev {
	transform: translateX(40%);
	z-index: 1
}
div[id^="photos"] a,
.cSlider a,
a.magnify-single {
	display: block;
	position: relative;
	border: none
}
div[id^="photos"] a:hover,
.cSlider a:hover,
a.magnify-single:hover {
	border: none
}
div[id^="photos"] a i,
.cSlider a i,
a.magnify-single i {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	text-decoration: none;
	color: white;
	text-shadow: 0 0 3px rgba(0,0,0,.7);
	font-size: 24px;
	transition: all .3s
}
div[id^="photos"] a:hover i,
.cSlider a:hover i,
a.magnify-single:hover i {
	top: 50%;
	left: 50%;
	font-size: 96px;
	transform: translate(-50%, -50%)
}
div[id^="photos"] a img, 
.cSlider a img,
a.magnify-single img {
	border: 1px solid #dee2e6;
	-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
	transition: all .3s
}
.link-active > .slick-slider > .slick-list {
	padding-bottom: 10px;
	border: none;
	transition: all .3s
}
div[id^="photos"] a:hover img,
a.magnify-single:hover img {
	transform: scale(1.05)
}
.link-active > .slick-slider > .slick-list:hover {
	transform: scale(1.025)
}
.cSlider .slick-slide a img {
	transition: all .3s
}
div[id^="photos"] a:hover img,
.cSlider .slick-slide a:hover img,
a.magnify-single:hover img {
	/*
	-webkit-filter: grayscale(50%) brightness(100%) sepia(100%) hue-rotate(-35deg) saturate(300%) contrast(1);
	filter: grayscale(50%) brightness(100%) sepia(100%) hue-rotate(-35deg) saturate(300%) contrast(1);
	*/
	-webkit-filter: grayscale(75%) contrast(.5) brightness(50%);
	filter: grayscale(75%) contrast(.5) brightness(50%);
}
.slick-dots {
	bottom: -2.5rem
}
.blogPaging a.next,
.blogPaging a.back{
	position: relative; 
}
.blogPaging a.next:after {
	content: "";
	background-image: url(/shared/img/icon-next.png);
	background-size: cover; 
	height: 12px; 
	width: 12px; 
	display: inline-block; 
	vertical-align: 0%; 
	margin-left: 3px; 
}
.blogPaging a.back:before {
	content: "";
	background-image: url(/shared/img/icon-prev.png);
	background-size: cover; 
	height: 12px; 
	width: 12px; 
	display: inline-block; 
	vertical-align: 0%; 
	margin-left: 3px; 
}
.articleBody hr {
	margin: 2rem 0;
}

/*#####-------------------Profil--------------------------------#####*/
#image-video.video-js .vjs-big-play-button {
	top: 50%; 
	left: 50%; 
	height: 2em;
	width: 2em; 
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%); 
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	border-radius: 50%; 
}
#image-video.video-js .vjs-big-play-button {
	font-size: 5em;
	line-height: 2em;
	color: #FF5000;
}
#image-video.video-js .vjs-big-play-button:focus,
#image-video.video-js:hover .vjs-big-play-button {
	background: rgba(115,115,115,.5); 
}
#image-video.image-video-dimensions.vjs-fluid {
	padding-top: 45.81836734963878% !important; 
}
/* DB: Auf Profilseite per Default die Controls des Video ausblenden */
#video .plyr--stopped .plyr__controls {
	opacity:0;
	pointer-events:none;
}
#profil {
}
#profil .slide-card {
	margin-bottom: 2rem; 
}
#profil .slider{
	border: 1px solid rgba(100, 100, 100, 0.25);
	border-radius: 2px;
}
#profil .front, 
#profil .back {
	width: 100%;
}
#profil .front {
	background:white;
	color: #fff;
	padding: 1rem;
	position: relative;
	overflow: hidden;
	padding-top: 0px;
}

#profil .front h2 {
	color: #4d4d4d;
	position: relative; 
}
#profil .front a.doubletap:after {
	content:"+";
	position: absolute; 
	bottom: 0rem; 
	right: 1rem; 
	font-size: 4rem; 
	font-weight: 100;
	color: #4d4d4d;
}

#profil .front a.doubletap:after:hover {
	color: white;
}

#profil .back {
	background: #3399ff; /*#ff4e00*/
	color: #fff;
	padding: 1rem;
	position: absolute;
	top:0;
	left: 0;
	transform: translateX(100%);
	transition: all .3s ease;
	padding-top: 0px;
}
#profil .slide-card:hover .back,
#profil .slide-card.hover .back {
	transform: translateX(0%);
}
#profil .back p.more {
	position: absolute; 
	bottom: 0.5rem;
	text-transform: uppercase;
	margin: 0;
}
#profil .back p.profileAnswer {
	font-size: 1.8rem; 
	line-height: 1.2;
}
#profil .back p.profileAnswer span {
	font-size: 1.3rem; 
}
@media (max-width: 1140px){
	#profil .back p.profileAnswer {
		font-size: 1.5rem; 
	}
	#profil .back p.profileAnswer span {
		font-size: 1rem; 
	}
	#profil .back p.more {
		font-size: 0.9rem;
	}
}
#profil .flip-card, 
#profil .front, .back {
	height: 200px;
}


/*#####-----------------Kompetenzen / Netzwerk------------------#####*/
#kompetenzen p.h2 {
	font-size: 2.3rem;
}
#kompetenzen .card,
.icon-card .card,
#netzwerk .card {
	border: none; 
	margin-bottom: 2rem; 
}
/*
#kompetenzen a.card h3,
.icon-card a.card h3 {
color: #585858;
font-weight: 400;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
*/
#kompetenzen .card p.h2,
.icon-card a.card h2,
.kompetenzen .card p.h2,
#netzwerk a.card h2 {
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#kompetenzen .card:hover p.h2,
.icon-card a.card:hover h2,
.kompetenzen .card:hover p.h2,
#netzwerk a.card:hover h2
{
	color: #ff5000;
}
#kompetenzen .card:hover p,
.icon-card a.card:hover p,
.kompetenzen .card:hover p,
#netzwerk a.card:hover p {
	transition: color .3s;
}
#kompetenzen .card,
#netzwerk a.card {
	color: #555
}
#kompetenzen .card img,
.icon-card a.card img,
#kompetenzen .card svg,
.kompetenzen .card svg,
#netzwerk a.card img,
#netzwerk a.card svg {
	margin-bottom: 1rem;
}
#kompetenzen .card div:nth-of-type(1),
#netzwerk .card div:nth-of-type(1) {
	min-height: 11%;
}
.kompetenzen .card div:nth-of-type(1){
	min-height: 28%;
}
#kompetenzen .card div:nth-of-type(2)
#netzwerk .card div:nth-of-type(2) {
	min-height: 89%;
}
.kompetenzen .card div:nth-of-type(2) {
	min-height: 72%;
}
.color-card {
	background: transparent !important
}
.color-card p {
	font-weight: 300;
	width: 100%;
}
.color-card img {
	height: 50px;
	margin-bottom: 0.5rem;
}

.top-margin {
	margin-top:2rem; 
}
#netzwerk h3,
#netzwerkList h3{
	color: #595959;
	background-color: unset;
	box-shadow: unset;
}
/*#####------------------Page-Nav--------------------#####*/
#page-nav {
	position: fixed; 
	top: 50%; 
	left: 0; 
	right: 0;
	display: block; 
	width: 100%;
	z-index:10000;
}
#page-nav a {
	border-bottom: none; 
	overflow: hidden; 
	width: 50px; 
	height: 120px; 
	-webkit-transition: width 0.5s, background-color .5s;-o-transition: width 0.5s, background-color .5s;transition: width 0.5s, background-color .5s;
	position: absolute; 
	z-index: 100000;
}
#page-nav a 
#page-nav #nav-back{
	left: 0;
	top: 50%;
}
#page-nav #nav-forward {
	right: 0; 
	top: 50%;
}
#page-nav #nav-back span,
#page-nav #nav-forward span{
	position: absolute; 
	z-index: 10000; 
	width: 50px; 
}
#page-nav span.icon-wrap {
	position: absolute; 
	z-index: 100; 
	padding: 10px 5px; 
	width:50px; 
}
#page-nav a .icon-wrap svg {
	-webkit-transition: all .5s;
	-o-transition: all .5s;	transition: all .5s; 
}
#page-nav a:hover span.icon-wrap > svg polyline{
	stroke: #BF3A00; 
}
#page-nav #nav-back span {
	left: 0;
}
#page-nav #nav-forward span {
	right: 0;
}
#page-nav figure {
	position: absolute; 
	top: 0; 
	padding: 0 50px; 
	width: 410px; 
	height: 100%; 
}
#page-nav #nav-back figure {
	left: 0; 
	padding-right: 155px; 
	text-align: right; 
}
#page-nav #nav-forward figure {
	right: 0;  
	padding-left: 155px; 
}
#page-nav figure img {
	position: absolute; 
	top: 10px; 
	height: 100px; 
}
#page-nav #nav-back figure img {
	right: 10px; 
}
#page-nav #nav-forward figure img {
	left: 10px; 
}
#page-nav h4, #page-nav .h4  {
	position: relative;  
	margin-bottom: 0.2rem;
	font-size: 1.3rem; 
}
#page-nav h4 ~ p, #page-nav .h4 ~ p {
	padding-top: 0;
}
#page-nav h4.d-none ~ p, #page-nav .h4.d-none ~ p {
	padding-top: 15px; 
}
#page-nav a:hover {
	width: 410px; 
	background-color: #E0E0E0;
}
#page-nav p {
	padding-top: 0.4rem; 
	margin-bottom: 0.2rem; 
	font-size: 0.8rem;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0.05rem;
}
#page-nav .referenzen h4, #page-nav .referenzen .h4 {
	padding: 0; 
	word-wrap: break-word; 
	letter-spacing: -0.025rem; 
}
/*#####-------------------Team-----------------------#####*/

#team1 .cards p.sub{
	color: #555;
}

/*-------------------Team-Detail------------------*/
.team-head,
.jobs-head{
	color: #fff;
	margin-bottom: 2rem;
	position: relative; 
	overflow: hidden;
}
#content div.team-head img{
	width: auto!important; 
	height: auto;
	margin-left: -100px;
}
#content div.jobs-head img{
	width: 100% !important; 
	height: auto;
}
.team-head-text,
.jobs-head-text{
	position: absolute; 
	right: 1rem; 
	bottom: 1rem; 
	text-align: right;
}
#content div.jobs-head.team-head-text {
	width: auto;
}
#content div.jobs-head.jobs-head-text {
	width: 500px;
}
.team-head h2 {
	font-size: 3rem;
	font-family: 'Amatic SC','Fira Sans','Arial',sans-serif
}
.team-head h2, 
.team-head h5,
.jobs-head h2{
	color: white;
	margin-bottom: 0rem;
	margin-top: 0rem;
	line-height:1;
}
.team-head h2.h3 {
	line-height: unset;
}
.team-head h5 {
	font-size: 1.8rem; 
	color: #fff; 
	margin-left: 0%; 
}
.team h5 {
	font-weight: 600;
}
#content.team div.jobs-head p.h3{
	font-size: 1.5rem;
}
.team dl dt {
	font-weight: 500; 
	text-align: right; 
	width: 33.3%;
	float: left;
	display: block; 
}
.team dl:after {
	display: block;
	clear: both;
	content: "";
}
.team dl dd:before {
	content: "•"; 
	font-weight: 500;
	margin: 0 10px;
}
.team dl dd {
	display: block; 
	width: 66.6%;
	float: left; 
	text-indent: -25px; 
	padding-left: 25px; 
}
.hover-slip > div {
	margin-bottom: 1rem; 
}
.hover-slip > div,
.hover-slip > div figure{
	overflow: hidden;
	background: #fff;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}
.hover-slip figure {
	margin-bottom: 0;
}
.hover-slip > div a {
	overflow: hidden;
	background: #fff;
	border: none;
}
.hover-slip figure figcaption {
	background: #fff;
	padding-top: 0.5rem;
	padding-right: 0.5rem;
	position: relative;
	z-index: 999;
	padding-bottom: 0.5rem;
	padding-left:1px;
}
.hover-slip figure figcaption p {
	margin-bottom: 0;
}
.hover-slip figure figcaption svg {
	position: absolute;
	right: 0;
	top: 0.8rem;
	-webkit-transform: translateX(-30%);
	-ms-transform: translateX(-30%);
	transform: translateX(-30%);
	-webkit-transition: -webkit-transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
}
.hover-slip a:hover figure figcaption svg {
	-webkit-transform: translateX(0%);	-ms-transform: translateX(0%);	transform: translateX(0%); 
}
.da-thumbs > div {
	position: relative;
}
.da-thumbs > div a,
.da-thumbs > div a img {
	display: block;
	position: relative;
}
.da-thumbs  a {
	overflow: hidden;
}
.da-thumbs > div a div{
	position: absolute;
	width: 100%;
	height: 100%;
}
.cards .da-thumbs figure img,
.cards .da-thumbs  img.slide {
	border: 1px solid #dee2e6;
}
.team-info {
	word-wrap: break-word;
}
.team-info a {
	border-bottom: 1px solid #555;
}
.team-info .h3 a {
	letter-spacing:0;
}
#content .team-info p {
	margin-bottom: 0.6rem; 
	font-size: 1.2rem; 
}
/*----------------------------Jobs----------------------------*/
#bewerben {
	background-color: #FF4E00;
	background-image: linear-gradient( 135deg, #FD6E6A 10%, #FFC600 100%);
	background-image: linear-gradient( 135deg, #EA5D1D 10%, #FA9022 100%);
	color: #fff; 
}
#bewerben h2 {
	color: #fff; 
	font-weight: 400;
}

#bewerben a#bewerben-tel {
	color: #fff; 
	font-weight: 400;
	border-bottom: 1px solid transparent; 
	display: inline;
	-webkit-text-decoration: underline transparent; 
	text-decoration: underline transparent; 
}
#bewerben a#bewerben-tel:hover {
	border-bottom: 1px solid #555;
}

div.wildfang a.card{
	background: none;
	border: none;
	border-bottom: 3px solid #4d4d4d;
	border-radius: 0px;
}
div.wildfang h2,
div.wildfang h3{
	color: white;
	letter-spacing: normal;
	transition: all .5s ease; 
}
div.wildfang h2:hover{
	color: #555
}
div.wildfang img {
	border-radius: 4px;
	border-bottom-right-radius: 0px;
	transition-duration: 0.3s;
}
div.wildfang img:hover {
	transform: scale(1.05);
	transition-duration: 0.3s;
}
/*#####------------------Modals-----------------------#####*/
.modal-backdrop{
	background: #1f1f22; 
}
.modal-backdrop.show{
	opacity: .2;
}
.modal-content{
	border: none; 
}
.modal-header{
	background-image: linear-gradient( 135deg, #EA5D1D 10%, #FA9022 100%);
	color: #fff; 
}
.modal-title {
	color: #fff; 
	font-weight: 400; 
}
.modal-dialog .close,
.modal-dialog .close span{
	color: #fff; 
	opacity: 1;
	cursor: pointer; 
}
p.modal-headline .h3 {
	font-size: 1.5rem
}
p.modal-headline > a:hover,
p.modal-headline > a:focus {
	background-color: #FF4E00;
	color: white;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	box-shadow: 5px 0 0 #FF4E00, -5px 0 0 #FF4E00;
}
.modal-body .modal-link {
	border-bottom: none; 
	color: #555; 
	display: block; 
	padding: 0.25rem 0; 
	font-weight: 200; 
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	font-size: 1rem;
	text-overflow: ellipsis; 
	border-bottom: 1px solid transparent;
}
.modal-body .modal-link:hover,
.modal-body .modal-link:focus {
	color: #FF4E00
}
.modal-body .kunde-section {
	columns: 1
}
@media (min-width: 768px) { /* md */
	.modal-body .kunde-section {
		columns: 2
	}
}
@media (min-width: 1200px) { /* lg */
	.modal-body .kunde-section {
		columns: 3
	}
}
/*#####-----------------Referenzen-------------------#####*/
#referenzen .card,
.referenzen .card {
	border: none;
	overflow:hidden;
	margin-bottom: 30px
}
#referenzen figure,
.referenzen figure {
	position: relative; 
}

#referenzen .self a.card {
	/* border: 1px solid red */
}
#referenzen .card .category,
.referenzen .card .category {
	border-bottom: 1px solid #2A7C61;
	display: inline; 
	color: #2A7C61;
}
#referenzen .card .client,
.referenzen .card .client {
	color: #555;
	text-transform: uppercase; 
	letter-spacing: 0.05rem;
	margin-bottom: 0.2rem;
	margin-left:1px;
	font-size: 0.9rem; 
}
.col-md-3 p.sub {
	margin-bottom: 0.1rem; 
}
#referenzen .card time,
.referenzen .card time {
	color: #989898;
}
#referenzen .card time:after,
.referenzen .card time:after {
	content: "/";
	margin: 0 4px; 
}


#referenzen .topRefList figure figcaption,
.referenzen .topRefList figure figcaption {
	position: absolute; 
	left: 1.5rem; 
	bottom: 2rem; 
}
#referenzen .card-img-overlay,
.referenzen .card-img-overlay {
	background-color: white;
	bottom: unset;
	top: -500px;
	padding: 2rem;
	border: 1px solid #dcdcdc;
	border-top-left-radius: 0.25rem; 
	border-top-right-radius: 0.25rem;
	border-bottom-width: 0;
	-webkit-transition: all ease-out .2s;
	transition: all all ease-out .2s;
}
#referenzen a:hover .card-img-overlay,
.referenzen a:hover .card-img-overlay {
	top: 0;
}
#referenzen h2.card-title,
.referenzen h2.card-title {
	color: #FF4E00;
	font-size: 1.8rem;
	margin-top: 0;
}
#referenzen h3.card-subtitle,
.referenzen h3.card-subtitle {
	color: #555;
	font-size: 1.3rem;
	background-color: unset;
	box-shadow: unset;
}
#referenzen .card-text,
.referenzen .card-text {
	color: #555;
}
.older-ref-4 img {
	filter: saturate(60%);
}
.older-ref-5 img {
	filter: saturate(50%);
}
.older-ref-6 img {
	filter: saturate(40%);
}
.older-ref-8 img {
	filter: saturate(30%);
}
.older-ref-10 img {
	filter: saturate(20%);
}
.older-ref-13 img {
	filter: saturate(10%);
}
.older-ref-15 img {
	filter: saturate(0%);
}

/*---Referenzen-Detail-Seite---*/
#featureImg figure img {
	-webkit-transition: all ease-out .3s;
	transition: all ease-out .3s;
	margin-bottom: 0; 
	display: block
}
#featureImg figure a {
	overflow: hidden; 
	display: block; 
	border: none;
	position: relative
}
#featureImg figure a:hover img {
	-webkit-transform: scale(1.05);	-ms-transform: scale(1.05);	transform: scale(1.05);
	/*
	-webkit-filter: grayscale(50%) brightness(100%) sepia(100%) hue-rotate(-35deg) saturate(300%) contrast(1);
	*/
	-webkit-filter: grayscale(75%) contrast(.5) brightness(50%);
	filter: grayscale(75%) contrast(.5) brightness(50%);
}

#featureImg figure a i {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	text-decoration: none;
	color: white;
	text-shadow: 0 0 3px rgba(0,0,0,.7);
	font-size: 24px;
	transition: all .3s
}
#featureImg figure a:hover i {
	top: 50%;
	left: 50%;
	font-size: 96px;
	transform: translate(-50%, -50%)
}
#featureImg figure.col-12 a:hover i {
	font-size: 192px
}

#referenz-kurzinfos a.img {
	border-bottom: none; 
}
#referenz-kurzinfos div {
	margin-top: 2rem;
}
#referenz-kurzinfos .kundenlogo {
	/*border: 1px solid #ddd;*/
	padding: 10px;
}
a[class^=customer-filter],
a[class^=customer-filter]:hover {
	border: none
}
a[class^=customer-filter] .btn.btn-outline-primary.active {
	font-weight:300
}
a[class^=customer-filter]:hover .btn.btn-outline-primary.active {
	background-color: transparent;
	color: rgb(88, 88, 88)
}
.old-ref-badge {
	color: white;
	background-color: #3399ff;
	margin-top: 1rem
}
.old-ref-badge a {
	color: white;
	border-bottom-color: white!important;
	transition: all .2s
}
.old-ref-badge a:hover {
	text-decoration: none;
	border-bottom-color: #3399ff!important;
}
.old-ref-badge-light {
	color: #555;
	border: 1px solid #555;
	background-color: white;
	margin-top: 1rem
}
.old-ref-badge-light a {
	color: #555;
	border-bottom-color: #555!important;
	transition: all .2s
}
.old-ref-badge-light a:hover {
	text-decoration: none;
	border-bottom-color: white!important;
}

/*#####---------------Newsletter-Website-------------#####*/
#newsletter .projects {
	background-color: #eeeeee;
}
.news-date-link {
	min-width: 21px; 
	display: inline-block; 
	margin: 0.3rem 0.6rem 0 0.6rem; 
	font-size: 1.29rem; 
}
.news-date-link.true {
	font-weight: 500;
	color: #ff4e00;
}

/*#####------------------Netzwerk---------------------#####*/
.nw-logo-container {
	height: 70px;
	margin-bottom: 1.5em;
}
.nw-firma-container {
	/* height: 4.5em; */
}

/*#####------------------Kontakt---------------------#####*/

.accordion p.accordion-header {
	border-bottom:1px solid #c3c3c3;
}
.accordion div:not(.accordion-body) h4 {
	margin-top: 0;
}
.accordion h2 a,
.accordion h3 a,
.accordion h4 a,
.accordion h5 a,
.accordion p.accordion-header a {
	border-bottom:none;
	display:block;
	font-weight:300;
	text-indent:-40px;
	position:relative;
	padding:15px 0 0px 55px;
	margin-bottom:5px;
	hyphens:auto;
}
.accordion div[role="tab"] a:hover, .accordion div[role="tab"] a:focus {
	border-bottom:none;
}

.accordion h2 a span,
.accordion h3 a span,
.accordion h4 a span,
.accordion h5 a span {
 color: #555
}
.accordion h2 a:focus,
.accordion h3 a:focus,
.accordion h4 a:focus,
.accordion h5 a:focus {
 color: #ff4e00
}
.accordion-body h4, .accordion-body h3, .accordion-body h5 {
	margin-top: 0;
	color: #3399ff;
}

.accordion a span, .accordion a span {
	content:"+";
}
.accordion a button {
	border:none;
	background:none;
	color:inherit;
	font-weight:200;
	padding:0;
	margin-right:15px;
	transition:transform .5s;
}
.accordion .accordion-body > div {
	/* border-bottom:1px solid #c3c3c3; */
}
.accordion-body {
	padding-left: 50px;
}
.accordion a button:focus {
	outline:none;
}
.accordion h2 a[aria-expanded="true"] button,
.accordion h3 a[aria-expanded="true"] button,
.accordion h4 a[aria-expanded="true"] button,
.accordion h5 a[aria-expanded="true"] button,
.accordion p.accordion-header a[aria-expanded="true"] button {
	transform:rotate(45deg);
}
#contactform input[type="text"],
#contactform textarea {
	border: 1px solid grey!important
}

/*#######----------------Akkordeon Blog-----------#######*/
/*
.accordion .card-header button {
  position: relative;
}
.accordion .card-header button:after {
  content: "+";
  color: #FF4E00;
  top: -2px;
  right: 0px;
  position: absolute;
  font-family: "LineAwesome"
}
.accordion .card-header button[aria-expanded="true"]:after {
  content: "\f056";
}
*/


.vgnWidget a, .vgnWidget a:hover, .vgnWidget a:focus {
	border-bottom:none; 
}
textarea#Mitteilung {
	min-height:100px;
	height:100px;
	max-height:400px;
}
form p small {
	line-height:1.5;
}

/*#######------------------Landing-Pages-------------######*/
.landing-page header {
}
.landing-page .la-sort-desc {
	font-size: 32px;
	color: #f88f21
}
.landing-page .intro-text {
	top: 0;
	height: 100%
}
.landing-page .card-title {
	/* padding-left:1.25rem; */
}
.landing-page .btn.btn-outline-primary {
	padding-top:.375rem;
	padding-bottom:.375rem;
	font-size:1rem;
}
.landing-page .btn.btn-primary:hover {
	background-color: transparent;
	color:#555;
}
.landing-page .card {
	transition:background .2s;
}
.landing-page .card:hover {
	background:rgba(0,0,0,.05);
}
.landing-page .columns{
	column-count:1;
	column-gap:50px;
}
@media (min-width: 576px) { /* sm */
}
@media (min-width: 768px) { /* md */
}
@media (min-width: 992px) { /* lg */
	.landing-page header {
		padding: 0 1.85vw
	}
	.landing-page .columns{
		column-count:2;
		column-gap:50px;
	}
}
@media (min-width: 1200px) { /* xl */
	.landing-page header {
		padding: 0 3.75vw
	}
}
@media screen and (min-width: 1400px) { /* 2xl */
	.landing-page header {
		padding: 0 7.5vw
	}
}
@media screen and (min-width: 1600px) { /* 3xl */
	.landing-page header {
		padding: 0 15vw
	}
}

/*#######------------------Footer--------------------######*/
footer {
	background:#fff;
	border-top:1px solid #dcdcdc;
	padding:3rem 0 0 0;
}
#copyright {
	background:#646464;
}
#copyright a {
	border-bottom:none;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:.05rem;
	line-height:1rem;
	transition:color 0.5s;
}
#copyright a:hover, #copyright a:focus, #copyright a.active, #copyright p {
	color:#a1a1a1;
}
#copyright p small {
	font-size:.75rem;
	line-height:1.337;
}
#copyright div:not(.social) > a:not(:last-child):after {
	content:"/";
	margin:.5rem;
	color:#fff;
	display: inline-block;
}
#copyright a:hover:after, #copyright a:focus:after {
	color:#fff;
}
#copyright .social a {
	transition:opacity .2s;
}
#copyright .social a:hover, #copyright .social a:focus {
	opacity:.4;
}

/*#######------------Utilities und Overwrites-----------------######*/
.container-fluid {
	max-width: 2560px;
}
.container-hashtag {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.loading-more {
	background-image: url('/shared/img/loader.gif')!important;
	background-position: center center!important;
	background-repeat: no-repeat!important;
	background-color: white!important;
}
.loading-more span {
	opacity: 0;
}
.shariff-button a {
	transition: all .3s!important
}
.figure-caption, .YoutubeSubtitle {
	font-size: 70%;
	padding-top: .5rem
}
.max-width {
	max-width: 1920px
}
.no-js noscript + img {
	display: none!important
}


/*#######------------Klaro CMP-----------------######*/
#klaro .klaro .cookie-modal {
	z-index:9999;
	font-weight:400;
}
#klaro .klaro .cookie-modal h4 {
	margin-top:0;
	color:#fff;
}
#klaro .klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, main .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider, #klaro .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider,
#klaro .klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider, main .klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider, #klaro .klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider {
	background-color:#3399ff;
}
#klaro .klaro .cookie-modal a, #klaro .klaro .context-notice a, #klaro .klaro .cookie-notice a {
	color:#3399ff;
}
#klaro .klaro .cookie-modal .cm-btn, #klaro .klaro .cookie-modal .cm-btn.cm-btn-accept, main .klaro .context-notice .cm-btn, #klaro .klaro .cookie-notice .cm-btn,
#klaro .klaro .cookie-modal .cm-btn.cm-btn-success, main .klaro .context-notice .cm-btn.cm-btn-success, #klaro .klaro .cookie-notice .cm-btn.cm-btn-success {
	background-color:#666;
	padding:.375rem .75rem;
}
#klaro .klaro .cookie-modal .cm-btn.cm-btn-accept-all, main .klaro .context-notice .cm-btn.cm-btn-info, #klaro .klaro .cookie-notice .cm-btn.cm-btn-info,
#klaro .klaro .cookie-modal .cm-btn.cm-btn-success-var, main .klaro .context-notice .cm-btn.cm-btn-success-var, #klaro .klaro .cookie-notice .cm-btn.cm-btn-success-var {
	background-color:#3399ff;
}
#klaro .klaro .cm-purpose label {
	margin-bottom:0;
}
.btn-klaro.btn-outline-primary:hover, .btn-klaro.btn-outline-primary:focus {
	color:#fff !important;
}

/*#######------------Cookie Consent-----------------######*/
.cc-window {
	opacity: 1;
	transition: opacity 1s ease;
	color: #555 !important;
}
.cc-window.cc-invisible {
	opacity: 0
}
.cc-animate.cc-revoke {
	transition: transform 1s ease
}
.cc-animate.cc-revoke.cc-top {
	transform: translateY(-2em)
}
.cc-animate.cc-revoke.cc-bottom {
	transform: translateY(2em)
}
.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
	transform: translateY(0)
}
.cc-grower {
	max-height: 0;
	overflow: hidden;
	transition: max-height 1s
}
.cc-link,
.cc-revoke:hover {
	text-decoration: underline
}
.cc-revoke,
.cc-window {
	position: fixed;
	overflow: hidden;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	z-index: 9999
}
.cc-window.cc-static {
	position: static
}
.cc-window.cc-floating {
	padding: 2em;
	max-width: 24em;
	-ms-flex-direction: column;
	flex-direction: column
}
.cc-window.cc-banner {
	padding: 1em 1.8em;
	width: 100%;
	-ms-flex-direction: row;
	flex-direction: row
}
.cc-revoke {
	padding: .5em
}
.cc-header, .cc-message{
	font-size: 0.8rem !important;
}
.cc-header {
	font-weight: 700
}
.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
	cursor: pointer
}
.cc-link, .cc-deny {
	border-bottom: 1px solid rgba(120,120,120,0.3) !important;
	color: #555 !important;
	text-decoration: none !important;
	display:inline !important;
	padding:0 !important;
	border-radius:0 !important;
	line-height:1.25 !important;
	transition: color .3s, border .3s;
}
.cc-link:hover, .cc-deny:hover {
	color: #ff4e00 !important;
}
.cc-link:active,
.cc-link:visited {
	color: initial
}
.cc-btn {
	background: white;
	border-color: #ff4e00;
	color: #585858;
	font-weight: 300;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #ff4e00;
	padding: .375rem .75rem;
	font-size: 0.8rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.cc-btn:hover{
	color: white;
	background: #ff4e00;
}
.cc-highlight .cc-btn:first-child {
	background-color: transparent;
	border-color: transparent
}
.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
	background-color: transparent;
	text-decoration: underline
}
.cc-close {
	display: block;
	position: absolute;
	top: .5em;
	right: .5em;
	font-size: 1.6em;
	opacity: .9;
	line-height: .75
}
.cc-close:focus,
.cc-close:hover {
	opacity: 1
}
.cc-revoke.cc-top {
	top: 0;
	left: 3em;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em
}
.cc-revoke.cc-bottom {
	bottom: 0;
	left: 3em;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em
}
.cc-revoke.cc-left {
	left: 3em;
	right: unset
}
.cc-revoke.cc-right {
	right: 3em;
	left: unset
}
.cc-top {
	top: 1em
}
.cc-left {
	left: 1em
}
.cc-right {
	right: 1em
}
.cc-bottom {
	bottom: 1em
}
.cc-floating>.cc-link {
	margin-bottom: 1em
}
.cc-floating .cc-message {
	display: block;
	margin-bottom: 1em
}
.cc-window.cc-floating .cc-compliance {
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}
.cc-window.cc-banner {
	-ms-flex-align: center;
	align-items: center
}
.cc-banner.cc-top {
	left: 0;
	right: 0;
	top: 0
}
.cc-banner.cc-bottom {
	left: 0;
	right: 0;
	bottom: 0
}
.cc-banner .cc-message {
	display: block;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	max-width: 100%;
	margin-right: 1em
}
.cc-compliance {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: justify;
	align-content: space-between
}
.cc-floating .cc-compliance>.cc-btn {
	-ms-flex: 1;
	flex: 1
}
.cc-btn+.cc-btn {
	margin-left: .5em
}
@media print {
	.cc-revoke,
	.cc-window {
		display: none
	}
}
@media screen and (max-width:900px) {
	.cc-btn {
		white-space: normal
	}
}
@media screen and (max-width:567px) {
	.cc-window.cc-top {
		top: 0
	}
	.cc-window.cc-bottom {
		bottom: 0
	}
	.cc-window.cc-banner,
	.cc-window.cc-floating,
	.cc-window.cc-left,
	.cc-window.cc-right {
		left: 0;
		right: 0
	}
	.cc-window.cc-banner {
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.cc-window.cc-banner .cc-compliance {
		-ms-flex: 1 1 auto;
		flex: 1 1 auto
	}
	.cc-window.cc-floating {
		max-width: none;
		font-size: 0.75rem;
	}
	.cc-window .cc-message {
		margin-bottom: 1em
	}
	.cc-window.cc-banner {
		-ms-flex-align: unset;
		align-items: unset
	}
	.cc-window.cc-banner .cc-message {
		margin-right: 0
	}
}
.cc-floating.cc-theme-classic {
	padding: 1.2em;
	border-radius: 5px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
	text-align: center;
	display: inline;
	-ms-flex: none;
	flex: none
}
.cc-theme-classic .cc-btn {
	border-radius: 5px
}
.cc-theme-classic .cc-btn:last-child {
	min-width: 140px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
	display: inline-block
}

/*#######------------Outdated Browser-----------------######*/
#outdated {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 190px;
	text-align: center;
	text-transform: uppercase;
	z-index: 1500;
	background-color: #FF4E00 !important;
	color: rgb(85, 85, 85);
}
* html #outdated {
	position: absolute;
}
#outdated h6 {
	font-size: 25px;
	line-height: 25px;
	margin: 30px 0 10px;
}
#outdated #btnUpdateBrowser {
	background: white !important;
	color: #585858 !important;
	display:block;
	font-weight: 300;
	white-space: nowrap;
	vertical-align: middle;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #ff4e00;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	margin: 30px auto 0;
	width: 300px;
}
#outdated #btnUpdateBrowser:hover {
	color: white !important;
	background: #585858 !important;
}
#outdated .last {
	position: absolute;
	top: 10px;
	right: 25px;
	width: 20px;
	height: 20px;
}
#outdated .last[dir='rtl'] {
	right: auto !important;
	left: 25px !important;
}
#outdated #btnCloseUpdateBrowser {
	display: block;
	color: #585858 !important;
	transform: scale(7);
	border: none;
}

/*#######------------Media Queries------------------######*/

@media (min-width: 576px) { /* sm */

	.container-hashtag {
		max-width: 540px;
	}
	h1, .h1{
		font-size: 4.5rem;
	}
	h2, .h2:not('div') {
		font-size: 2.5rem;
	}
	h3, .h3{
		font-size: 2rem;
	}
	h4, .h4{
		font-size: 1.5rem;
	}
	#profil .front h2 {
		font-size: 1.6rem;  
		letter-spacing: -0.5px;
	}
	#image-video.video-js .vjs-big-play-button {
		font-size: 10em;
	}
	#filter #filterLinks a.card h3{
		font-size: 2rem;
		line-height: 2rem;
		font-weight: 300;
	}
	#filter #filterLinks a,
	#filter #filterLinks .date.main{
		font-size: unset;
	}	
	#filter.referenz-controls .nav-link{
		padding: 1rem;
	}
	#filter.profil #filterLinks p.h4{
		font-size: 1.5rem;
		color: #585858;
		line-height: 1.5rem;
		background-color: unset;
		box-shadow: unset;
	}
	#filter.profil #filterLinks p.h5{
		font-size: 1.25rem;;
		line-height: 1.5rem;
		color: #555;
	}
	#profil .flip-card, 
	#profil .front, .back {
		height: 250px;
	}
	.color-card img {
		height: 135px;
	}
	#content.team div.jobs-head p.h3 {
		font-size: 2rem;
	}
	#content div.team-head img {
		margin-left: 0px;
	}
	.css-cols-1, .css-cols-2, .css-cols-3, .css-cols-4 {
		column-gap: 1rem;
		margin-bottom: 1.5rem
	}
	.css-cols-1 {
		column-count: 1;
	}
	.css-cols-2 {
		column-count: 2
	}
	.css-cols-3 {
		column-count: 2
	}
	.css-cols-4 {
		column-count: 2
	}
}

@media (min-width: 768px) { /* md */
	body {
		background-size: cover; 
	}
	.container-hashtag {
		max-width: 720px;
	}
	header.fixed-top {
		position: fixed;
	}
	.navbar-brand {
		width: auto;
	}
	.container {
		width: 100%;
	}
	#titleJubi div.firstClip{
		width: 50%;
	}
	#titleJubi div.clip {
		width: 25%;
	}
	#titleJubi div.firstClip a h2 {
		font-size: 45px; 
	}
	#profil .front h2 {
		font-size: 1.6rem;  
		letter-spacing: -0.5px;
	}
	.team-head p,
	.jobs-head p{
		margin-bottom: 0.5rem; 
		line-height: 1.25;
		font-size: 1.5rem;
	}
	.jobs-head-text{
		width: 300px;
	}
	.jobs-head h2 {
		font-size: 2.5rem;
		line-height: 1;
	}
}

@media (min-width: 992px) { /* lg */
	.container-hashtag {
		max-width: 960px;
	}
	#loader img {
		width:auto;
	}
	#profil .front h2 {
		font-size: 1.7rem;  
		letter-spacing: 0;
	}
	#titleJubi div.clip {
		width: 16.666667%;
	}
	#titleJubi div.firstClip{
		width: 33.33332%;
	}
	#referenzen h2.card-title {
		font-size: 2.5rem;
	}
	#referenzen h3.card-subtitle {
		font-size: 1.75rem;
	}
	.featured-ref figure {
		display: flex
	}
	.featured-ref figcaption {
		padding: 0 15px
	}
	.featured-ref .kundenlogo {
		padding: unset;
		max-width: 100%
	}
	.featured-ref:nth-of-type(odd) figcaption {
		-ms-flex-order: 1;
		order: 1;
	}
	.featured-ref:nth-of-type(odd) .img-container {
		-ms-flex-order: 2;
		order: 2;
	}
	.featured-ref:nth-of-type(even) figcaption {
		-ms-flex-order: 2;
		order: 2;
	}
	.featured-ref:nth-of-type(even) .img-container {
		-ms-flex-order: 1;
		order: 1;
	}
	.featured-ref-title-wrapper {
		margin: 0;
	}
	#profil .flip-card, 
	#profil .front, .back {
		height: 300px;
	}
	.team-head-text { 
		right: 1rem;
		bottom: unset;
		top: 1rem
	}
	.team-head-text,
	.jobs-head-text{
		width: 350px;
	}
	.team-head p,
	.jobs-head p{
		font-size: 1.5em;
	}
	.team-head h2,
	.jobs-head h2{
		color: #B3B3B3;
		font-size: 3.5rem;
		margin-top: 0px;
	}
	.css-cols-1, .css-cols-2, .css-cols-3, .css-cols-4 {
		column-gap: 1rem;
		margin-bottom: 1.5rem
	}
	.css-cols-1 {
		column-count: 1;
	}
	.css-cols-2 {
		column-count: 2
	}
	.css-cols-3 {
		column-count: 3
	}
	.css-cols-4 {
		column-count: 3
	}
}

@media (max-width: 1200px){
	.team-head.jobs-head .team-head-text {
		max-width: 350px;
	}
	#content div.jobs-head .team-head-text {
		width: 240px;
	}
	#page-nav {
		display: none;
	}
}

@media (min-width: 1200px) { /* xl */
	.container {
		max-width: 1200px;
	}
	.container-hashtag {
		max-width: 1559px;
	}
	#titleJubi div.firstClip a h2 {
		font-size: 50px;
	}
	.home section#kompetenzen figure {
		height: 100%;
	}
	#profil .front h2 {
		font-size: 1.85rem;
		letter-spacing: 0;
	}
	#content .team-head.jobs-head p {
		font-size: 2rem;
	}
	.team-head-text,
	.jobs-head-text{
		width: 500px;
	}
	.team-head p,
	.jobs-head p{
		font-size: 2em;
	}
	.team-head h2,
	.jobs-head h2{
		font-size: 5.5rem;
	}
	.css-cols-1, .css-cols-2, .css-cols-3, .css-cols-4 {
		column-gap: 1rem;
		margin-bottom: 1.5rem
	}
	.css-cols-1 {
		column-count: 1;
	}
	.css-cols-2 {
		column-count: 2
	}
	.css-cols-3 {
		column-count: 3
	}
	.css-cols-4 {
		column-count: 4
	}
}

@media screen and (min-width: 1400px) { /* 2xl */
	.container: 
	max-width: 1400px; 
}

@media screen and (min-width: 1600px) { /* 3xl */
	.container: 
	max-width: 1600px; 
}

@media screen and (min-width: 1650px) { /* 3xl */
	.featured-ref.col-xxl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (min-width:1800px) {
	.container-xxl-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
    max-width: 2800px;
  }
	/* vorl. kein Wechsel links-rechts
	.featured-ref:nth-of-type(odd) figcaption,
	.featured-ref:nth-of-type(even) figcaption {
		-ms-flex-order: 1;
		order: 1;
	}
	.featured-ref:nth-of-type(odd) .img-container,
	.featured-ref:nth-of-type(even) .img-container {
		-ms-flex-order: 2;
		order: 2;
	}
	.featured-ref:nth-of-type(3) figcaption,
	.featured-ref:nth-of-type(4) figcaption,
	.featured-ref:nth-of-type(7) figcaption,
	.featured-ref:nth-of-type(8) figcaption,
	.featured-ref:nth-of-type(11) figcaption,
	.featured-ref:nth-of-type(12) figcaption,
	.featured-ref:nth-of-type(15) figcaption,
	.featured-ref:nth-of-type(16) figcaption,
	.featured-ref:nth-of-type(19) figcaption,
	.featured-ref:nth-of-type(20) figcaption,
	.featured-ref:nth-of-type(23) figcaption,
	.featured-ref:nth-of-type(24) figcaption,
	.featured-ref:nth-of-type(27) figcaption,
	.featured-ref:nth-of-type(28) figcaption,
	.featured-ref:nth-of-type(31) figcaption,
	.featured-ref:nth-of-type(32) figcaption,
	.featured-ref:nth-of-type(35) figcaption,
	.featured-ref:nth-of-type(36) figcaption {
		-ms-flex-order: 2;
		order: 2;
	}
	.featured-ref:nth-of-type(3) .img-container,
	.featured-ref:nth-of-type(4) .img-container,
	.featured-ref:nth-of-type(7) .img-container,
	.featured-ref:nth-of-type(8) .img-container,
	.featured-ref:nth-of-type(11) .img-container,
	.featured-ref:nth-of-type(12) .img-container,
	.featured-ref:nth-of-type(15) .img-container,
	.featured-ref:nth-of-type(16) .img-container,
	.featured-ref:nth-of-type(19) .img-container,
	.featured-ref:nth-of-type(20) .img-container,
	.featured-ref:nth-of-type(23) .img-container,
	.featured-ref:nth-of-type(24) .img-container,
	.featured-ref:nth-of-type(27) .img-container,
	.featured-ref:nth-of-type(28) .img-container,
	.featured-ref:nth-of-type(31) .img-container,
	.featured-ref:nth-of-type(32) .img-container,
	.featured-ref:nth-of-type(35) .img-container,
	.featured-ref:nth-of-type(36) .img-container {
		-ms-flex-order: 1;
		order: 1;
	}
	*/
}