/* ==========================================================================
   motor4.de-v2018
   ========================================================================== */

body {
	color: #2b2b2b;
	font-family: "Fira Sans", sans-serif;
	font-size: 1.25rem;
	line-height: 1.6rem;
	position: relative;
}

img {
    image-rendering: -webkit-optimize-contrast;
}

h1 {
	font-size: 3rem;
	line-height: 3.6rem;
	font-family: "EB Garamond", serif;
	font-weight: 700;
	margin: 1.5rem 0 1.8rem 0;
	word-wrap: break-word;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

h2 {
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-family: "EB Garamond", serif;
	font-weight: 700;
	margin: 2rem 0 1rem 0;
}

h3 {
	font-size: 1.5rem;
	line-height: 1.8rem;
	font-family: "EB Garamond", serif;
	font-weight: 700;
	margin: 2rem 0 1rem 0;
}

h4 {
	font-size: 1.25rem;
	font-family: "EB Garamond", serif;
	font-weight: 700;
	margin: 1rem 0;
}

p,
ul {
	font-size: 1rem;
	line-height: 1.5rem;
	font-family: "Fira Sans", sans-serif;
}

a {
	color: #2b2b2b;
}

a:hover,
a:focus {
	color: #8db30c;
}

.m4-c-intro h1 {
	color: white;
	text-shadow: 0 3px 8px rgba(0,0,0,.4);
}

.m4-c-intro p {
	color: white;
	text-shadow: 0 3px 8px rgba(0,0,0,.5);
	margin-top: 10px;
}

.m4-c-intro .btn {
	color: #313a46;
	background: white;
	font-family: "Fira Sans", sans-serif;
	font-weight: 700;
}

.m4-c-intro .btn:hover,
.m4-c-intro .btn:focus {
	background: #abda09;
	border-color: #abda09;
	color: #2b2b2b;
}

.m4-c-portfolio {
	position: relative;
	background: #f5f5f5;
}

.m4-c-portfolio .container-fluid {
	max-width: 1920px;
}

.m4-c-portfolio__video {
	display: block;
	object-fit: contain;
}

.m4-c-portfolio__intro .m4-c-portfolio__subtext {
	font-size: 1rem;
    line-height: 1.5rem;
	font-family: "Fira Sans", sans-serif;
	color: #7e8690;
}

.m4-c-portfolio__divider {
	width: 100%;
	height: 1px;
	background-color: #cecece;
	border: none;
	margin: 40px 0 25px 0;
}

.m4-c-header--intro {
	height: 100vh;
	overflow: hidden;
	background-color: #93a3af;
}

.btn-outline-dark {
	border-color: #d4d4d4;
}

.btn.btn-like-m4:hover,
.btn.btn-like-m4:active {
	background: #abda09;
	color: white;
	border-color: #83a708;
}

.btn-like-active {
	color: #abda09;
}

.container-fullheight {
	height: 100%;
}

.m4-c-intro {
	text-align: center;
	margin-top: -40px;
}

.m4-c-intro p,
.m4-c-competence__intro p,
.m4-c-portfolio__intro p,
.m4-c-contact__intro p,
.m4-l-generic-intro p,
.m4-c-team__intro p,
.m4-c-leistungen__intro p,
.m4-l-teaser {
	font-size: 1.35rem;
	line-height: 1.9rem;
}

.m4-c-competence__intro h2,
.m4-c-portfolio__intro h2,
.m4-c-team__intro h2,
.m4-c-about h2,
.m4-c-leistungen__intro h2,
.m4-c-contact__intro h2 {
	font-size: 2.775rem;
	line-height: 2.925rem;
	margin: 1rem 0;
}

.m4-c-intro h1,
.m4-c-intro p,
.m4-c-intro a {
	position: relative;
	z-index: 2;
}

.m4-c-intro h1 {
	margin-top: 0;
	font-size: 3.4rem;
	line-height: 3.6rem;
	margin: 1.6rem 0 1rem 0;
}

@media (min-width: 768px) {
	.m4-c-intro h1 {
		font-size: 5rem;
		line-height: 4.6rem;
		margin: 1.6rem 0 1rem 0;
	}
}

.m4-c-intro .btn {
	margin-top: 25px;
}

.m4-c-footer {
	position: relative;
	background: #313a46;
	padding: 80px 0 100px 0;
	color: white;
	text-align: center;
}

.m4-c-footer #logo_footer {
	width: 160px;
	height: 52px;
	margin: 0 auto;
}

.m4-c-footer .st0 {
	fill: white;
}

.m4-c-footer .st1 {
	fill: #abda09;
}

.m4-c-footer__logo {
	position: relative;
	margin-bottom: 40px;
}

.m4-c-footer h3 {
	font-size: 2.375rem;
	line-height: 2.625rem;
	margin: 0 0 .5rem 0;
}

.m4-c-footer .btn {
	margin-top: 10px;
}

.m4-c-footer__meta {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #576475;
}

.m4-c-footer__meta a {
	color: white;
}

.m4-c-footer__meta p,
.m4-c-footer__meta a {
	font-size: 0.875rem;
}

.m4-c-footer__meta svg {
	vertical-align: middle;
	margin-left: 2px;
}

@media (max-width: 768px) {
	.m4-c-footer__meta p {
		float: none!important;
		text-align: center;
	}
	.m4-c-footer__meta .float-left {
		margin-bottom: 5px;
	}
	.m4-c-social {
		margin-top: 40px;
	}
}

.m4-c-contact__social {
	margin: 28px 0;
	text-align: center;
}
.m4-c-contact__social a {
	font-size: 1.25rem;
	font-family: "Fira Sans", sans-serif;
	font-weight: 700;
	margin-left: 18px;
	color: #2b2b2b;
	margin: 10px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.m4-c-contact__social a:hover {
	color: #92bb04;
	text-decoration: none;
}

.m4-c-contact__social .svg-inline--fa {
	margin-right: 4px;
}

.m4-c-social__other {
	display: inline-block;
	font-style: italic;
	text-transform: uppercase;
	font-size: 0.8rem;
	margin: 0 10px;
}

@media (max-width: 575px) {
	.m4-c-contact__social,
	.m4-c-social__other {
		display: block;
	}
}

@media (min-width: 576px) {
	.m4-c-social__other {
		-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
	border-bottom: 1px solid #abda09;
	border-top: 1px solid #abda09;
	font-style: normal;
	}
}

.m4-c-social a,
.m4-c-enquiries a {
	display: block;
}


.m4-c-contact .m4-c-social  {
	text-align: center;
}

.m4-c-contact .m4-c-social a {
	margin: 10px;
	display: block;
}

.m4-c-footer .m4-c-social a,
.m4-c-footer .m4-c-enquiries a {
	color: white;
}

.m4-c-social__icon,
.m4-c-social__label {
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.m4-c-social__icon {
	width: 40px;
	height: 36px;
	background: #abda09;
	border-radius: .25rem;
	text-align: center;
	line-height: 2.2rem;
	font-size: 1.375rem;
	color: #779300;
}

.m4-c-social__label {
	font-size: 1.25rem;
	font-family: "Fira Sans", sans-serif;
	font-weight: 700;
	margin-left: 18px;
	color: #2b2b2b;
}

.m4-c-social a:hover .m4-c-social__label {
	color: #92bb04;
}

.navbar {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

@media (min-width: 768px) {
	.navbar {
		padding: 1.2rem 0;
	}
}

.m4-c-header--intro .navbar-brand #logo {
	width: 160px;
}

.m4-c-header .navbar-brand .st0 {
	fill: white;
}

.m4-c-header--intro .navbar-brand .st1 {
	fill: #abda09;
}

.m4-c-header--intro .navbar-brand {
	width: 100%;
	text-align: center;
}

.m4-c-header--dark.m4-c-header--intro .navbar-brand {
	width: auto;
	text-align: left;
}

.m4-c-header--dark .navbar {
	background-color: #313a46!important;
}

@media (min-width: 768px) {
	.m4-c-header--dark .navbar {
		padding: 0.4rem 0;
	}
	.m4-c-header--intro .navbar-brand {
		width: auto;
		text-align: left;
	}
}


.navbar-brand #logo {
	margin-top: 10px;
	height: 52px;
}

.m4-c-header--dark .navbar-brand #logo {
	width: 120px;
	margin-top: 0;
}

.m4-c-header--dark .navbar-brand .st1 {
	fill: #abda09;
}

.m4-c-header--dark .navbar-nav {
	margin-top: 0;
}

.navbar-brand {
	font-family: "Fira Sans", sans-serif;
	font-weight: 700;
	font-size: 1.875rem;
}

@media (max-width: 767px) {
	.m4-c-header--intro {
		height: auto;
	}
	.m4-c-intro {
		padding: 150px 15px 80px 15px;
	}
}

.nav-item {
	font-family: "Fira Sans", sans-serif;
	font-size: 1.125rem;
}

.navbar-inverse .navbar-nav .nav-link {
	color: white;
}

.navbar-inverse .navbar-nav .nav-link:hover,
.m4-c-header--dark .navbar-nav .nav-link.active {
	color: #abda09;
}

.navbar-nav {
	margin-top: 6px;
}

#nav-icon-blog {
	transform: translateY(3px);
}

.m4-c-contact {
	padding: 100px 0 120px 0;
}

.m4-c-contact__intro {
	text-align: center;
}

.m4-c-contact__form {
	margin-top: 20px;
}

.m4-c-contact__form .m4-c-social {
	margin-top: 10px;
}

.form-control {
	padding: .7rem .9rem;
	font-size: 1rem;
	line-height: 1.25;
	color: #2b2b2b;
	background-color: rgb(247, 247, 247);
	border: none;
	border-radius: 0;
	-webkit-box-shadow: 0 2px 0 0 rgba(57, 90, 141, .2);
	box-shadow: 0 2px 0 0 rgba(57, 90, 141, .2);
	margin: 10px 0 31px 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.form-control:focus {
	-webkit-box-shadow: 0 2px 0 0 #abda09;
	box-shadow: 0 2px 0 0 #abda09;
	background-color: rgb(247, 247, 247);
}

textarea.form-control {
	resize: none;
	height: 244px;
}

.form-group {
	position: relative;
}

.form-group label {
	font-size: 13px;
	position: absolute;
	top: 1.23em;
	left: 0;
	font-weight: bold;
	color: #9bc700;
	background-color: rgb(247, 247, 247);
	opacity: 1;
	margin: -30px 0 0 0;
	padding: .2rem .9rem 0 .9rem;
	-webkit-transition: .333s ease top, .333s ease opacity;
	transition: .333s ease top, .333s ease opacity;
	z-index: 1;
	border-radius: .25rem;
	line-height: 1.5;
}

.js-hide-label label {
	opacity: 0;
	top: 1.5em;
}

.js-field-error label {
	background: #ffd1d1;
	color: #bb5d5d;
}

.js-field-error .form-control {
	background: #ffd1d1;
	-webkit-box-shadow: 0 2px 0 0 rgb(226, 143, 143);
	box-shadow: 0 2px 0 0 rgb(226, 143, 143);
	color: #bb5d5d;
}

.js-field-error .custom-control-label {
	padding: 10px;
}
.alert {
	margin: 40px 0 20px 0;
	font-size: 1rem;
	line-height: 1.4rem;
	padding: .7rem .9rem;
}

.m4-c-contact__notice {
	margin: 1.8rem 0 2.8rem 0;
	padding-left: 58px;
}

.m4-c-contact__analog {
	display: block;
	position: absolute;
	font-size: 12px;
	line-height: 14px;
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	left: -12px;
	margin-top: 20px;
}

.btn-submit {
	background: #abda09;
	-webkit-box-shadow: 0 2px 0 0 #91b906;
	box-shadow: 0 2px 0 0 #91b906;
	cursor: pointer;
	color: #3c3c3c;
	border: none;
	margin-top: 25px;
}

@media (min-width: 992px) {
	.btn-submit {
		float: right;
		margin-top: 14px;
	}
}

#js-form-loader {
	display: none;
	margin-left: 14px;
}

.btn-submit:hover,
.btn-submit:focus {
	color: #3c3c3c;
	background: #9bc507;
}

.m4-c-contact .m4-c-social__label {
	color: #2b2b2b;
}

.m4-c-contact .m4-c-social a:hover .m4-c-social__label,
.m4-c-contact .m4-c-social a:focus .m4-c-social__label {
	color: #92bb04;
}

.m4-c-competence {
	padding: 80px 0 120px 0;
	text-align: center;
}

.m4-c-competence__intro {
	margin-bottom: 30px;
}

.m4-c-competence__display {
	margin-top: 60px;
}

.m4-c-competence__display a {
	border-bottom: 2px solid rgba(225,225,225,.5);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.m4-c-competence__display a:hover,
.m4-c-competence__display a:focus {
	border-bottom: 2px solid #abda09;
	text-decoration: none;
}

.m4-c-competence__display img {
	margin-bottom: 20px;
}

.m4-c-competence h3 {
	font-size: 1.76rem;
	color: #2b2b2b;
	margin: 0.5rem 0 1.4rem 0;
}

.m4-c-competence h3 .far {
	margin-right: 10px;
	color: #9bc700;
}

.m4-c-competence h4 {
	margin-top: 50px;
}

@media (max-width: 768px) {
	.m4-c-competence__rea {
		margin-top: 40px;
	}
}

.m4-c-competence__ill {
	padding: 90px 50px;
	position: relative;
}

.m4-c-competence__ill div {
	position: relative;
	margin-top: 10px;
	padding: 0 -45px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.m4-c-competence__ill {
		display: none;
	}
}

@media (max-width: 767px) {
	.m4-c-competence__str {
		display: none;
	}
	.m4-c-competence__ill {
		padding: 50px 70px 20px 70px;
	}
}

.m4-c-competence .btn {
	margin-top: 40px;
}

.m4-c-competence__str {
	position: absolute;
	top: 20px;
}

.m4-c-competence__str rect {
	fill: #cdf0f6;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.m4-c-competence__str rect:first-of-type {
		width: 170px;
	}
	.m4-c-competence__str--left rect:first-of-type {
		transform: translateX(20px);
	}
	.m4-c-competence__ill {
		padding: 120px 45px;
	}
}

.m4-c-competence__str--left {
	left: -50px;
}

.m4-c-competence__str--right {
	right: -50px;
}

.m4-c-competence__str--bottom {
	top: auto;
	bottom: 20px;
}

.m4-c-portfolio {
	padding: 80px 0 90px 0;
	background: #f5f5f5;
}

.m4-c-portfolio__intro {
	text-align: center;
	margin-bottom: 50px;
}

.m4-c-portfolio .card {
	display: block;
	overflow: hidden;
	border: none;
	border-radius: 0;
	margin-bottom: 1rem;

}

.m4-c-portfolio .card-title {
	font-size: 1.25rem;
	line-height: 1.5rem;
	margin: 0 0 .4rem 0;
}

.m4-c-portfolio .card-text {
	font-size: 1rem;
	line-height: 1.375rem;
	margin-bottom: .25rem;
}

.m4-c-portfolio .card-block {
	display: block;
}

.m4-c-portfolio .card-tags {
	margin: 10px 0 5px 0;
}

.m4-c-portfolio .card-tags span {
	font-size: .7rem;
	line-height: 1.275rem;
	text-transform: uppercase;
	padding: 0 8px;
	margin-right: 5px;
	border-radius: 20px;
	color: white;
	background: #62bf86;
	display: inline-block;
	white-space: nowrap;
}

.m4-c-portfolio .card-block {
	font-size: 1rem;
	line-height: 1.375rem;
	padding: 25px;
	background: white;
}

.card {
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.m4-l-portfolio__frame {
	padding: 28px;
	position: relative;
	background: #e9e9e9;
}

.m4-l-portfolio__frame img {
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.m4-c-portfolio__link {
	display: block;
}

.m4-c-portfolio__link:hover,
.m4-c-portfolio__link:focus {
	color: inherit;
	text-decoration: none;
}

.m4-c-portfolio__display {
	margin-top: 35px;
}

.m4-c-portfolio .btn {
	margin-top: 0;
	padding-right: .5rem;
	padding-left: .5rem;
}

.m4-c-portfolio .card-footer {
	padding: .7rem 1.25rem .8rem 1.25rem;
	background-color: white;
	border-top: 1px solid rgba(150, 150, 150, 0.125);
}

.m4-c-portfolio .card-footer small {
	padding-top: .25rem;
	font-size: .875rem;
	padding-left: .5rem;
	padding-right: .5rem;
}

.card-grid .card {
    margin-bottom: 1rem;
}

.card-grid {
	margin-right: -8px;
    margin-left: -8px;
}

.card-grid .col-12,
.card-grid .col-sm-6,
.card-grid .col-md-4,
.card-grid .col-lg-3 {
	padding-right: 7px;
    padding-left: 7px;
}

@media (max-width: 575px) {
	/* Braucht noch einen Fix für Smartphones */
	.card-columns .img-fluid {
		display: inline-block;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.card-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.card-columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.card-columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}

@media (min-width: 1200px) {

	.card-columns {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}

}


/* Custom Notation for Portfolio Projects */

.m4-c-portfolio__item--darkblue .card-text,
.m4-c-portfolio__item--darkblue .card-tags span {
	color: #b7d9fe;
}

.m4-c-portfolio__item--darkblue .card-tags span {
	background: #123b69;
}

.m4-c-portfolio__item--darkblue .card-block {
	background: white;
}

.m4-c-portfolio__item--salmon .card-text,
.m4-c-portfolio__item--salmon .card-tags span {
	color: #faebe3;
}

.m4-c-portfolio__item--salmon .card-tags span {
	background: #b17f67;
}

.m4-c-portfolio__item--salmon .card-block {
	background: #cf9e87;
}

.m4-c-portfolio__item--green .card-text,
.m4-c-portfolio__item--green .card-tags span {
	color: #ebf7c9;
}

.m4-c-portfolio__item--green .card-tags span {
	background: #859a47;
}

.m4-c-portfolio__item--green .card-block {
	background: #a1b762;
}

.m4-c-portfolio__item--purple .card-text,
.m4-c-portfolio__item--purple .card-tags span {
	color: #c0cceb;
}

.m4-c-portfolio__item--purple .card-tags span {
	background: #303d5f;
}

.m4-c-portfolio__item--purple .card-block {
	background: #45557d;
}

.m4-c-portfolio__item--turquoise .card-text,
.m4-c-portfolio__item--turquoise .card-tags span {
	color: #a3f8f1;
}

.m4-c-portfolio__item--turquoise .card-tags span {
	background: #13887d;
}

.m4-c-portfolio__item--turquoise .card-block {
	background: #20a89c;
}

.m4-c-portfolio__item--lightblue .card-text,
.m4-c-portfolio__item--lightblue .card-tags span {
	color: #d8f4ff;
}

.m4-c-portfolio__item--lightblue .card-tags span {
	background: #499abb;
}

.m4-c-portfolio__item--lightblue .card-block {
	background: #61b6d9;
}


/* About me */

.m4-c-about {
	color: white;
	padding: 80px 0 90px 0;
}

.m4-c-about__image {
	margin-bottom: 40px;
}

@media (min-width: 768px) {
	.m4-c-about__image {
		margin-top: 20px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.m4-c-about h2 {
		font-size: 2rem;
	}
}

.m4-c-about a {
	color: white;
	border-bottom: 1px solid #77c4dc;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.m4-c-about a:hover {
	text-decoration: none;
	color: #c1f4fb;
	border-bottom: 1px solid #77c4dc;
}

.m4-c-about__content {
	margin: 30px 0 50px 0;
}

.m4-c-about__content p {
	color: #c1f4fb;
}

.m4-c-timeline__line rect {
	fill: #479eb8;
}

@media (min-width: 992px) {
	.m4-c-timeline__line rect {
		fill: #296681;
	}
}

@media (max-width: 440px) {
	.m4-c-timeline__event:last-of-type {
		display: none;
	}
}

.m4-c-timeline__event {
	padding-left: 115px;
	margin-bottom: 22px;
	position: relative;
}

.m4-c-timeline__event h4 {
	font-size: 1rem;
	line-height: 1.5rem;
}

.m4-c-timeline__event h4 {
	margin: 0;
}

.m4-c-timeline__event:before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	background: #4484aa;
	border: 4px solid white;
	position: absolute;
	margin: 2px 0 0 -40px;
	z-index: 2;
}

.m4-c-timeline__line {
	position: absolute;
	z-index: 1;
	margin: 4px 0 0 83px;
}

.m4-c-timeline__event .m4-c-timeline__indicator {
	position: absolute;
	top: -1px;
	left: 0;
	font-weight: bold;
	font-size: 0.9rem;
	text-transform: uppercase;
	width: 55px;
	text-align: right;
}

.m4-c-timeline__event:nth-of-type(2) h4,
.m4-c-timeline__event:nth-of-type(2) p {
	color: #c1f4fb;
}

.m4-c-timeline__event:nth-of-type(2):before {
	border-color: #c1f4fb;
}

.m4-c-timeline__event:nth-of-type(3) h4,
.m4-c-timeline__event:nth-of-type(3) p {
	color: #7fd0db;
}

.m4-c-timeline__event:nth-of-type(3):before {
	border-color: #7fd0db;
}

.m4-c-generic {
	padding: 140px 0 120px 0;
}

.m4-c-probs {
	padding: 80px 0;
}

.m4-c-testimonial p {
	font-size: 1.675rem;
	line-height: 2rem;
	font-family: "Fira Sans", sans-serif;
	font-weight: 700;
	text-align: center;
	color: #4383a9;
	background: -webkit-linear-gradient(-45deg, rgba(75, 186, 200, 1) 0%, rgba(56, 53, 125, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.m4-c-testimonial__image {
	border-radius: 45px;
	display: inline-block;
	margin-top: -20px;
	margin-right: 15px;
}

.m4-c-testimonial__source {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.125rem;
	color: #3e3e3e;
	text-align: left;
	margin-top: 5px;
}

.m4-c-testimonial__source strong {
	font-family: "Fira Sans", sans-serif;
}

.link-no-wrap {
	display: inline-block;
	white-space: nowrap;
}

.m4-c-leistungen {
	padding: 60px 0 120px 0;
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
	text-align: center;
}

.compass {
	margin-top: 58px;
	transform: scale(1.2);
}

.m4-c-products .far {
	color: #abda09;
}

.m4-c-leistungen__display p {
	color: #9c9c9c;
	padding-left: 20px;
	padding-right: 20px;
}

.m4-c-leistungen__display .fa-color {
	color: #abda09;
}

.m4-c-team {
	padding: 100px 0 80px 0;
}

.m4-c-team .col-md-2 {
	cursor: pointer;
}

.m4-c-team__intro {
	text-align: center;
	margin-bottom: 50px;
}

.m4-c-team__name {
	text-align: center;
	font-size: .7rem;
	line-height: 20px;
	margin-top: 15px;
	margin-bottom: 20px;
}

.m4-c-team__name span {
	font-family: "EB Garamond", serif;
	font-weight: 700;
	font-size: 1rem;
	display: block;
}

.m4-c-team__member {
	position: relative;
	text-align: center;
	margin: 10px 0;
	cursor: pointer;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.m4-c-team__member:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.m4-c-team__member img {
	border: 10px solid transparent;
}

.m4-c-team__member:before {
	border: 3px solid #e8e8e8;
	border-radius: 300px;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.m4-c-team__member:hover:before {
	border-color: #abda09;
}

.btn-primary {
	color: #2b2b2b;
	background: #abda09;
	font-family: "Fira Sans", sans-serif;
	font-weight: 700;
	border-color: #abda09;
}

.btn-primary:hover,
.btn-primary:focus {
	background: #8fb604;
	color: white;
	border-color: #abda09;
}
/**
 * Set default positioning as a fallback for if the plugin fails
 */

.jquery-background-video-wrapper {
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.jquery-background-video {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


/**
 * Fade in videos
 * Note the .js class - so non js users still
 * see the video
 */

.js .jquery-background-video {
	-webkit-transition: opacity 300ms linear;
	transition: opacity 300ms linear;
}

.js .jquery-background-video.is-visible {
	opacity: 1;
}

/**
 * Pause/play button
 */

.jquery-background-video-pauseplay {
	position: absolute;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	width: 20px;
	height: 20px;
	top: 15px;
	right: 15px;
	padding: 0 !important;
	cursor: pointer;
	outline: none !important;
}

.jquery-background-video-pauseplay span {
	display: none;
}

.jquery-background-video-pauseplay:after,
.jquery-background-video-pauseplay:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.jquery-background-video-pauseplay.play:before {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #FFF;
}

.jquery-background-video-pauseplay.pause:before,
.jquery-background-video-pauseplay.pause:after {
	border-top: 10px solid #FFF;
	border-bottom: 10px solid #FFF;
	border-left: 5px solid #FFF;
}

.jquery-background-video-pauseplay.pause:after {
	left: 10px;
}

.navbar-nav a {
	position: relative;
	display: inline-block;
}

@media (min-width: 768px) {
	.navbar-nav a {
		-webkit-transition: color 0.3s;
		-moz-transition: color 0.3s;
		transition: color 0.3s;
	}

	.navbar-nav a::before,
	.m4-c-header--dark .navbar-nav .nav-link.active:before {
		position: absolute;
		top: 100%;
		left: 50%;
		color: transparent;
		content: '• •';
		text-shadow: 0 0 transparent;
		-webkit-transition: text-shadow 0.3s, color 0.3s;
		-moz-transition: text-shadow 0.3s, color 0.3s;
		transition: text-shadow 0.3s, color 0.3s;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
		pointer-events: none;
		margin-top: -15px;
	}

	.navbar-nav a:hover::before,
	.m4-c-header--dark .navbar-nav .nav-link.active::before {
		color: #fff;
		text-shadow: 10px 0 #fff, -10px 0 #fff;
	}

	.navbar-nav a:hover,
	.navbar-nav a:focus {
		color: #fff;
	}
}

.m4-c-modal-team .modal-body {
	padding: 0;
	overflow: hidden;
}

.modal-body .close {
	padding: 10px 15px;
	cursor: pointer;
	position: absolute;
    right: 0;
    z-index: 5;
}

.m4-c-modal-team__info {
	padding-right: 30px;
}

@media (max-width:576px){

.m4-c-modal-team__info {
	padding-left: 30px;
	padding-bottom: 40px;
}

}

.modal-content {
	border-radius: 0;
}

.js-team-modal-image {
	display: block;
	width: 100%;
}

.m4-c-modal-team p {
	padding: 0;
	margin: 0;
}

.js-team-modal-name {
	margin-top: 1.4rem;
	margin-bottom: .3rem;
}

.m4-c-modal-team .js-team-modal-position {
	margin-bottom: 1rem;
}



.modal-content a {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.modal-content a:hover,
.modal-content a:focus {
	text-decoration: none;
}


.m4-c-contact .fa-heart {
	color: #abda09;
	margin-right: 15px;
}

.white-popup-block,
.white-popup-block-container {
	background: #FFF;
	padding: 30px 40px;
	text-align: left;
	margin: 20px auto;
	position: relative;
}

.white-popup-block {
	max-width: 540px;
}

#m4-c-lightbox img,
.m4-c-lightbox__embeds .embed-responsive {
	margin-top: 20px;
	margin-bottom: 20px;
}

#m4-c-lightbox h1 {
	font-size: 2.2rem;
	margin: 0 0 1rem 0;
	line-height: 2.3rem;
}

.uniform__potty {
    position: absolute;
    left: -9999px;
}

#fullwidth-map{
	width:100%;
	height:200px;
}

.map-container{
	padding:0;
}

@media only screen and (min-width:768px){
	#fullwidth-map{
		height:350px;
	}
}

@media (min-width: 150px) and (max-width: 380px) {
	.close_video.close_video_show{
		font-size: 0.4rem;
	}
	.btn.btn-lg.btn-default.btn-line{
		margin-bottom: 2rem;
	}
}

@media (min-width: 380px) and (max-width: 600px) {
	.close_video.close_video_show{
		font-size: 0.8rem;
	}
}

@media (min-width: 600px) and (max-width: 810px) {
	.close_video.close_video_show{
		font-size: 1.5rem;
	}
}

@media (min-width: 770px) and (max-width: 1000px) {
	.m4-c-intro .btn {
		margin-bottom: 14rem;
	}
}

.m4-c-footer .btn-line {
	color: white;
	font-weight: normal;
	padding: 0;
	border-radius: 0;
	background: none;
	border-bottom: 2px solid rgba(255,255,255,.5);
	margin-top: 50px;
	display: inline-block;
	font-size: 1.1rem;
	white-space: pre-wrap;
}

.m4-c-footer .btn.btn-line {
	margin-top: 20px;
}

.m4-c-automotive-announcement,	.m4-c-entdecken-announcement {
	position: relative;
	color: white;
	text-align: center;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	z-index: 10;
}

.m4-c-automotive-announcement span, .m4-c-entdecken-announcement span{
	display: inline-block;
	text-align: center;
	margin-left: 15px;

}

@media only screen and (min-width:768px){
	.m4-c-automotive-announcement, .m4-c-entdecken-announcement{
		position: absolute;
		bottom: 20px;
	}

	.m4-c-automotive-announcement span, .m4-c-entdecken-announcement span{
		text-align: left;

	}
}

.m4-c-automotive-announcement .btn-line, .m4-c-entdecken-announcement .btn-line {
	color: white;
	font-weight: normal;
	padding: 30px 15px 10px 15px;
	border-radius: 0;
	background: none;
	display: inline-block;
	font-size: 1.1rem;
	white-space: pre-wrap;
	border: 2px solid #abda09;
	border-radius: 8px;
}

@media only screen and (min-width:380px){
	.m4-c-automotive-announcement .btn-line, .m4-c-entdecken-announcement .btn-line{
		padding: 10px 15px;
		margin: 2rem 1rem;
	}
}

.m4-c-automotive-announcement__icon, .m4-c-entdecken-announcement__icon {
	width: 50px;
	height: 50px;
	display: inline-block;
	margin-top: -28px;
}

.m4-c-automotive-announcement .btn.btn-line:hover,
.m4-c-entdecken-announcement .btn.btn-line:hover,
.m4-c-automotive-announcement .btn.btn-line:focus,
.m4-c-entdecken-announcement .btn.btn-line:focus,
.m4-c-footer .btn.btn-line:hover,
.m4-c-footer .btn.btn-line:focus {
	background: transparent;
	border-color: transparent;
	color: white;
	cursor: pointer;
	border-bottom: 2px solid #abda09;
}

.m4-c-automotive-announcement .btn.btn-line:hover,
.m4-c-entdecken-announcement .btn.btn-line:hover,
.m4-c-entdecken-announcement .btn.btn-line:focus,
.m4-c-automotive-announcement .btn.btn-line:focus {
	border: 2px solid #abda09;
}

.m4-c-piwik-info {
	border: 2px solid #efefef;
	width: 100%;
	height: 300px;
	margin: 20px 0;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #abda09;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #2b2b2b;
    background-color: #abda09;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%232b2b2b' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-control {
	margin: 11px 0;
}
.custom-control-label {
	font-size: 0.8rem;
	color: #a5a5a5;
	line-height: 1.2rem;
	margin-top: 2px;
}

.custom-control-label a {
	color: #797979;
	text-decoration: underline;
}

.m4-c-privacy-check__revocation {
	display: block;
	margin-top: 10px;
}

.m4-c-contact__submissionnotice,
.m4-c-contact__intro .m4-c-contact__submissionnotice {
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 0.8rem;
	color: #a5a5a5;
}

.m4-c-contact__submissionnotice a,
.m4-c-contact__intro .m4-c-contact__submissionnotice a {
	color: #797979;
	text-decoration: underline;
}

.m4-c-footer-landing a {
	color: white;
    font-weight: normal;
    padding: 0;
    border-radius: 0;
    background: none;
    border-bottom: 2px solid rgba(255,255,255,.5);
    display: inline-block;
	white-space: pre-wrap;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.m4-c-footer-landing {
	margin-top: 20px;
}

.m4-c-footer-landing a:hover,
.m4-c-footer-landing a:focus {
	color: white;
	text-decoration: none;
    border-bottom: 2px solid #abda09;
}

.back-to-top {
    position: fixed;
    bottom: 60px;
    right: 20px;
    cursor: pointer;
    display: none;
    z-index: 10;
    background-color: #313a46;
  color: white;
  font-size: 14px;
  padding: 2px 10px;
  border-radius: 20px;
  position: fixed;
  border: 2px solid white;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.4);
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.4);
}

.back-to-top:hover {
  background-color: #4e5968;
  color: white;
  text-decoration: none;
}

#announcement-dialog {
	background: white;
	padding: 20px 30px;
	text-align: left;
	max-width: 400px;
	margin: 40px auto;
	position: relative;
}

/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;



	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);

	opacity: 0;
}

.awesome-theme-m4 {
  --fa-secondary-opacity: 1;
  --fa-secondary-color: #313a46;
  --fa-primary-color: #abda09;
}

.text-underline {
  text-decoration: underline;
}

.youtube-deactivated {
  border: 2px solid #efefef;
  padding: 15px;
  margin: 20px 0;
}

#content {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 99999;
}
#iFrameWindow{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.video_out{
	width: 80%;
	position: relative;
}

#close{
	position: absolute;
    top: 0.4rem;
    right: 0.5rem;
    color: black;
	cursor: pointer;
}

#close svg{
	height: 25px;
	width: 25px;
}

.close_video{
	position: absolute;
    border: 3px solid #abda09;
    color: black;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 99999;
    top: 60%;
    font-size: 2rem;
    left: 50%;
    transform: translateX(-50%);
	display: none;
	cursor: pointer;
}

.close_video_show{
	display: block;
}

#layer {
  position: fixed;
  width: 50%;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  box-shadow: 0 5px 5px rgba(0,0,0,.2);
  border-radius: 10px;
  border: 2px solid rgba(43, 43, 43, .5);
  z-index: 99;
  /* min-height: 360px; */
  max-width: 600px;
  width: calc(100% - 2rem);
  margin: 2rem 0;
}

#layer h1 {
  margin: 0;
  font-size: 2rem;
}

#layer .close {
  float: none;
  cursor: pointer;
  opacity: 1;
  font-size: 2rem;
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1rem 2rem;
  /* width: 100%; */
}

#layer p {
	margin: 1rem 2rem;
}

.inhalt {
  margin: 1rem 2rem;
}