@font-face { font-family: "Google Sans Text"; font-weight: 400; font-style: normal; src: url('fonts/Google Sans Text Regular.ttf') format('truetype'); }

@font-face { font-family: "Open Sans"; font-weight: 400; font-style: normal; src: url('fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype'); }

@font-face { font-family: "Ubuntu"; font-weight: 700; font-style: normal; src: url('fonts/Ubuntu-Bold.ttf') format('truetype'); }


@font-face { font-family: Lato; font-weight: 100; font-style: normal; src: url('fonts/Lato-Thin.ttf') format('truetype'); }
@font-face { font-family: Lato; font-weight: 300; font-style: normal; src: url('fonts/Lato-Light.ttf') format('truetype'); }
@font-face { font-family: Lato; font-weight: 400; font-style: normal; src: url('fonts/Lato-Regular.ttf') format('truetype'); }
@font-face { font-family: Lato; font-weight: 700; font-style: normal; src: url('fonts/Lato-Bold.ttf') format('truetype'); }
@font-face { font-family: Lato; font-weight: 900; font-style: normal; src: url('fonts/Lato-Black.ttf') format('truetype'); }

@font-face { font-family: Roboto; font-weight: 300; font-style: normal; src: url('fonts/Roboto-Light.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 400; font-style: normal; src: url('fonts/Roboto-Regular.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 500; font-style: normal; src: url('fonts/Roboto-Medium.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-weight: 700; font-style: normal; src: url('fonts/Roboto-Bold.ttf') format('truetype'); }

@font-face { font-family: "Google Sans"; font-weight: 400; font-style: normal; src: url('fonts/ProductSans-Regular.ttf') format('truetype'); }
@font-face { font-family: "Google Sans"; font-weight: 500; font-style: normal; src: url('fonts/ProductSans-Medium.ttf') format('truetype'); }
@font-face { font-family: "Google Sans"; font-weight: 700; font-style: normal; src: url('fonts/ProductSans-Bold.ttf') format('truetype'); }


#eut-feature-section .eut-feature-content .eut-btn,
#eut-feature-section .eut-description,
#eut-feature-section .owl-item.active .eut-title		{ opacity: 1; }

#eut-main-content .eut-container	{ padding: 0 15px; }

.owl-item 							{ width: 100vw; height: 100vh; background-position: center; background-size: cover; }

/* tabs */				
ul[role=tablist] li					{ border-bottom: 1px solid #e6e6e6; }
ul[role=tablist] li a 				{ color: black; }
ul[role=tablist] li:after 			{ content: ''; width: 100%; height: 2px; position: absolute; left: 0; top: 100%; margin-top: -2px; display: block; }
.nav>li>a:focus, 
.nav>li>a:hover 					{ background-color: transparent; }
ul[role=tablist] li.active:after,
ul[role=tablist] li:hover:after		{ background-color: rgb(250,73,73); }

/* accordion */
.panel-group .panel-heading+.panel-collapse>.list-group, 
.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel 							{ border: none; }
.panel-default>.panel-heading	{ background-color: transparent; }
.panel-title 				{ font-size: 24px; position: relative; }
.panel-title a 				{ padding-left: 25px; text-decoration: none; display: inline-block; }

.panel .panel-title  .vc_tta-controls-icon:after, 
.panel .panel-title  .vc_tta-controls-icon:before	{ transition: all .2s ease-in-out; }
.panel .panel-title  .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before		{ content: ''; display: block; position: absolute; box-sizing: border-box; left: 2px; right: 2px; top: 2px; bottom: 2px; border-style: solid; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg) translate(-25%,-25%); -ms-transform: rotate(45deg) translate(-25%,-25%); transform: rotate(45deg) translate(-25%,-25%); }
.panel .panel-title  .vc_tta-controls-icon 			{ display: inline-block; vertical-align: middle; height: 12px; width: 12px; position: relative; font-size: inherit; margin: 0; }
.panel .panel-title  .vc_tta-controls-icon			{ position: absolute; top: 12px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 2px; transform: rotate(180deg); color: rgb(250,73,73); }
.panel .panel-title .collapsed .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before	{ -webkit-transform: rotate(225deg) translate(-25%,-25%); -ms-transform: rotate(225deg) translate(-25%,-25%); transform: rotate(225deg) translate(-25%,-25%); color: rgb(102,102,102); }
.panel-body 																		{ padding-left: 43px; }

@media only screen and (max-width: 767px) {
	.referenzen	.tab-content	{ padding: 15px 0 0; }
	.referenzen .panel-heading	{ padding: 10px 0; }
	.referenzen .panel-body		{ padding: 10px 0; }
}
#eut-footer						{ background-color: #1c1c1c; margin-top: 0px; }

/* headlines */
#eut-main-content h2.eut-slogan-title				{ color: rgb(115,22,16); }

/* slogan */
.slogan 	{ margin-top: 120px; }
.eut-element.eut-slogan br 	{ display: block; }


@media only screen and (max-width: 767px) {
	.slogan	{ margin-top: 60px; }
}

/* navbar */
#eut-inner-header:before												{ background-color: transparent; }
#eut-header[data-sticky-header='advanced'] #eut-inner-header:before 	{ background-color: transparent; }
#eut-header #eut-inner-header.eut-fullwidth .eut-container 				{ padding: 0px; }
#eut-header.eut-header-sticky #eut-inner-header, 
#eut-header.eut-header-sticky[data-menu-options='right'] .eut-menu-options-wrapper, 
#eut-header.eut-header-sticky[data-menu-options='left'] .eut-menu-options-wrapper		{ border-bottom: 0px; }

.navbar 							{ border: 0px; border-radius: 0px; }

.navbar .container-fluid	{ margin: 0px -15px; }
.navbar-default 			{ background-color: transparent; }
.navbar-header				{ float: none; }
.navbar-left,
.navbar-right				{ float: none !important; }
.navbar-toggle				{ display: block; }
.navbar-toggle  			{ border: none; }
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover  { background-color: transparent; opacity: 0.5; }
.navbar-toggle .icon-bar  						{ height: 3px; width: 24px; }
.navbar-fixed-top			{ top: 0; border-width: 0 0 1px; }
.navbar-collapse			{ border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); padding: 0px; background-color: rgba(255,255,255,0.85); }
.navbar-default .navbar-toggle .icon-bar	{ background-color: rgb(63,63,63); }

.navbar-collapse.collapse	{ display: none!important; }
.navbar-nav 				{ float: none!important; margin: 7.5px 0 15px 0; }
.navbar-nav>li 				{ float: none; }
.navbar-nav>li:after		{ content: ""; height: 1px; background-color: red; border-bottom: 1px solid green; }
.navbar-nav>li>a 			{ padding-top: 10px; padding-bottom: 10px; font-size: 26px; font-weight: bold; position: relative; }
/*
.navbar-nav>li>a:after		{ display: block; position: absolute; content: ""; height: 5px; border-bottom: 1px solid grey; width: 10%; }
*/
.collapse.in				{ display:block !important; }
.navbar-toggle 				{ margin: 20px 15px; }
.eut-logo	 				{ margin-left: 15px; }

@media only screen and ( max-width: 1199px ) {
	.navbar-toggle 			{ margin: 12px 15px; }
}


/* eut-table */
.eut-table 					{ display: table; margin: 0; padding: 0; }
.eut-table .eut-row 		{ display: table-row; }
.eut-table .eut-column-1-2 	{ float: none; width: 50vw; display: table-cell; }

@media only screen and ( max-width: 767px ) {
	.eut-logo								{ margin-left: 30px; }
	.navbar-toggle 							{ margin-right: 30px; }
	.navbar-nav								{ margin: 15px; }
	.navbar-nav>li>a 						{ font-size: 16px; }
	.eut-table .eut-column-1-2	{ float: left; display: block; width: 100vw; }
	.eut-table .eut-row .eut-column-1-2:nth-child(even)	{ background-color: #f8f9fd !important; }
    .vc_custom_1437665930800,
	.eut-table .eut-row .eut-column-1-2:nth-child(odd)	{ background-color: #ebecf0 !important; }
}

/* eut-slider */
#eut-feature-slider .eut-slider-item				{ height: 100vh; }
#eut-feature-section .eut-title.eut-light, 
#eut-page-title .eut-title.eut-light, 
#eut-post-title .eut-title.eut-light, 
#eut-portfolio-title .eut-title.eut-light, 
#eut-product-title .eut-title.eut-light				{ color: black; }
#eut-header #eut-feature-section .eut-title			{ line-height: 96px; }
#eut-header #eut-feature-section .eut-title			{ font-size: 90px; font-weight: 900; color: black; }
#eut-header #eut-feature-section .eut-description	{ font-size: 40px; color: black; line-height: 44px; }
.eut-blog.eut-isotope[data-type='pint-blog'] .eut-isotope-item .eut-media-content .eut-read-more span, 
.eut-search button[type='submit'], 
.eut-btn, input[type='submit'], 
input[type='reset'], 
input[type='button'], 
button, 
.woocommerce #respond input#submit, 
.eut-portfolio .eut-portfolio-btns 	{ text-transform: none; }
#eut-header .eut-logo .eut-logo-wrapper img 	{ width: auto !important; height: auto !important;}

#eut-header .owl-nav 			{ font-family: corpus; font-size: 16px; color: white;  }
#eut-header .owl-prev, 
#eut-header .owl-next	 		{ position: absolute; width: 50px; height: 50px; top: calc( 50% - 25px ); opacity: 0.7; }
#eut-header .owl-prev 			{ left: 0px; }
#eut-header .owl-next 			{ right: 0px; }
#eut-header .owl-prev:hover,
#eut-header .owl-next:hover 	{ opacity: 1; }
#eut-header .owl-prev:before 	{ content: "\e611"; position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); }
#eut-header .owl-next:before 	{ content: "\e610"; position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); }

@media only screen and (max-width: 992px) {
	#eut-header #eut-feature-section .eut-title	,
	#eut-header .eut-logo.eut-logo-text a,
	#eut-feature-title .eut-title,
	#eut-post-title .eut-title,
	#eut-portfolio-title .eut-title,
	#eut-product-title .eut-title,
	#eut-header[data-fullscreen='yes'] #eut-feature-section .eut-title {
		font-size: 48px !important;
		line-height: 54px !important;
	}
}

@media only screen and (max-width: 767px) {
	#eut-header #eut-feature-section .eut-title	,
	#eut-header .eut-logo.eut-logo-text a,
	#eut-feature-title .eut-title,
	#eut-post-title .eut-title,
	#eut-portfolio-title .eut-title,
	#eut-product-title .eut-title,
	#eut-header[data-fullscreen='yes'] #eut-feature-section .eut-title {
		font-size: 36px !important;
		line-height: 40px !important;
	}
}

/* modal */
.modal-content 			{  }
.modal-content button.close 	{ font-size: 34px !important; }
.modal-content button.close:hover 	{ background: none; }
.modal-content label	{ font-size: 16px !important; line-height: 3em; font-weight: bold; text-align: right; width: 25%; padding-right: 15px; }
.modal-content input	{ font-size: 16px; border: 1px solid rgb(229, 229, 229); width: 65%; padding: 0px 8px; border-radius: 4px; }
.modal-content button	{ padding: 6px 12px; line-height: 19px; text-align: center; }
.modal-content form 	{ text-align: center; }
.modal-content .modal-body 	{ border: 1px solid rgb(229, 229, 229); border-radius: 4px; margin: 15px; padding: 15px; }

/* karlkarl 2017-12-13 */
a:focus, 
a:hover		{ color: inherit; }

#svg2										{ width: 80px; height: 80px; background-color: white; }
#eut-footer #svg2							{ margin-top: 32px; }
.eut-logo 									{ margin-left: 0px; background-color: white; }
#eut-header .eut-logo .eut-logo-wrapper a 	{ height: 80px; } 
#eut-header .eut-logo .eut-logo-wrapper 	{ top: 0; }
/*
.eut-section[data-section-type="fullwidth-element"] .eut-row	{ display: inline-block; }
*/
@media screen and (max-width: 767px) {
	.eut-logo 								{ margin-left: 15px; }
	.eut-section[data-section-type="fullwidth-element"] .eut-row	{ display: block; }
}
#eut-body .cc_message						{ margin-right: 150px; }
.referenzen .eut-btn-wrapper                { display: inline-block; margin-top: 10px; margin-right: 10px; }