body {
		color: #666666;
		font-size: 18px;
		font-weight: normal;
		font-family: "Roboto", sans-serif;
		line-height: 1.5;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #184c6a;
		margin-bottom: 20px;
	}

	.tinymceimg {
		max-width: 100%;
		height: auto;
		margin: 20px 0;
	}

	.block p:last-child {
		margin-bottom: 0;
	}

	.blog-detail-section, .service-section, .video-section, .protfolio-section, .team-section {
		margin-top: 0;
		margin-bottom: 0;
	}

	.blog-block-top-margin {
		margin-top: 100px;
	}

	.blog-block-bottom-margin {
		margin-bottom: 65px;
	}

	.greyback {
		background: #f0f0f0 !important;
	}

	header {
		border-bottom: 1px solid white;
		box-shadow: 0 4px 2px -2px white;
	}

	.topbar .image img {
		max-height: 80px;
		width: auto;
	}

	.topbar-hinweis img {
		max-height: 60px;
		width: auto;
		margin: 10px 0 10px 40px;
	}

	.hero-section .hero-slider {
		height: 100vh;
	}

	.slider-content {
		background-color: rgba(255, 255, 255, 0.5);
	}

	.slider-content > .text-section > h1, .slider-content > .text-section > h4, .slider-content > .text-section > p {
		color: #184c6a !important;
	}

	.slider-content-diagonal > .text-section > h1, .slider-content-diagonal > .text-section > h4, .slider-content-diagonal > .text-section > p {
		color: white !important;
	}

	.hero-section .slider-content-diagonal {
		background-color: #184c6a;
		width: 50%;
		margin: 0 !important;
		top: -10%;
		transform: rotate(-7deg);
		left: -15%;
		padding: 240px 0 120px 240px;
	}

	.hero-section .slider-content-diagonal h1 {
		font-size: 75px;
	}

	.hero-section .owl-nav button.owl-prev, .hero-section .owl-nav button.owl-next {
		color: #184c6a;
		background-color: white;
	}

	.hero-section .owl-nav button.owl-prev:hover, .hero-section .owl-nav button.owl-next:hover {
		color: white;
	}

	.hero-section .slider-content {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.bratecome-section {
		background-color: #3c3c3b;
	}

	.bratecome-section::before {
		background: rgba(24, 76, 106, 0.4);
	}

	.blog-slider-content .content {
		padding-top: 40px;
	}

	.news-page .blog-slider-content .image img {
		max-width: 100%;
		height: auto;
	}

	.news-page .blog-slider-content {
		margin-bottom: 30px;
	}

	.counter-content {
		position: absolute;
		background-color: #184c6a;
		width: 50%;
		margin: 0 !important;
		top: -10%;
		transform: rotate(-7deg);
		left: -15%;
		padding: 200px 0 120px 20%;
	}

	.counter-content h1 {
		font-size: 80px;
	}

	.counter-content * {
		color: white !important;
	}

	.service-section .service-text-section .main-content .content .description h2 {
		color: #184c6a;
	}

	.protfolio-section {
		background: #3c3c3b;
	}

	.protfolio-section .slider-content {
		background-color: #c6c6c6;
	}

	.protfolio-section .owl-carousel .owl-dots button {
		background: #c6c6c6;
	}

	.protfolio-section .protfolio-box .protfolio-content .button a {
		background-color: #c6c6c6;
		color: #3c3c3b;
	}

	.customer-slider-slim .slider-content {
		border-top: 2px solid white;
		border-left: 2px solid white;
		border-right: 2px solid white;
		border-bottom: 2px solid white;
	}

	h2.slider-vorteile {
		margin: 60px 0 30px 0;
		text-align: center;
	}

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

	.video-section .video-slider {
		background: transparent;
		padding: 40px 0 0 0;
	}

	.video-section .button-row {
		background: transparent;
		padding: 30px 0 60px 0;
	}

	.video-slider h3 {
		color: #3c3c3b;
	}

	.video-section .video-slider {
		padding: 0
	}

	.video-section .owl-stage-outer {
/*		background-color: #3c3c3b; */
		background-color: white;
	}

	.video-slider-content {
		padding: 90px;
	}

	.video-slider-content * {
/*		color: white !important; */
	}

	.video-section .video-slider .video-slider-content p {
		padding: 0 !important;
	}

	.video-section .button a {
		color: white !important;
		background-color: #184c6a;
	}

	.video-section .button a {
		text-decoration: none;
		font-size: 15px;
		padding: 15px 26px;
		text-align: center;
		font-weight: 500;
		font-family: "Roboto";
		letter-spacing: 1px;
		border-radius: 4px;
		display: inline-block;
	}

	.footer-section .main-section p {
		margin: 0px 10px 20px 0px;
	}

	.footer-section .cuppyRight-section {
		margin-top: 60px;
	}

	.footerlogo {
		max-width: 240px;
		height: auto;
		margin-bottom: 80px;
	}

	.footer-section a:hover, .footer-section a:focus {
		color: #c6c6c6 !important;
	}

	.blog-detail-section .main-section .block {
		background: #f0f0f0;
		color: #333333;
		padding: 26px 34px;
		border-left: 4px solid #184c6a;
	}

	.blog-detail-section img {
		max-width: 100%;
		height: auto;
	}

	.rightcol .container {
		padding-left: 0;
		padding-right: 0;
	}

	.sidebox {
		background: #3c3c3b !important;
		padding: 20px;
		text-align: center;
	}

	.sidebox p {
		font-size: 16px;
		color: white !important;
	}

	.sidebox p:last-child {
		margin-bottom: 0;
	}

	.sidebox a {
		color: white !important;
	}

	.sidebox a:hover, .sidebox a:focus {
		color: #c6c6c6 !important;
	}

	.sidebox .bullauge {
		width: 130px;
		height: 130px;
		margin: 0 auto 20px;
	}

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

	.tinymcepig {
		float: right;
		margin: 0 0 10px 10px;
		width: 50%;
		height: auto;
	}

	.team-section .team-text-section .team-main-content .content .team-icon, 
	.team-section .team-text-section .team-main-content .content .team-icon a {
		color: white;
	}

	.team-section .team-text-section .team-main-content .content {
		padding-top: 0;
		padding-bottom: 70px;
	}

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

	.hero-section .hero-slider {
		height: 825px;
	}

	.counter-section {
		background-position-x: 50%;
	}

	.counter-content {
		width: 60%;
		top: -10%;
		left: -15%;
		padding: 200px 0 120px 20%;
	}

	.counter-content h1 {
		font-size: 70px;
	}

}

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

	.hero-section .hero-slider {
		height: 725px;
	}

	.counter-section {
		background-position-x: 60%;
	}

	.counter-content {
		width: 60%;
		top: -10%;
		left: -15%;
		padding: 200px 0 120px 20%;
	}

	.counter-content h1 {
		font-size: 60px;
	}

}

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

	.rightcol .container {
		padding-left: 15px;
		padding-right: 15px;
	}

}

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

	.hero-section .hero-slider {
		height: 625px;
	}

	.counter-section {
		background-position-x: 60%;
	}

	.counter-content {
		width: 50%;
		top: -10%;
		left: -15%;
		padding: 200px 0 120px 20%;
	}

	.counter-content h1 {
		font-size: 50px;
	}

}

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

	.hero-section .hero-slider {
		height: 525px;
	}

	.counter-section {
		background-position-x: 60%;
	}

	.counter-content {
		width: 50%;
		top: -10%;
		left: -15%;
		padding: 200px 0 120px 20%;
	}

	.counter-content h1 {
		font-size: 40px;
	}

}

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

	.hero-section .hero-slider {
		height: 425px;
	}

	.counter-section {
		background-position-x: 75%;
	}

	.counter-content {
		width: 60%;
		top: -10%;
		left: -15%;
		padding: 200px 0 120px 20%;
	}

	.counter-content h1 {
		font-size: 30px;
	}

	.tinymcepig {
		width: 100%;
	}

}

	.hero-slider-100 {
		z-index: 100;
	}

	.hero-legend-105 {
		z-index: 105;
	}

	.hero-slider-110 {
		z-index: 110;
	}

/* *************** */
/* *** Main menue  */
/* *************** */

	.main-menu ul li a {
		position: relative;
	}

	.menu .main-menu nav ul a {
		margin: 30px 58px 30px 0 !important;
		padding: 0 !important;
	}

	.main-menu ul li a::before{
		content: '';
		position: absolute;
		height: 7px;
		width: 7px;
		background: transparent;
		right: -15px;
		top: -5px;
		border-right: 2px solid #fff;
		border-top: 2px solid #fff;
		opacity: 0;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}

	.main-menu ul li a::after{
		content: '';
		position: absolute;
		height: 7px;
		width: 7px;
		background: transparent;
		left: -15px;
		bottom: -5px;
		border-left: 2px solid #fff;
		border-bottom: 2px solid #fff;
		opacity: 0;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}

	.main-menu ul li a:hover::before {
		opacity: 1;
	}

	.main-menu ul li a:hover::after {
		opacity: 1;
	}

/* *************** */
/* *** Submenue    */

	.main-menu ul .sub-menu li {
		padding-bottom: 0;
	}

	.main-menu ul .sub-menu {
		background: transparent;
		box-shadow: 0px 1px 3px rgb(0 0 0 / 30%);
		position: absolute;
		text-align: left !important;
		padding: 36px 0 0 0 !important;
		opacity: 0;
		transition: .5s;
		display: block !important;
		top: 50px;
		width: 240px;
		visibility: hidden;
		z-index: 666666;
	}

	.main-menu ul li:hover .sub-menu {
		opacity: 1;
		visibility: visible;
	}

	.main-menu ul .sub-menu li:first-child {
		border-top: 1px solid white;
	}

	.main-menu ul .sub-menu li {
		background: #3c3c3b;
		border-bottom: 1px solid white;
	}

	.main-menu ul .sub-menu li:hover {
		background: #184c6a;
	}

	.main-menu ul .sub-menu li a {
		display: block;
		padding: 20px 15px !important;
		margin: 0 !important;
		line-height: 1.3;
		letter-spacing: normal;
		font-size: 16px;
		font-weight: 400;
		-webkit-transition: .1s;
		-o-transition: .1s;
		transition: .1s;
		visibility: inherit !important;
		color: white;
	}

	.main-menu ul .sub-menu li a::after {
		border-left: none;
		border-bottom: none;
	}

	.main-menu ul .sub-menu li a::before {
		border-right: none;
		border-top: none;
	}


/* *************** */
/* *** Accordion    */

	dd {
		display: none;
		background-color: #f0f0f0;
		padding: 20px 25px;
	}

	dt {
		padding: 20px 25px;
		background: #3c3c3b;
		color: white;
		font-size: 20px;
		cursor: pointer;
	}





	.video-section .owl-carousel .owl-dots {
		text-align: center;
		position: relative;
		margin: 20px auto;
		right: auto;
		bottom: auto;
	}

	.machine-slider .owl-nav, 
	.customer-slider-slim .owl-nav, 
	.customer-slider-wide .owl-nav, 
	.advantage-slider .owl-nav {
		position: absolute;
		top: calc(50% - 40px);
		left: 0;
		right: 0;
		z-index: 666666;
	}

	.machine-slider .owl-nav button.owl-next, 
	.customer-slider-slim .owl-nav button.owl-next, 
	.customer-slider-wide .owl-nav button.owl-next {
		position: absolute;
		right: 20px;
		height: 40px;
		width: 40px;
		font-size: 30px;
		border: 0;
		line-height: 33px;
		border: 1px solid white;
		background-color: #184c6a;
		color: white;
	}

	.machine-slider .owl-nav button.owl-prev, 
	.customer-slider-slim .owl-nav button.owl-prev, 
	.customer-slider-wide .owl-nav button.owl-prev {
		position: absolute;
		left: 20px;
		height: 40px;
		width: 40px;
		font-size: 30px;
		border: 0;
		line-height: 33px;
		border: 1px solid white;
		background-color: #184c6a;
		color: white;
	}

	.advantage-slider .owl-nav button.owl-next {
		position: absolute;
		right: 20px;
		height: 40px;
		width: 40px;
		font-size: 30px;
		border: 0;
		line-height: 33px;
		border: 1px solid #184c6a;
		background-color: #184c6a;
		color: white;
	}

	.advantage-slider .owl-nav button.owl-prev {
		position: absolute;
		left: 20px;
		height: 40px;
		width: 40px;
		font-size: 30px;
		border: 0;
		line-height: 33px;
		border: 1px solid #184c6a;
		background-color: #184c6a;
		color: white;
	}

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

	.advantage-slider .owl-nav {
		position: absolute;
		top: 20px;
		left: 0;
		right: 0;
	}

	.advantage-slider .owl-nav button.owl-next {
		right: 20px;
	}

	.advantage-slider .owl-nav button.owl-prev {
		left: 20px;
	}

	.video-slider-content {
		padding: 80px 30px 20px 30px;
	}

}

	.box-ordered-item {
		opacity: 0.1;
	}

	.box-icon-modern-count img {
		position: absolute;
		width: 50%;
		padding-bottom: 20px;
		bottom: 0;
	}

	.box-icon-modern-svg img {
		max-width: 100%;
		padding-bottom: 20px;
	}

	.box-icon-modern-container {
		margin-bottom: 10px;
	}

	.box-icon-modern-title {
		text-align: left;
	}

	.box-icon-modern-text {
		text-align: left;
	}

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

	.box-icon-modern-container {
		margin-bottom: 60px;
	}

	.box-icon-modern-title {
		text-align: center;
	}

	.box-icon-modern-text {
		text-align: center;
	}

}


	.team-section .team-text-section .team-main-content .content .team-icon {
		bottom: 50%;
	}

	.team-icon .button {
		padding: 10px 20px;
		color: #184c6a !important;
		background-color: white;
		border: 1px solid #184c6a;
	}

	.team-icon .button:hover, .team-icon .button:focus {
		color: white !important;
		background-color: #184c6a;
	}



/*
	a.linkicon:after {
		display: inline-block;
		height: 18px;
		width: 18px;;
		margin-left: 8px;
		content: url(/assets/img/external-link.png);
		opacity: 0.8;
	}
*/

	.main-section p a {
		text-decoration: underline;
		color: #131313;
	}

	.hero-section .slider-content {
		padding: 30px 20px !important;
	}


	.hero-section .slider-content .text-section h1 {
		font-size: 72px;
	}

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

	.hero-section .slider-content .text-section h1 {
		font-size: 54px;
	}

}

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

	.hero-section .slider-content .text-section h1 {
		font-size: 48px;
	}

}

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

	.hero-section .slider-content .text-section h4 {
		font-size: 24px;
	}

	.hero-section .slider-content .text-section h1 {
		font-size: 32px;
	}

}

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

	.hero-section .slider-content .text-section h4 {
		font-size: 18px;
	}

	.hero-section .slider-content .text-section h1 {
		font-size: 22px;
	}

}


	.menu .main-menu nav ul a {
		text-transform: none;
	}

	.mean-container .mean-bar {
		min-height: 90px;
	}

	.mean-container .mean-bar::before {
		content: url(/assets/img/logo_saffe_weiss_klein.png) !important;
	}


	.videobeschreibung {
		font-size: 16px !important;
		margin-bottom: 25px !important;
		text-align: center;
	}

	.video_wrapper {
		background-size: cover;
		position: relative;
		box-shadow: 0px 3px 5px #333;
		height: 400px;
		width: 100%;
	}

	.video_wrapper .video_trigger:before {
		content: '\f04b';
		font-family: 'FontAwesome';
		position: absolute;
		z-index: -1;
		font-size: 120px;
		color: rgba( 255, 255, 255, .2 );
		width: 120px;
		height: 120px;
		line-height: 120px;
		text-align: center;
		top: calc( 50% - 60px );
		left: calc( 50% - 60px );
	}

	.video_wrapper .video_trigger {
		padding: 0;
		height: 100%;
		width: 100%;
		position: absolute;
		bottom: 0;
		z-index: 9;
		background-color: rgba( 0, 0, 0, .6);
		color: #fff !important;
	}

	.video_wrapper .video_layer {
		position: relative;
		display: none;
		height: inherit;
		width: inherit;
		margin: auto;
	}

	.video_wrapper .video_layer iframe {
		border: 0px none transparent;
		height: inherit;
		width: inherit;
	}

	.video_trigger {
		text-align: center;
	}

	.video_hinweis {
		margin: 30px auto 10px auto;
		width: 600px;
		max-width: 80%;
		color: white !important;
	}

	.video_hinweis a {
		color: white !important;
		text-decoration: underline;
	}

	.video_button {
		margin: 10px auto;
		width: 600px;
		max-width: 80%;
		color: white !important;
		background-color: transparent !important;
	}

	.video_button:hover {
		color: black !important;
		background-color: white !important;
	}