body {background-image: url('../img/layout/bg_metall.jpg'); background-attachment:fixed; background-position: center center; font-family: 'Sintony' !important;}
h1, h2, h3, h4, h5, h6, .ce_revolutionslider_text.bold, .font_headline {font-family: 'Righteous' !important; text-transform: uppercase;}
h1, h2, h3, h4, h5, h6 {line-height: 46px;}

#header, .stickyheader .header.cloned {background-image: linear-gradient(to right, #1a3c8c, #0070ba) !important;}
.cookiebar {background-color: rgba(0,92,168,1) !important;}

.logo a {background-image: url('../img/layout/logo-einfinger.png') !important;}

body.sidebar.right #main .mod_article {padding-left: 40px !important;}
body.sidebar #container {padding-left: 0px !important;}

body.sidebar #container #image-text-box.mod_article,
body.sidebar #container #image-text-box-9107 {padding-left:0px !important; padding-right: 0px !important;}

.mainmenu ul li a:hover {color: #bebebe !important;}

/*.ce_text_image_bar .text-right {width: 50%; padding: 30px 30px;}*/


#top_link a {background-image: linear-gradient(to right, #1a3c8c, #0070ba) !important; border-color: rgba(0,92,168,0.80) !important;}
#top_link:hover a {background-image: linear-gradient(to right, #0070ba, #1a3c8c) !important; opacity: 1 !important;}
#main .mod_article {padding-top: 70px; padding-bottom: 70px;}
#main #akkordeon.mod_article, #main #akkordeon-9253.mod_article, #main #akkordeon-9251.mod_article {padding-top: 0px;}



body.content_page.sidebar #main .mod_article {padding-top: 20px; padding-bottom: 20px;}

#map iframe {width: 100%;}

.color-accent {color: #555 !important;}
#text-9137, #text-9151 {padding-top: 0px !important;}

.bb-dark {border-bottom: 0px solid rgb(229,229,229);}

.ce_grid_gallery_overlay_inside {text-align: center;}


/* ########################################## ce_gallery grid ########################################## */

.font-size-xxxs, .font-size-xxxs p {font-size: 1rem; line-height: 1.6;}
.ce_gallery .image_container i.fa.fa-plus-circle {display: none;}
.ce_gallery .img {background: rgb(0,92,168) !important;}
.ce_gallery li:hover .img {opacity: 0.5;}

#grid-gallery.mod_article .ce_grid_gallery_start, #grid-gallery.mod_article .ce_grid_gallery_overlay {transform: scale(1,1); -webkit-transform: scale(1,1);}
#grid-gallery.mod_article .ce_grid_gallery_start .title {transform: scale(1,1); -webkit-transform: scale(1,1); color: #fff;}
#grid-gallery.mod_article .ce_grid_gallery_start .desc.font-size-xxxs {transform: scale(0,0); -webkit-transform: scale(0,0);}

 
#grid-gallery.mod_article .ce_grid_gallery_start li.grid-item:hover {padding-top: 0px;}
.ce_grid_gallery_overlay .ce_grid_gallery_overlay_inside .title:hover {transform: scale(1,1); -webkit-transform: scale(1,1);}


#grid-gallery.mod_article .ce_grid_gallery_start ul li > .title {position: absolute; top: 50%; top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: 100%; text-align: center; color: #d1d1d1;}

.ce_grid_gallery_start li.grid-item:hover > .title {display: none;}

.ce_grid_gallery_start li.grid-item:hover .ce_grid_gallery_overlay {
    background: rgba(255,255,255,0.9);
}

.ce_grid_gallery_start a.lightbox-link {
    display: block;
    height: 100%;
}

#grid_gallery63893.ce_grid_gallery_start .title {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d1d1d1;
}

#grid_gallery63893 .grid-item:nth-child(4) .title {
    color: #555;
}

/* ########################################## backgroundimage parallax ########################################## */
.ce_bgimage.parallax .ce_bgimage-image {opacity: 0.5;}
.bg-lightgray.parallax {background-color: #000 !important;}

#autogrid_wrapper_64152 .image-left, 
#autogrid_wrapper_64263 .image-left,
#autogrid_wrapper_64265 .image-left {background-position: center top;}

/* ########################################## call2action ########################################## */
.ce_calltoaction_v2 .ce_calltoaction_content {padding-right: 31%;}
.ce_calltoaction_v2 p {font-size: 1.0em;}
#main .mod_article.call2action {padding-top: 10px; padding-bottom: 10px;}
#main .mod_article.call2action {padding-left: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-top: 0px !important;}
#main .mod_article.call2action .ce_calltoaction {background: rgb(248,248,248);}

body.ueber-uns #main .mod_article.call2action .ce_calltoaction, 
body.leistungen #main .mod_article.call2action .ce_calltoaction {background-color: #fff;}

/* ########################################## sub-nav ########################################## */
.mod_navigation.nav-sub {border: 1px solid rgba(0,92,168,0.1); padding: 20px;}
.mod_navigation.nav-sub ul li {border-bottom: 1px solid rgba(0,92,168, 0.1); line-height: 40px;}
.mod_navigation.nav-sub ul li.last {border-bottom: 0px solid #000;}
.mod_navigation.nav-sub ul li a {color: rgb(0,92,168);}
.mod_navigation.nav-sub ul li a.active, .mod_navigation.nav-sub ul li a:hover {color: #fff !important;}
.subnav a {color: rgb(0,92,168) !important;}

.mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu) {background-color: transparent !important;}


/* ########################################## slider ########################################## */
body.startseite .ce_revolutionslider_text.bold {font-family: 'Righteous' !important; text-transform: uppercase; font-size: 110px !important; line-height: 100px !important;}
.ce_revolutionslider_text.bold {font-family: 'Righteous' !important; text-transform: uppercase; font-size: 50px !important; line-height: 100px !important;}
.ce_revolutionslider_text.ltl {text-transform: uppercase; font-size: 60px !important; line-height: 50px !important;}

.ce_headerimage.valign_middle .ce_headerimage_inside {top: 70%;}
.ce_headerimage.version3 .ce_headline .headline {background: rgb(0,92,168) !important;}


body.leistungen .ce_revolutionslider_image.lfl.ltl {} 

#slider {padding-top: 125px;}


/* ########################################## colors ########################################## */
h1, h2, h3, h4 {color: rgb(0,92,168);}
p a {color: #555 !important; text-decoration: underline; font-weight: bold;}
#footer p a {color: #fff !important;}
p a:hover {text-decoration: none;}
.ce_teambox .image .overlay {background-color: rgb(0,92,168) !important;}
.ce_teambox .email a {color: rgb(0,92,168) !important;}
.ce_infobox_info {background: #bebebe;}
.ce_hyperlink a, a.btn {background-image: linear-gradient(to right, #1a3c8c, #0070ba) !important; border-color: transparent !important;}
.ce_hyperlink a:hover, a.btn:hover {background-image: linear-gradient(to right, #0070ba, #1a3c8c) !important; border-color: transparent !important; opacity: 1 !important;}
.header.cloned .mainmenu ul li a.trail {color: #bebebe !important;}
.ce_iconbox.default i {color: rgb(0,92,168);}

.ce_accordion {margin-bottom: -1px;}
.ce_accordion .toggler::before {color: rgb(30,136,210) !important;}

#nav-open-btn::before {background: rgb(0,92,168) !important;}
.mm-menu.mm-theme-dark {background: rgba(0,92,168,1.0) !important;}
body .mm-menu a:hover, body .mm-menu a.active, body .mm-menu a.trail {background: rgb(0,92,168) !important;}

/* ########################################## Formular ########################################## */
input, textarea {font-family: 'Sintony' !important;}
input.submit[type="submit"] {background-image: linear-gradient(to right, #1a3c8c, #0070ba) !important;}
input.submit[type="submit"]:hover {background-image: linear-gradient(to right, #0070ba, #1a3c8c) !important;}


/* ########################################## navigation ########################################## */
.header .mainmenu ul li a {color: #fff !important;}
.mainmenu ul ul li a.active {background: rgb(0,92,168) !important; color: #fff;}
.header.original .mainmenu ul li a.active, .header.cloned .mainmenu ul li a.active {color: #bebebe !important;}
.header.original .mainmenu ul li a.trail {color: #fff !important; }
.header.original .mainmenu ul li a {line-height: 45px !important;}
.header.original .mainmenu ul li a.active {border-bottom: 1px solid #fff; font-weight: bold;}

.mainmenu ul ul {border-top: 0px solid rgb(0,92,168) !important; background-color: #bebebe !important;}

.mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu) {background-image: linear-gradient(to right, #0070ba, #1a3c8c) !important;}
.mainmenu ul ul li a {border: 0px solid #fff;}

.submenu ul li ol {padding-top: 10px; padding-bottom: 10px;}

.ce_teambox {margin-bottom: 20px;}
.teambox_content h5 {line-height: 26px !important;}
.ce_teambox.gray_bg .teambox_content {min-height: 250px;}

.header .mainmenu ul ul li a.active {background: rgb(0,92,168) !important;}

/* ########################################## Autogrid Gutters ########################################## */

.autogrid_wrapper .autogrid.full {
padding-left: unset;
padding-right: unset;
}
.autogrid_wrapper {
margin-left: unset;
margin-right: unset;
}
/* ########################################## Sidebar Nav 2022 ########################################## */

#main .mod_navigation.subnav {
display: none !important;
}
#main .mod_article.first .mod_navigation.subnav {
display: block !important;
}

#main .mod_navigation.nav-sub {
padding: 0px !important;
}

#main .mod_navigation.nav-sub ul li a.active, .mod_navigation.nav-sub ul li a:hover {
color: #005ca8 !important;
}

/* ########################################## galerie und mitarbeiter SW filter ########################################## */
.ce_teambox .image_container img{
	filter: grayscale(1);
	transition:300ms;
}
.ce_teambox .image_container img:hover{
	filter: grayscale(0);
}

.stahl-garten .ce_gallery  img{
	filter: grayscale(1);
	transition:300ms;
}

.stahl-garten .ce_gallery  img:hover{
	filter: grayscale(0);
}


/* ########################################## footer ########################################## */
#footer .block.one_fourth.footer-col2, #footer .block.one_fourth.footer-col3 {width: 100%;}
#footer .block.one_fourth.footer-col3 {margin-top: 20px;}
#footer .block.one_fourth.footer-col4 {position: relative; top: -30px;}
#footer ul {border-bottom: 1px solid #fff; height: 34px; display: inline-flex;}
#footer li {width: auto; float: left; margin-right: 20px;}
#footer li::after {border-bottom: 0px;}
#footer .ce_iconbox.version3 {float: left; margin-right: 20px;}
#footer .image_container img {width: auto; float: right; margin-top: 0px;}
#footer .ce_iconbox, #footer .ce_text {line-height: 0.8rem;}
#footer .inside {margin: 0 auto; padding: 65px 40px 35px 40px;}
#footer {background-image: linear-gradient(to right, #1a3c8c, #0070ba) !important;}
#footer a:hover {color: #bebebe !important;}


.cookiebar {padding: 15px 190px 15px 15px;border: 1px solid #fff;}
.ce_accordion {border: 1px solid rgb(220,220,220);}
body.startseite .ce_accordion {border: 0px solid rgb(220,220,220);}
body.startseite #main #akkordeon-9258 {display: none;}
.mod_navigation.subnav {display: none;}

#main #text-9259.mod_article {padding-top: 0px;}


/* ########################################## mobil ########################################## */

@media only screen and (max-width: 970px) {
#footer ul {border-bottom: 1px solid #fff; display: block; height: auto; padding-bottom: 20px; margin-bottom: 0px;}
#footer li {width: auto; float: none;}
#footer .ce_text, #footer .ce_iconbox {line-height: normal !important;}



}

@media only screen and (max-width: 990px) {
/*.font-size-xxxs p {font-size: 0.8rem; line-height: 1.5;}*/
.autogrid:not(.ce_autogridwrapper):not(.no_gutter) {margin-bottom: 0px;}
body.startseite #main #akkordeon-9258 {display: block;}
body.startseite .ce_accordion .toggler {
    padding: 30px 20px;
    margin-bottom: 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
	margin-bottom: 5px;
	font-size: 1.133rem;
	font-family: 'Righteous' !important;
text-transform: uppercase;
font-weight: 400;
	}
	
body.startseite .ce_accordion .toggler:hover {opacity: 0.5;}	
body.startseite .ce_accordion .toggler {background-size: 100%;}
body.startseite #lohnfertigung.ce_accordion .toggler {background-image: url(../img/startseite/uebersicht-lohnfertigung.jpg);}
body.startseite #kleinserie.ce_accordion .toggler {background-image: url(../img/startseite/uebersicht-kleinserien.jpg);}
body.startseite #bauschlosserei.ce_accordion .toggler {background-image: url(../img/startseite/uebersicht-bauschlosserei.jpg);}
body.startseite #blechschlosserei.ce_accordion .toggler {background-image: url(../img/startseite/uebersicht-blechschlosserei.jpg);}
body.startseite #reparaturen.ce_accordion .toggler {background-image: url(../img/startseite/uebersicht-reparaturen.jpg);}
body.startseite #stahl-im-garten.ce_accordion .toggler {background-image: url(../img/startseite/uebersicht-stahl-im-garten.jpg);}


body.startseite .ce_accordion .toggler::before {display: none;}
body.startseite #grid-gallery {display: none;}
.subnav a:hover {background: rgb(255,255,255); color: #bebebe !important;}
.subnav a.active {color: #555 !important; background: rgb(255,255,255);}

}


@media only screen and (max-width: 767px) {
.subnav {display: block; border: 1px solid rgba(0,92,168,0.1); padding: 20px; margin-left: 20px; margin-right: 20px;}
body.mitarbeiter .subnav {margin-left: 0px; margin-right: 0px;}
.subnav ul li {border-bottom: 1px solid rgba(0,92,168, 0.1); line-height: 40px;}
.subnav ul li.last {border-bottom: 0px solid red;}
.subnav ul li a {color: rgb(0,92,168); padding: 0px;}
h2 {font-size: 1.55rem;}
h1, h2, h3 {line-height: 32px;}
.nav-sub {display: none;}
#main .mod_article {padding-top: 30px; padding-bottom: 30px;}
.ce_revolutionslider_text.bold {font-size: 30px !important; line-height: 40px !important;}
.tp-resizeme {display: none;}
.mod_navigation.subnav {display: block;}
/*.ce_text_image_bar .image-left {display: block;}*/
.ce_calltoaction_content {padding-right: 0px !important;}
.ce_text_image_bar .text-right {float: right;}
.ce_iconbox {width: 33% !important;}
.ce_iconbox .headline {line-height: 22px;}
}



@media (min-width: 376px) and (max-width: 767px) {
.mobile_image_bottom {width: 50%; float: left;}

#autogrid_wrapper_63956 .text-left {float: left; width: 50%;}
#footer .ce_iconbox.version3 {display: block; float: none; width: 100% !important;}
#footer .footer-col2 ul li {float: left !important;}
#footer ul {padding-bottom: 35px !important;}

body.startseite .ce_revolutionslider_text.bold {font-size: 70px !important; line-height: 100px !important; top: 90px !important;}
.ce_revolutionslider_text.ltl {text-transform: uppercase; font-size: 30px !important; line-height: 50px !important; top: 170px !important;}
/*.ce_revolutionslider {height: 100vh;}*/
#slider {padding-top: 70px;}
}

@media only screen and (max-width: 375px) {
body.startseite .ce_revolutionslider_text.bold {font-size: 50px !important; line-height: 40px !important;}
.ce_revolutionslider_text.ltl {text-transform: uppercase; font-size: 40px !important; line-height: 50px !important;}


#footer .inside {padding: 40px 40px 0px 40px;}

h1, h2 {line-height: 32px;}
.ce_text_image_bar .text-right {width: 100%; padding: 30px 20px;}
.ce_calltoaction .ce_calltoaction_inside {padding-left: 0px; padding-right: 0px;}
.ce_calltoaction_v2 .ce_calltoaction_content {padding-right: 0%;}
.autogrid.one_fourth.footer-col2, .autogrid.one_fourth.footer-col4 {margin-bottom: 10px !important;}
.ce_calltoaction_v2 .ce_calltoaction_inside {padding-top: 0px; padding-bottom: 20px;}
#footer .ce_text span {display: block;}

.cookiebar-close {position: relative; right: 0px; top: 35px;}
.cookiebar {width: 100%; padding: 15px 15px 45px 15px; border: 1px solid #fff;}

.headimage .ce_revolutionslider_text {top: 40px !important;}

#footer .ce_iconbox.version3 {width: 100% !important;}
}


@media (min-width: 768px) and (max-width: 990px) {
body.startseite .ce_accordion {margin-bottom: 15px;}
body.startseite .ce_accordion .toggler {padding: 60px 20px;}

.ce_revolutionslider_text.bold {font-size: 50px !important;}

}

@media (max-width: 1100px) {
.ce_revolutionslider_image {display: none;}


}

@media (min-width: 1101px) and (max-width: 1280px) {
.ce_revolutionslider_text.bold {font-size: 44px !important;}

}


.nav li ul {
    position:absolute !important;
    left:0 !important;
    top:36px !important;
    z-index:1 !important;
}
.nav li ul li {
    overflow:hidden !important;
    max-height:0 !important;
    -webkit-transition:max-height 500ms ease !important;
    -moz-transition:max-height 500ms ease !important;
    -o-transition:max-height 500ms ease !important;
    transition:max-height 500ms ease !important;
}
.nav ul > li:hover ul li {
    max-height:150px;
}

#main .mod_navigation.nav-sub ul li a.active, .mod_navigation.nav-sub ul li a:hover {
    color: #bebebe !important;
}
.subnav a.active, .subnav a:hover {
    background: #fff !important;
}
.mod_navigation.nav-sub ul li {
    line-height: 20px !important;
}