/*
Theme Name: Schnitger
Description: Theme von Zimmerei Schnitger
Author: Hafenbude Werbeagentur
URI: http://www.hafenbude.de
Template: Divi
Version: 1.0
Tags:
*/


/* ##################################################################################################### */
/* ############################################ Allgemeines ############################################ */
/* ##################################################################################################### */


.entry-content .et_pb_text p a:hover {text-decoration: underline;} /* Links im Content hover */ 

.et_header_style_left .logo_container {
    position: absolute;
    display: inline-block;
    width: 18%;
    height: unset;
    background: #fff;
    padding: 0px 20px 22px;
    margin-top: -32px;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
    border: 3px solid #c99157;
    border-radius: 5px;
}


/*---- Überschriften Größe und Farbe uvm. ----*/


h1 {
    font-size: 36px; color: #3f4f57; 
}
h2,
.et_pb_column_1_3 h2, 
.et_pb_column_1_4 h2 {font-size: 30px; color: #9b7147;}
h3 {font-size: 26px; color: #9b7147;}
.et_pb_column_1_4 h3 {
    font-size: 18px;
}
.checktitle h2 {font-size: 82px;}
/*---- Vollbreiter Slider Modul Fix ----*/



.et_pb_slide {height: 60vh;} 
.et_pb_slide_description {padding-left: 0%; padding-right: 0%;}
.et_pb_slider .et_pb_slide {background-position: top center;}


/*---- Markieren Farbe ----*/
::selection {background: #c99157; color: #fff;} 
::-moz-selection {background: #c99157; color: #fff;} /* FF */

/*---- Breadcrumbs ----*/
.breadcrumb,
.breadcrumb span a,
.breadcrumb_last {font-size: 0.85em;}

.breadcrumb_last {font-style: italic;}
.breadcrumb a:hover {text-decoration: underline;}



/*---- GoogleMap Icon Fix (wenn man drauf klickt) ----*/
.gm-style-iw h3 {font-size: 16px !important;padding: 0 0 2px 0 !important;
}
/*---- Nach oben Pfeil ----*/
.et_pb_scroll_top.et-pb-icon {background: #9b7147;}

/*---- Person Modul/Team ----*/
.et_pb_team_member_description {line-height: 1.25em;} 
.et_pb_team_member_description h4 {color: #3f4f57;} /* Farbe Name */
.et_pb_member_position {color: #9b7147;font-size: 16px !important;} /* Position unter Name */
.et_pb_team_member_description p:last-of-type {font-size: 14px;}


/*----  Informationstext Modul (Icons Hover) ----*/
.et_pb_main_blurb_image a:hover .et-pb-icon {border-color: #3f4f57 !important;color: #3f4f57 !important;}
.et_pb_blurb_container h4 a:hover {color: #3f4f57 !important;}





.clear {clear: both;float: none;}
.fleft {float: left;}
.fright {float: right;}



/*------ Linie hinter Headline Infotext Container Startseite ------------*/
.et_pb_blurb_container h4 {position: relative;}
.et_pb_blurb_container h4 a {
  background: #fff;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.et_pb_blurb_container h4:before {
  background: #f5f5f5;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
    top: 26%;
  width: 100%;
}

.et_pb_blurb_container h4:before {
  left: 0;
}


.imgweak img {
    filter:saturate(0.25);
    transition: all ease 0.3s;
     -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.imgweak img:hover {
    filter:saturate(1);
    -moz-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    z-index: 999;
}

.et_pb_text ul {margin-top: 15px;}
.et_pb_text ul li {padding-bottom: 20px;}


.et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
    width: 21% !important;
    margin: 0 3% 2% 0 !important;
}

.backlink {
    max-width: 1200px;
    margin: 0 auto 40px;
    text-align:center;
    border-top: 1px solid #ebebeb;
    padding-top: 40px; 
}

.backlink a {
    padding: 10px 15px;
    background: #c99157;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    transition: all ease 0.4s;
    line-height: 0.8em;
    display: inline-block;
    font-weight: 600;
}

.backlink a:hover {
    background: #3f4f57;
}


/* ######################################################################################################### */
/* ############################################ Menu (1. Ebene) ############################################ */
/* ######################################################################################################### */



/* Hover und Active Farbe Menu Links */
#top-menu.nav a:hover,
#top-menu-nav > ul > li > a:hover,
#top-menu-nav > ul > li.current-menu-item > a,
#top-menu li.current-menu-ancestor > a { 
    color: #c99157 !important;
    opacity: 1 !important;
}
#top-menu.nav li a {transition: none !important;}

.myfixed .logo_container {display: none;}

/*############# Sub Menu Seitenleiste links #####################*/
.submenu-headline {margin-bottom: 0px;}
.submenu-headline h2 {
    color: #fff;
    background: #3f4f57;
    padding: 10px;
    margin-bottom: 20px;
    width: 80%;
    font-size: 24px;
    text-align: center;
    line-height: 1.1em;
}

#subnavL .widget_nav_menu .menu li a {
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    border-bottom: 1px dashed #ccc;
    width: 80%;
    display: block;
    color:#6d7072 !important;
    font-size: 14px !important;
}
#subnavL .widget_nav_menu .menu li:last-child a {
    border-bottom: none;
}

#subnavL .widget_nav_menu .menu li a::before {
    content: "»";
    font-family: arial, sans-serif;
    font-size: 18px;
    padding: 1px 7px 3px;
    background: #ebebeb;
    margin-right: 10px;
    margin-left: -35px;
}
#subnavL .widget_nav_menu .menu li a:hover::before {
    background: #c99157; color: #fff;
}
#subnavL .widget_nav_menu .menu li.current-menu-item a::before {
    background: #c99157; color: #fff;
}
#subnavL .widget_nav_menu .menu li a:hover,
#subnavL .widget_nav_menu .menu li.current-menu-item a {
    color:#c99157 !important;
}

/* ########################################################################################################### */
/* ############################################ Submenu (2.Ebene) ############################################ */
/* ########################################################################################################### */


.nav li ul {background: #F9F9F9 !important;} /* Hintergrundfarbe */
.nav li ul, .nav li ul ul {border-color: #c99157 !important; }
#top-menu a {} /* Kein langsamer hover */

#main-header.et-fixed-header {} /* Header geschrumpft */
#main-header.et-fixed-header .nav li ul.sub-menu {margin-top: 0;} /* Anpassung nachdem Navi schrumpft */
#top-menu li li a {text-transform: none !important; padding: 6px 0px;}
.nav ul li a {color: #3f4f57 !important;opacity: 1;  } /* Linkfarbe Sub */
.nav ul li a:hover {color: #9b7147 !important;} /* Linkhover Sub */

.nav ul li a:hover {background-color: transparent; opacity: 1;}

/* ##################################################################################################### */
/* ############################################ Mobile Menu ############################################ */
/* ##################################################################################################### */


/* Mobile Menu Button BG Color */
/*.et_header_style_split #main-header .mobile_nav {background-color: #3f4f57;}*/
/* Mobile Menu Hamburger Farbe */
/*.mobile_menu_bar::before {color: #9b7147;} */
/* Mobile Menu Button Text */
/*#main-header .mobile_nav .select_page {color: #fff;}*/
/* Mobile Menu offen */
.et_mobile_menu li a {color:#3f4f57 !important; padding:10px 3% !important;}
#main-header .et_mobile_menu {background: rgba(255,255,255,1) !important; margin-top: -10px; border-color:#3f4f57;}
.et_mobile_menu li:last-of-type a { border-bottom: 0 none;}
/*.et_mobile_menu li.current_page_item a {color:#9b7147 !important; }*/
 #et_mobile_nav_menu {margin-top: 0px !important;}
.et_mobile_menu li li a {font-weight: normal !important; background: none !important;}
.et_mobile_menu li a:hover, .et_mobile_menu li li a:hover {color:#9b7147 !important; background: none; opacity: 1;}

.et_mobile_menu li.shoplink a {color: #fff !important;}
.et_mobile_menu li.shoplink a:hover {color: #9b7147 !important;}

/********* Mobile Menu Collapse ********/
 
/**** This hides the sub menu items on mobile ****/
 
#main-header .et_mobile_menu li ul.hide {
display: none !important;
}
 
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
 
#mobile_menu .menu-item-has-children {
position: relative;
}
#mobile_menu .menu-item-has-children > a {
background: transparent;
}
 
/**** This styles the icon and moves it to the right ****/
 
#mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
 
/**** Here you can swap out the actual icons ****/
 
span.menu-closed:before {
content: "\4c";
display: block;
color: #3f4f57;
font-size: 16px;
font-family: ETmodules;
}
 
span.menu-closed.menu-open:before {
content: "\4d";
}


/* ###################################################################################################################### */
/* ############################################ Footer (boxed und fullwidth) ############################################ */
/* ###################################################################################################################### */

#main-footer {
  border-top: 5px solid #9b7147;
}
#main-footer .et_pb_widget ul li {
    margin-bottom: 0.3em !important;
}
#menu-footer-menu li a:hover {text-decoration: underline;}

#footer-bottom {background: transparent;}
#footer-info {font-size: 0.75em; color: #ccc !important;} /* Schriftgröße */
#main-footer .textwidget p a {font-weight: inherit; color: #ccc !important;} /* Link */
#main-footer .textwidget p a:hover {opacity: 1; text-decoration: underline;} /* Linkhover */
#main-footer #footer-widgets a, #main-footer #footer-widgets .textwidget, .et_pb_widget a {color: #ccc !important;}
#main-footer a {font-weight: inherit; color: #ccc !important;} /* Link */
#main-footer a:hover {opacity: 1; text-decoration: underline;} /* Linkhover */
 

/* ################################################################################################################ */
/* ############################################ Responsive Anpassungen ############################################ */
/* ################################################################################################################ */

.et_pb_slide_description  h2.et_pb_slide_title {font-size: 56px !important;}

@media all and (max-width:1450px) {
    .checktitle h2 {font-size: 65px;}
    
    .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item {
    width: 47% !important;
    margin: 0 3% 2% 0 !important;
}
    
}

/*---- Tablets und kleinere Bildschirme ----*/
@media all and (max-width:1274px) {
    h1 {font-size: 1.85em !important;}
    h2 {font-size: 1.45em !important;}
    h3 {font-size: 1.25em !important;}
   .et_pb_slide_description  h2.et_pb_slide_title {font-size: 38px !important;}
    table.checktable {width: 45%;}
    
}

/*---- Handy und alte Tablets ----*/
@media all and (max-width:975px) {
    h1 {font-size: 1.65em !important;}
    h2 {font-size: 1.25em !important;}
    h3 {font-size: 1.15em !important;}
    h4 {font-size: 1em !important;}
    .et_pb_section, .et_pb_row, .et_pb_column .et_pb_row_inner {padding: 4% 0;}
    .et_pb_fullwidth_section {padding: 0 !important;}
    .et_pb_column {margin-bottom: 15px;}
    body {line-height: 1.25em !important;}
    p {font-size: 0.85em;} /* Schriftgröße Handy */
    .logo_container {display: none;}
    #main-content .et_pb_fullwidth_slider_0.et_pb_slider .et_pb_slide_description  h2.et_pb_slide_title {font-size: 24px !important;}
    table.checktable {width: 85% !important;}
    .checktitle h2 {font-size: 36px;}
    #subnavL {display: none;}
    .et_header_style_left .logo_container {
    width: 28%;
    padding: 0px 20px 22px;
    margin-top: -22px;
    }
    .et_header_style_left #logo {max-width: 100%;}
   .et_header_style_left .logo_container {width: 150px;}
    .et_header_style_left .logo_container {margin-top: -10px;}
    #main-header .et_mobile_menu {margin-top: 20px;}
}
/*-------- Smartphones --------------*/
/*
@media all and (max-width:640px) {
    .et_header_style_left .logo_container {width: 45%;}
    .et_header_style_left .logo_container {margin-top: -10px;}
    #main-header .et_mobile_menu {margin-top: 54px;}
}
*/