/* bt_custom_style.css */

body {
	font-family: "Roboto", sans-serif;
}

@font-face {
	font-family: 'ADAM';
	font-display: swap;
	src: url("../fonts/ADAM.ttf") format("truetype");
	src: url("../fonts/ADAM.otf") format("opentype");
	src: url('../fonts/ADAM.woff') format('woff');
}

@font-face {
	font-family: 'FontAwesome';
	font-display: swap;
}

strong {
	font-weight: bolder;
	font-style: normal;
}

.section-padding {
	padding: 2rem 0;
}

h1, h2,
#site-navigation a {
	font-family: "ADAM", sans-serif;
}

#intro h5 {
	font-family: "ADAM", sans-serif;
	font-size: 18px;
}

#intro ul li {
	font-size: 17px;
}

#intro .drei-worter-unter-intro {
	font-family: "ADAM", sans-serif;
	margin-top: 2em;
	margin-bottom: 2em;
}

#intro .intro-card {
	position: relative;
	transition: all 100ms ease-out 0s;
	padding: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
}

#intro .intro-card:hover {
	box-shadow: 0 6px 9px rgba(0, 0, 0, .09);
	cursor: pointer;
}

#intro .intro-card h3 {
	font-family: "ADAM", sans-serif;
	font-size: 1.1em;
}

#intro .intro-card h3:after {
	content: '';
	position: absolute;
	background: #84123a;
	height: 1px;
	width: 7em;
	top: 22px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
}

#intro .intro-card p {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	#intro .intro-card {
		margin: 0 0 1em;
	}

	#intro.section-padding {
		padding-top: 0;
	}
}

#video {
	margin-bottom: 2em;
}

#web h5,
#video h5,
#event h5 {
	font-family: "ADAM", sans-serif;
	font-size: 21px;
}

#web .service-intro,
#video .live-video-intro,
#event .event-intro {
	font-size: 20px;
}

#web .service-intro,
#web .motto-drei-worter {
	margin-bottom: 1em;
}

/* Image hover effects - START */
.ugb-feature-grid__image {
	overflow: hidden;
}

.ugb-feature-grid__image img {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.ugb-feature-grid__image:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
/* Image hover effects - START */

#web .icon-box,
#video .icon-box,
#event .icon-box {
	margin-bottom: 0;
}
body.home #content {
	margin-top: 40px;
}
#web.section-padding,
#event.section-padding,
#counter.section-padding,
#referenzen.section-padding {
	padding-top: 0;
}
#counter .counter_title {
	font-family: "ADAM", sans-serif;
}
#counter .n.counter {
	padding: 1.1em 0;
}
#counter .row > div:nth-child(1) .n.counter {
	font-size: 2.4rem;
	padding: 1.5em 0;
}
@media only screen and (max-width: 767px) {
	#counter .row > div:nth-child(1) .n.counter {
		font-size: 2rem;
		padding: 1.55em 0;
	}
}
.bt-header-widget span.bt-social-inner {
	padding-right: 0;
}
.bt-header-widget span.bt-social-inner:last-child {
	margin-right: 0;
}
.bt-header-widget span.bt-social-inner a {
	padding-left: 0.8em;
}
.site-footer .site-info .bt-social a:focus,
.site-footer .site-info .bt-social a:hover {
	color: white;
}
.bt-header-widget .header-cta-button {
	margin-top: -27px;
	/*transform: translateY(100%);*/
	border: 1px solid #84123a;
	left: auto;
	right: -25px;
}
/* .banner-event p, */
.banner-video p {
	font-size: 1.6em !important;
	font-weight: normal;
}
/* .banner-event .wp-block-button a, */
.banner-video .wp-block-button a {
	font-size: 1.4em !important;
	padding: 0.6em !important;
}
@media only screen and (min-width: 1141px) {
	.onepress-menu {
		/* padding-top: 21px; */
		padding-top: 7px;
		margin-right: 60px;
	}
	.site-header {
		line-height: 105px;
	}
	.onepress-menu li:nth-of-type(4) {
		display: none;
	}
	#site-navigation a {
		letter-spacing: .03em;
	}
	#menu-item-859,
	#menu-item-861,
	#menu-item-860 {
		display: none;
	}
}
@media (max-width: 1141px) {
	.bt-header-widget .header-cta-button {
		display: none;
	}
}
.onepress-menu.onepress-menu-mobile {
	max-height: 320px;
	padding-top: 0;
}
#hero .bt-info a {
	background-color: #E2E6E9;
}
.cta-info a:first-of-type {
	margin-top: 15px;
}
/* Scroll to Top button - START */
#toTop {
	display: none;
	position: fixed;
	bottom: 1em;
	right: 1em;
	z-index: 99;
	font-size: 18px;
	outline: none;
	background-color: #84123a;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 5em;
	width: 2.7em;
	height: 2.7em;
	opacity: .6;
	border: 1px solid #ffffff;
}
#toTop span {
	position:absolute;
	top:49%;
	left:50%;
	margin-left:-8px;
	margin-top:-12px;
	height:0;
	width:0;
	border:8px solid transparent;
	border-bottom-color:#ffffff;
}
#toTop:hover {
	opacity:1;
	filter:"alpha(opacity=100)";
	-ms-filter:"alpha(opacity=100)";
}
@media (min-width: 1430px) {
	#toTop {
		right: calc(-710px + 50vw);
	}
}
/* Scroll to Top button - END */
#hero .hero-h2-text {
	font-size: 0.9em;
	font-family: "ADAM", sans-serif;
}
#hero .bt-bg-image .hero-h2-container h2 {
	padding: 2.83em 0;
}
#hero .bt-bg-video .hero-h2-container h2 {
	/*padding: 1.2em 0;*/
}
#hero .bt-bg-image .hero-h2-container h2.spin {
	width: 7em;
	height: 7em;
}
/* Side floater menu - START */
.sidenav {
	height: 23.8em;
	width: 180px;
	/* 0 width - change this with JavaScript */
	position: fixed;
	z-index: 999;
	top: 19em;
	right: 0;
	background-color: #84123a;
	overflow: hidden;
	/* Disable x and y scroll */
	padding: 60px 0;
	/* 0.5 second transition effect to slide in the sidenav */
	font-family: 'Oswald',sans-serif;
	border-radius: 5px 0 0 5px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.5);
	transition: width 0.5s ease-in-out;
}
@media (max-width: 991px) {
	.sidenav {
		height: 23em;
	}
}
.side-menu-content {
	min-width: 200px;
	/*left: 15px;*/
	position: absolute;
}
.sidenav h3 {
	color: #fff;
	font-weight: 500;
}
.sidenav p {
	color: #fff;
	font-weight: 300;
}
/* Side floater links */
.sidenav a {
	text-decoration: none;
	color: #fff;
	margin-left: 0.5em;
}
.sidenav a:hover {
	border-bottom: 1px solid #fff;
	color: #ccc !important;
}
/* Position and style the close button (top right corner) */
.sidenav .closebtn {
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 0.8em;
}
.sidenav .closebtn:hover {
	border-bottom: none;
}
/*---------my rotating closebtn icon*/
.sidenav .close-side-menu-icon {
	transform: rotate(-90deg);
	transition: all 1s ease;
}
.sidenav .close-side-menu-icon:hover {
	cursor: pointer;
	/*color: #ee80a6 !important;*/
	/*color: black !important;*/
	transform: scale(1.1);
	transition: 300ms;
	/*rotate animation change*/
	transform: rotate(90deg);
}
.sidenav.open-side-menu {
	width: 30px;
	height: 50px;
	overflow-y: hidden;
	padding: 0;
	border-radius: 5px 0 0 5px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.5);
	display: none;
}
.sidenav.open-side-menu:hover {
	width: 35px;
	transition: width 0.3s;
}
.open-side-menu-icon {
	margin-top: 10px;
	margin-left: 10px;
}
@media (min-width: 1500px) {
	/* info-icon adaption */
	/*
	.sidenav.open-side-menu {
		right: calc(-710px + 50vw);
		padding: 0 25px;
		border-radius: 40px;
	}
	.open-side-menu-icon {
		margin-left: -5px;
	}
	*/
}
.open-side-menu-icon:hover {
	cursor: pointer;
	/*color: #ee80a6 !important;*/
}
.on_click_open_side_menu {
	height: 100%;
}
.on_click_open_side_menu:hover {
	cursor: pointer;
}
.sidenav .anfragen-link {
	display: inline-block;
	border: 1px solid #fff;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: normal;
	margin-left: 0;
}
.sidenav .anfragen-link:hover,
.sidenav .anfragen-link:focus {
	color: #222 !important;
	background: #fff;
}
/* Side floater menu - END */
#colophon .anfragen-footer,
#eu-cookie-bar a {
	display: inline-block;
	border: 1px solid #fff;
	text-transform: uppercase;
	font-weight: 400;
	padding: 0.4em;
	margin-top: 0.5em;
}
#eu-cookie-bar a {
	font-size: 12px;
	line-height: 20px;
	padding: 10px;
	text-transform: none;
	text-decoration: none;
}
@media (max-width: 768px) {
	#colophon .anfragen-footer {
		top: 0 !important;
	}
}
#colophon .anfragen-footer:hover,
#eu-cookie-bar a:hover,
#eu-cookie-bar a:focus {
	color: #84123a !important;
	background: #fff;
}
.video-erfahren {
	text-align: right;
}
/* BG Images for Hero Slider - START */
.bt-bg-web {
	background-image: url(/wp-content/uploads/web02.jpg);
}
.bt-bg-video {
	background-image: url(/wp-content/uploads/video.jpg);
}
.bt-bg-event {
	background-image: url(/wp-content/uploads/Slider_Event.jpg);
}
/* New Slider - START */
.bgimg-web {
	background-image: url(/wp-content/uploads/web02.jpg);
	background-position: 15% top;
}
.bgimg-video {
	background-image: url(/wp-content/uploads/video.jpg);
	background-position: 23% top;
}
.bgimg-event {
	background-image: url(/wp-content/uploads/Slider_Event.jpg);
	background-position: 60% top;
}
.bgimg-web,
.bgimg-video,
.bgimg-event {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	height: 70vh;
	margin: 2px;
}
#hero1 {
	padding: 50px 0;
}
@media (max-width: 767px) {
	#hero1 {
		padding-top: 0;
	}
}
#hero1 h2,
.hero-services-text p {
	color: white;
}
#hero1 h2 {
	font-size: 1.8em;
	font-family: "ADAM",sans-serif;
}
@media (max-width: 992px) {
	#hero1 .container {
		max-width: 90%;
	}
}
@media (max-width: 1141px) {
	.bgimg-web,
	.bgimg-video,
	.bgimg-event {
		height: 65vh;
	}
}
@media (max-width: 767px) {
	.bgimg-web,
	.bgimg-video,
	.bgimg-event {
		height: 23vh;
	}
	#hero1 .container {
		max-width: 95%;
		width: 95%;
	}
	.hero-services-text {
		display: none;
	}
	.triangle-cont {
		display: none;
	}
	#hero1 h2 {
		font-size: 1.4em;
	}
}
.triangle-cont {
	overflow: hidden;
	top: 0;
	height: 100%;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 1;
}
.triangle-figure {
	bottom: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 300px 2000px;
	border-color: transparent transparent #84123a;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 1;
}
.hero-services-text {
	position: absolute;
	width: 100%;
	text-align: center;
	padding: 3.05em 0 5em;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.bgimg-web .triangle-figure {
	border-color: transparent transparent rgba(132, 18, 58, .8);
}
.bgimg-video .triangle-figure {
	border-color: transparent transparent rgba(75, 102, 56, .8);
}
.bgimg-event .triangle-figure {
	border-color: transparent transparent rgba(4, 115, 185, .8);
}
.hero-services-text p, .hero-services-text a {
	font-family: 'Oswald',sans-serif;
}
.hero-services-text p {
	margin-bottom: 3px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	font-size: 1.6em;
}
@media (max-width: 992px) {
	.triangle-figure {
		border-width: 0 0 250px 2000px;
	}
	.hero-services-text {
		padding: 2.95em 0 5em 0;
	}
	.hero-services-text p {
		font-size: 1.2em;
	}
}
.hero-services-text a {
	background-color: #e2e6e9;
	position: absolute;
	color: #222;
	font-weight: 400;
	font-size: 19.5px;
	text-align: center;
	line-height: 1.4;
	border-radius: 0;
	text-decoration: none;
	box-shadow: 0 5px 10px 0 rgba(50,50,50,.06);
	width: 45%;
	left: 28%;
	bottom: -30px;
	padding: .9em .4em;
}
.hero-services-text a:hover {
	transform: scale(1.05);
	transition: 200ms;
}
.bgimg-web .hero-services-text a:hover {
	color: #84123a;
}
.bgimg-video .hero-services-text a:hover {
	color: #739c42;
}
.bgimg-event .hero-services-text a:hover {
	color: #0477be;
}
#hero1 .hero-h2-cont {
	text-decoration: none;
}
#hero1 .hero-h2-cont {
	display: inline-block;
	z-index: 2;
	text-transform: uppercase;
	left: 50%;
	top: 30%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	position: relative;
	border-radius: 100%;
	box-shadow: none;
}
#hero1 .hero-h2-cont:hover {
	cursor: pointer;
}
#hero1 .hero-h2-cont h2 {
	padding: 2.83em 0;
	margin-bottom: 0;
}
#hero1 .hero-h2-cont h2.spin {
	width: 7em;
	height: 7em;
}
#hero1 .hero-h2-cont h2.circle,
#event .spin.circle {
	border-radius: 100%;
	box-shadow: none;
	border: 3px solid #fff;
}
#event .spin.circle {
	margin: 1em 1em 0 0;
	/*
	margin-left: 1em;
	margin-top: 0.2em;
    margin-bottom: 1em;
	*/
}
#event .spin.circle:hover {
	border: 3px solid transparent;
}
#hero1 .hero-h2-cont h2.circle:hover {
	border-radius: 100%;
	box-shadow: none;
	border: 3px solid transparent;
}
#hero1 .hero-h2-cont h2:after,
#hero1 .hero-h2-cont h2:before {
	box-sizing: inherit;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
}
#hero1 .hero-h2-cont h2.circle:after,
#hero1 .hero-h2-cont h2.circle:before {
	border-radius: 100%;
}
#hero1 .hero-h2-cont h2.spin:after,
#hero1 .hero-h2-cont h2.spin:before {
	top: 0;
	left: 0;
}
#hero1 .hero-h2-cont h2.spin:after,
#hero1 .hero-h2-cont h2.spin:before {
	border: 3px solid transparent;
}
#hero1 .hero-h2-cont h2.spin.hover:before,
#hero1 .hero-h2-cont h2.spin:focus:before,
#hero1 .hero-h2-cont h2.spin:hover:before {
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	transition: border-top-color .15s linear, border-right-color .15s linear .1s, border-bottom-color .15s linear .2s;
}
#hero1 .hero-h2-cont h2.spin.hover:after,
#hero1 .hero-h2-cont h2.spin:focus:after,
#hero1 .hero-h2-cont h2.spin:hover:after {
	border-top: 3px solid #fff;
	border-left-width: 3px;
	border-right-width: 3px;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	transition: transform .4s linear 0s,border-left-width 0s linear .35s;
	transition: transform .4s linear 0s,border-left-width 0s linear .35s,-webkit-transform .4s linear 0s;
}
@media (max-width: 767px) {
	#hero1 .hero-h2-cont {
		top: 50%;
		font-size: 0.8em;
	}
}
@media (max-width: 992px) {
	.hero-services-text a {
		font-size: 15px;
		right: 62px;
	}
}
/* New Slider - END */
/* BG Images for Hero Slider - END */

/* Hero Video color - START */
.bt-bg-video .triangle {
	border-color: transparent transparent #739c42;
}
.bt-video-info {
	background: #739c42;
}
.bt-video-info a:hover {
	color: #739c42;
}
/* Hero Video color - END */

/* Hero Event color - START */
.bt-bg-event .triangle {
	border-color: transparent transparent #0477be;
}
.bt-event-info {
	background: #0477be;
}
.bt-event-info a:hover {
	color: #0477be;
}
/* Hero Event color - END */

#web .service-item .ugb-container__side,
#video .service-item .ugb-container__side,
#event .service-item .ugb-container__side {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
#referenzen .ghostkit-carousel {
	margin-top: 2em;
}
#referenzen {
	padding-bottom: 0;
}
#referenzen h4 {
	font-size: 1.3em;
	margin-top: 20px;
}
#referenzen p {
	padding: 2em;
}
#referenzen .ugb-container__content-wrapper {
	width: 100%;
}
#referenzen .ghostkit-carousel-items {
	padding-bottom: 3em;
}
#referenzen .swiper-slide {
	height: auto;
	background-color: white;
	border-radius: 10px;
	padding-bottom: 2em;
}
#referenzen .button-container a {
	color: #222;
	border: 1px solid #84123a;
	background: #fff;
	font-weight: 400;
	text-decoration: none;
	padding: 0.4em 2.5em;
	font-size: 1.1em;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	width: fit-content;
	width: -moz-max-content;
}
#referenzen .button-container {
	position: absolute;
	bottom: -1em;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
}
#referenzen .button-container a:hover,
#referenzen .button-container a:focus {
	color: white;
	background: #84123a;
	border: 1px solid #84123a;
	opacity: 1;
}
/* Referenzen arrows position - START */
#referenzen .ghostkit-carousel .ghostkit-carousel-arrow {
	top: 28em;
}
@media (min-width: 1199px) {
	#referenzen .ghostkit-carousel .ghostkit-carousel-arrow-prev {
		left: 15px;
	}
	#referenzen .ghostkit-carousel .ghostkit-carousel-arrow-next {
		right: 15px;
	}
}
@media (max-width: 1199px) {
	#referenzen .ghostkit-carousel .ghostkit-carousel-arrow {
		top: 23.4em;
	}
}
@media (max-width: 991px) {
	#referenzen .ghostkit-carousel .ghostkit-carousel-arrow {
		top: 26em;
	}
}
@media (max-width: 768px) {
	#referenzen .ghostkit-carousel .ghostkit-carousel-arrow {
		top: 31em;
	}
}
@media (max-width: 516px) {
	#referenzen .ghostkit-carousel .ghostkit-carousel-arrow {
		top: 31em;
	}
}
@media (max-width: 435px) {
	#referenzen .ghostkit-carousel .ghostkit-carousel-arrow {
		top: 26em;
	}
}
@media (max-width: 415px) {
	#referenzen .ghostkit-carousel .ghostkit-carousel-arrow {
		top: 24.4em;
	}
}
@media (max-width: 395px) {
	#referenzen .ghostkit-carousel .ghostkit-carousel-arrow {
		top: 22.7em;
	}
}
@media (max-width: 380px) {
	#referenzen .ghostkit-carousel .ghostkit-carousel-arrow {
		top: 21.5em;
	}
}
/* Referenzen arrows position - END */
#kunden {
	padding-top: 0;
}
#intro.section-padding,
#kunden.section-padding {
	padding-bottom: 0;
}
.section-contact .wp-block-ugb-container {
	margin-bottom: 1em;
}
#primary.content-area {
	padding-top: 0;
	padding-bottom: 0;
}
.job-container {
	padding: .5em 1em;
}

@media (max-width: 600px) {
	#primary .job-container.impress {
		padding: .5em 1em;
	}
}
.job-container:before {
	height: 100%;
}
/*** IE Fix for showing 3 cards and gaps - START ***/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.ghostkit-grid-gap-md {
		display: flex;
	}
	#kundenContainer .ghostkit-grid-gap-md {
		display: block;
	}
	.ugb-feature-grid.ugb-feature-grid--v2 .ugb-block-content {
		display: -ms-grid;
		-ms-grid-columns: 1fr 1fr 1fr;
	}
	.ugb-feature-grid.ugb-feature-grid--v2 .ugb-block-content {
		/* Creates an equal outer gap */
		padding: 20px 0 0 20px;
		/* Margin needs to be this if leaving off the top and left .grid padding */
		margin: 0 -20px -20px 0;
	}
	.ugb-feature-grid__item {
		/* Creates gaps */
		border: 0 solid transparent;
		border-width: 0 20px 20px 0;
		/* Prevents background bleed */
		background-clip: padding-box;
	}
	.ugb-feature-grid__item1 {
		-ms-grid-column: 1;
	}
	.ugb-feature-grid__item2 {
		-ms-grid-column: 2;
	}
	.ugb-feature-grid__item3 {
		-ms-grid-column: 3;
	}
	.service-icon-grid .wp-block-image img {
		height: 80px;
	}
	.entry-content .ugb-columns__item {
		display: flex;
	}
	#webEventMehrInfoAnfahrtBtn,
	#videoStudioMehrInfoAnfahrtBtn {
		background-color: #84123a !important;
	}
}
/*** IE Fix for showing 3 cards and gaps - END ***/

.motto-drei-worter {
	font-family: "ADAM", sans-serif;
}
.bt-services h2:after {
	right: 0;
	left: -87px;
	width: unset;
}
.bt-services {
	padding: 0 0 2em;
}
.bt-services .wp-block-ugb-feature-grid {
	padding-top: 2em;
}
#web .service-item,
#video .service-item,
#event .service-item {
	margin-bottom: 0;
}
.service-item:before {
	display: none;
}
.rosa-bg {
	position: absolute;
	top: 0;
	left: -5%;
	background: #f8f5f6;
	width: 110%;
}
#web .ugb-container__wrapper,
#video .ugb-container__wrapper,
#event .ugb-container__wrapper,
#referenzen .ugb-container__wrapper {
	padding-top: 0;
	padding-bottom: 0;
}
#web .banner-video .ugb-container__wrapper,
#video .banner-video .ugb-container__wrapper,
#event .banner-event .ugb-container__wrapper {
	padding-bottom: 40px;
}
#web .service-content p {
	margin-bottom: 15px;
}
.link-zu-refer {
	margin: 2em 0 3em 0 !important;
}
.link-zu-refer a {
	display: inline-block;
	color: #222;
	background: #fff;
	font-weight: 400;
	text-align: left;
	border: 1px solid #84123a;
	transition: all .1s ease;
	text-decoration: none;
	padding: 10px;
	font-family: "Oswald", sans-serif;
}
.link-zu-refer a:hover,
.link-zu-refer a:focus {
	color: #fff !important;
	background: #84123a;
}
#web .link-zu-refer a:hover {
	color: #84123a;
}
#video .link-zu-refer a:hover {
	color: #739c42;
}
#event .link-zu-refer a:hover {
	color: #0477be;
}
@media (max-width: 767px) {
	#jobsGeneral .has-medium-font-size,
	#jobsSpecific .has-medium-font-size {
		font-size: 17px;
	}
	#jobsSpecific .ghostkit-accordion {
		padding-left: 1.3em;
		padding-right: 1.3em;
	}
	#jobsSpecific .ghostkit-accordion-item-content {
		padding-left: .3em;
		padding-right: .3em;
	}
}
.anfragen-link a {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: normal;
	margin-left: 0;
	border: 1px solid;
	background-color: #84123a;
	color: white;
	padding: .5em 1em;
	font-family: 'Oswald',sans-serif;
	text-decoration: none;
}
.anfragen-link a:hover,
.anfragen-link a:focus {
	color: #84123a !important;
	background-color: white;
	border: 1px solid #84123a;
}

.bt-broken-img img {
	width: 600px;
}

.bt-broken-info p {
	font-weight: bold;
	color: black;
}

.side-navbarLogo{
	width: 45px;
	position: absolute;
	top: 5px;
	left: 60px;
}

.myDarkmode{
	transition: all 0.3s;
	color: var(--white) !important;
	background-image: none !important;
	background-color: var(--dark-blue) !important;
	text-shadow: none !important;
	box-shadow: none;
}

.bt-header-widget .darkBtn-Pos {
	margin-top: -27px;
	/*transform: translateY(100%);*/
	border: 1px solid #84123a;
	left: auto;
	right: -25px;
}

.grecaptcha-badge { visibility: hidden; }

.small-12-text {
	font-size: 12px !important;
}

.site-logo-div a:focus {
	display: block;
}

.site-logo-div img {
	width: 230px;
	height: auto;
}

@media (min-width: 768px) {
	.site-logo-div img {
		width: 260px;
		height: auto;
	}
}

@media (max-height: 610px) {
	.hero-services-text{
		font-size: 80%;
	}
}
@media (max-height: 550px) {
	.hero-services-text{
		font-size: 70%;
	}
}
@media (max-height: 480px) {
	.hero-services-text{
		font-size: 0;
	}
}

.mb-4{
	margin-left: -8px;
}

/* Accessiblity focus */
/* .service-content .banner-video .wp-block-button a:hover */
/* .service-content .banner-event .wp-block-button a:focus, */
.service-content .banner-video .wp-block-button a:focus,
#colophon .anfragen-footer:focus {
	color: #84123a !important;
	background: #fff;
	outline: dashed thin;
	outline-offset: 2px;
	outline-color: #ffffff;
}

.sidebar .widget.widget_nav_menu ul li a:focus{
	border-bottom: 1px solid #fff;
	outline: dashed thin;
	outline-offset: 1px;
}
.sidebar .widget.widget_text a:focus {
	outline: dashed thin;
	outline-offset: -2px;
}

.sidebar .widget.widget_text{
	margin-left: 50px !important;
}

@media (max-width: 767px) {
	.sidebar .widget.widget_text {
		margin-left: 0 !important;
	}
}

.rosaBg-fix{
	height: 430px;
	width: 185%;
	left: auto;
	right: -43%;
}

.jobBox1{
	border :3px solid #84123a;
	margin-top: 39px;
	/* margin-right: 14px; */
	margin-left: 1005px;
}
.jobBox2{
	border :3px solid #84123a;
	margin-top: 9px;
	margin-right: 35px;
	margin-left: 997px;
}

.underline{
	display: block;
}

/* .service-content .banner-event .wp-block-button a, */
.service-content .banner-video .wp-block-button a {
	border-radius : 0 !important;
}

.site-footer .site-info .bt-social a:focus{
	border-bottom: 1px solid #fff;
	outline: dashed thin;
	outline-offset: 1px;
}

.textLink:focus{
	background-color: #88113a;
	color: white !important;
	outline: none !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
	display: block !important;
	position: sticky !important;
}

#eu-cookie-bar a:focus{
	outline: 2px dashed rgb(255, 240, 215) !important;
}
/*#eu-cookie-bar button:focus{*/
/*	outline: 2px dashed #ffffff !important;*/
/*	outline-offset: 2px;*/
/*}*/

.service-content .banner-event .banner-cta-button a.spin:focus {
	opacity: 1 !important;
	background-color: #ffffff;
	color: #84123A;
	outline: 2px dashed #ffffff;
}

/*some fix*/
/*.ghostkit-carousel .ghostkit-carousel-arrow-next{*/
/*	display:block !important;*/
/*	position:sticky !important;*/
/*}*/

/*
body::-webkit-scrollbar {
	display: none;
}
body {
	-ms-overflow-style: none;  /* IE and Edge */
/*scrollbar-width: none;  /* Firefox */
/*}*/

@media (max-width: 1190px) {
	.rosaBg-fix{
		height: 400px;
	}
}
@media (max-width: 999px) {
	.rosaBg-fix{
		height: 17%;
	}
}
@media (max-width: 769px) {
	.rosaBg-fix{
		height: 18%;
	}
}
@media (max-width: 600px) {
	.rosaBg-fix{
		height: 19%;
	}
}
@media (max-width: 539px) {
	.rosaBg-fix{
		height: 20%;
	}
}

div.wpforms-container-full .wpforms-form select {
	height: 39px !important;
}

/* .service-content .banner-event .wp-block-button a:focus, */
.service-content .banner-video .wp-block-button a:focus {
	color: #222;
	background: #fff;
	outline: dashed 2px #f8f5f6;
	outline-offset: 2px;
}

#toTop:focus{
	outline: dashed 2px #ffffff;
	outline-offset: 2px;
	opacity: 1;
}

/* Safari only fix for outline not showing */
a:focus:not(:root:root) {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

/* Scrollbar redesign - START */
::-webkit-scrollbar {
	width: 17px;
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px #ddcad1;
}

::-webkit-scrollbar-thumb {
	background: #84123A;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
	background: #99274e;
}
/* Scrollbar redesign - END */

.job-container-inner .fas.fa-angle-right,
.job-container-inner .svg-inline--fa {
	display: block;
}

/* The default outline styling, for greatest accessibility. */
/* You can skip this to just use the browser's defaults. */
a:focus {
	outline: 2px dashed #84123a;
	outline-offset: 2px;
}

.wpforms-field input:focus,
.wpforms-field select:focus,
.wpforms-field textarea:focus,
.wpforms-field a:focus,
.wpforms-submit-container button:focus {
	outline: 2px dashed #9d6175 !important;
	outline-offset: 2px !important;
}

.wpforms-field a:focus {
	color: #9d6175 !important;
}

.focused {
	outline: 2px dashed #9d6175 !important;
	outline-offset: 2px !important;
}

/* When mouse is detected, focused elements have outline removed. */
/* Connected with bt_custom_script.js */
body.using-mouse a:focus,
body.using-mouse button:focus,
body.using-mouse input:focus,
body.using-mouse select:focus,
body.using-mouse textarea:focus {
	outline: none !important;
}

/* Promotion Carousel-Slider */
.stk-e53f5c6 .stk-block-carousel__buttons {
  margin-top: 30px !important;
}

.stk-e53f5c6 .stk-block-carousel__button {
	border: solid 1px transparent !important;
}
.stk-e53f5c6 .stk-block-carousel__button:hover {
	background: #FFF !important;
	border: solid 1px #84123a !important;
	fill: #84123a !important;
	color: #84123a !important;
}

/* Start - except carousel shall have outline effect */
.stk-e53f5c6 .stk-block-carousel__button:active,
.stk-e53f5c6 .stk-block-carousel__button:focus {
    background: white !important;
	border: solid 1px transparent !important;
    fill:  #84123a !important;
	outline: dashed #84123a !important;
    outline-offset: 0px !important;
}

.stk-block-carousel__dot:focus {
    outline: dashed #84123a !important;
}
/* End - except carousel shall have outline effect */

/* Referenzen Post Grid - START */
section#referenzen .container:first-of-type {
	padding-top: 3em;
	padding-bottom: 3em;
}

.section-team .section-title-area {
	margin-bottom: 20px;
	text-align: left;
}

.referenzen-post-grid .rt-tpg-isotope-buttons button {
	font-weight: 300;
	font-family: 'Oswald',sans-serif;
	background: none;
	padding: 0;
	margin: 0 10px 0 0;
	color: #000000;
	font-size: 15px;
	letter-spacing: .01em;
}

@media screen and (min-width: 410px) {
	.referenzen-post-grid .rt-tpg-isotope-buttons button {
		margin: 0 25px 0 0;
		font-size: 16px;
	}
}

.referenzen-post-grid .rt-tpg-isotope-buttons button:hover,
.referenzen-post-grid .rt-tpg-isotope-buttons button:focus {
	color: rgba(0,0,0,0.6);
}

.referenzen-post-grid .rt-tpg-isotope-buttons {
	text-align: left;
}

@media screen and (min-width: 450px) {
	.referenzen-post-grid .rt-tpg-isotope-buttons {
		text-align: center;
	}
}

.referenzen-post-grid .rt-tpg-isotope-buttons .selected {
	border: none;
	background: none;
	color: rgba(0,0,0,0.6);
}

.referenzen-post-grid .rt-tpg-isotope-buttons .selected::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	/* background: rgba(0,0,0,0.2);*/
	background: #84123a;
	margin-top: 2px;
}

.referenzen-post-grid .rt-tpg-isotope-buttons .selected {
	color: #84123a !important;
}

.referenzen-post-grid .rt-tpg-isotope-buttons button::after {
	content: '';
	display: block;
	width: 0;
	height: 1px;
	/* background: rgba(0,0,0,0.2); */
	background: #84123a;
	transition: width .1s;
}

.referenzen-post-grid .rt-tpg-isotope-buttons button:hover::after,
.referenzen-post-grid .rt-tpg-isotope-buttons button:focus::after {
	width: 100%;
	transition: width .1s;
	margin-top: 2px;
}

.referenzen-post-grid .rt-tpg-isotope-buttons button:hover::after,
body:not(.using-mouse) .referenzen-post-grid .rt-tpg-isotope-buttons button:focus::after {
	background: rgba(0,0,0,0.2);
}

.referenzen-post-grid .isotope-item .rt-detail figure {
	overflow: hidden;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.referenzen-post-grid .isotope-item .rt-detail figure img {
	-webkit-transition: all 0.6s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-moz-transition: all 0.6s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-o-transition: all 0.6s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	transition: all 0.6s cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	-o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
	transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
}

.referenzen-post-grid .isotope-item .rt-detail figure:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);

	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/*.referenzen-post-grid .isotope-item .rt-detail p:nth-of-type(1) {*/
/*	display: none;*/
/*}*/

/*.referenzen-post-grid .isotope-item .rt-detail p:nth-of-type(2) {*/
/*	padding-bottom: 0 !important;*/
/*}*/

.referenzen-post-grid .isotope-item .rt-detail {
	margin-bottom: 0;
}

@media (max-width: 600px) {
	.referenzen-post-grid .isotope-item .rt-detail  {
		padding-left: 0;
		padding-right: 0;
	}
}

.referenzen-post-grid .isotope-item .rt-holder .rt-detail {
	padding-top: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 8px 8px rgba(0,0,0,0.22);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

#referenzen .button-container {
	bottom: 0;
}
/* Referenzen Post Grid - END */

#eu-cookie-bar {
	padding: 12px 20px;
}

#eu-cookie-bar .cookie-text {
	display: inline-block;
}

#eu-cookie-bar button {
	width: 140px;
}

#eu-cookie-bar a {
	margin-top: 0;
}

@media (max-width: 1273px) {
	#eu-cookie-bar .cookie-text {
		display: block;
		margin-bottom: 10px;
	}
}

@media (max-width: 768px) {
	#eu-cookie-bar .cookie-text {
		font-size: 13px;
	}
}

@media (max-width: 450px) {
	.sidenav {
		top: 10em;
	}
}

@media (max-height: 640px) {
	.sidenav {
		top: 10em;
	}
}


@media (max-width: 340px) {
	.sidenav {
		top: 7em;
	}

	#eu-cookie-bar button {
		width: 110px;
	}

	#eu-cookie-bar a {
		padding: 10px 5px;
	}
}

@media (max-width: 300px) {
	#eu-cookie-bar a {
		margin-top: .5em;
	}
}

.wpforms-submit {
	margin: 0 auto !important;
	color: #222 !important;
	border: 1px solid #84123a !important;
	background: #fff !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	padding: .4em 2.5em !important;
	font-size: 1.1em !important;
	font-family: "Oswald",sans-serif !important;
	text-transform: uppercase !important;
	width: fit-content !important;
	width: -moz-max-content !important;
}

.wpforms-submit:hover {
	color: #fff !important;
	background: #84123a !important;
	border: 1px solid #84123a !important;
	opacity: 1 !important;
}

.wpforms-submit[disabled]:hover {
	opacity: .2 !important;
}

.bt-btn-white {
	margin: 0 auto !important;
	color: #222 !important;
	border: 1px solid #84123a !important;
	background: #fff !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	padding: .4em 2.5em !important;
	font-size: 1.1em !important;
	font-family: "Oswald",sans-serif !important;
	text-transform: uppercase !important;
	width: fit-content !important;
	width: -moz-max-content !important;
}

.bt-btn-white:hover {
	color: #fff !important;
	background: #84123a !important;
	border: 1px solid #84123a !important;
	opacity: 1 !important;
}

.btn-cookies-aendern {
	padding: .4em 1.5em !important;
	font-size: .9em !important;
}

/* kontaktaufnahme page - START */
body.page-id-1918 #content {
	margin-top: 0;
}

body.page-id-1918 .breadcrumbs {
	display: none;
}

body.page-id-1918 .wp-block-ugb-feature-grid h3 {
	font-family: "ADAM",sans-serif;
}

body.page-id-1918 #content .ugb-button {
	background-color: #84123a !important;
}

@media screen and (max-width: 600px) {
	body.page-id-1918 .ugb-header__item {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
}
/* kontaktaufnahme page - END */

.job-container-inner .ghostkit-accordion-ready {
	margin-left: -6.8%;
	margin-right: -6.8%;
}
.impress-inner{
	margin-left: -13.2%;
	margin-right: -13.2%;
}
.impress-inner{
	margin-left: -13.2%;
	margin-right: -13.2%;
}

.entry-content li {
	margin-left: 0;
	margin-bottom: 0;
}

@media (min-width: 576px) {
	#jobsSpecific .ghostkit-accordion-ready {
		margin-left: 0;
		margin-right: 0;
	}
	.impress-inner{
		margin-left: 0;
		margin-right: 0;
	}
	.impress-inner{
		margin-left: 0;
		margin-right: 0;
	}

	.entry-content li {
		margin-left: 2.5em;
		margin-bottom: 6px;
	}
}
