/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         VL
 Author URI:     
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

body.page-id-2 #main-header, body.page-id-2 #main-footer, #footer-bottom {
    display: none !important;
}

/*-----------------------
    underconstruction
-----------------------*/
.vh {
max-height: 100vh;
height: 100vh;
align-content: center;
display: flex;
height: calc(var(--vh, 1vh) * 100);
}


/*-----------------------
    standard
-----------------------*/

.npt {padding-top: 0px !important;}
.npb {padding-bottom: 0px !important;}
.npl {padding-left: 0px !important;}
.npr {padding-right: 0px !important;}
.nmb {margin-bottom: 0px !important;}

.vw {max-width: 100vw !important; width: 100% !important;}

body {
    hyphens: auto;
}


@media all and (min-width:981px) {
    .vhstart .et_pb_module {
        height: calc(100vh - 200px);
        display: flex;
    }
    
    .bigbr {display: block}
}

@media all and (max-width:980px) {
    .vhstart .et_pb_module {
        height: calc(100vh - 250px);
        display: flex;
    }
    
    .bigbr {display: none;}
}
/*-----------------------
    schriften
-----------------------*/

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v13-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-500 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-slab-v13-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v13-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v13-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v13-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v13-latin-500.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-600 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-slab-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v13-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v13-latin-600.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-slab-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v13-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-800 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/roboto-slab-v13-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v13-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v13-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v13-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v13-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v13-latin-800.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v23-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}


body {
    font-family: Roboto Slab;
    font-weight: 300;
}

#main-header a, #main-header p  {
    font-family: Open Sans;
}

p {
    font-family: Roboto Slab;
    font-size: 15px;
    line-height: 1.8em;
}

p, li {
    font-size: 15px;
    line-height: 1.8em;
}


.white p, .et_pb_widget a {
    color: white;
}

h1 {
    padding-bottom: 15px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Open Sans;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 1.5em;
    hyphens: none !important;
}

h1 {
    color: #ef7d00 !important;
}

h2 {
    font-size: 30px !important;
}


.vhstart h1 {
    font-size: 50px;
    font-family: open sans;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    line-height: .8em;
}


@media all and (max-width:600px) {
    .vhstart h1 {
    font-size: 30px;
    line-height: 1.2em;
}
}


@media all and (max-width:550px) {
    .vhstart h1, h1, h2 {
    font-size: 16px;
}
}


.methkachel h5, #leistungen h1, .leistkachel h5 {
    color: white !important;
}

h2 {
    font-weight: 400;
    line-height: 1.2em;
}


a {
    color: #2b2720;
}
a:hover {
    color: #ef7d00 !important;
}

.et_pb_button {
    font-family: Open Sans;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 3px;
color: black;
border: none;
background-color: rgba(0,92,125,0.1);
padding: .3em 1.5em;
border-radius: 0;
}


.et_pb_button:hover, .et_pb_bg_layout_light.et_pb_button:hover, .et_pb_bg_layout_light .et_pb_button:hover {

background-color: #ef7d00;
    color:white;
padding: .3em 1.5em !important;
    border: none !important;
}

.et_pb_button::after {

display: none
}

.minpad {
    padding-bottom: 50px;
}
.valignr {
    display: inline-block;
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}


#main-header a, .et_slide_in_menu_container #mobile_menu_slide li a {

    font-family: Open Sans;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #2b2720;
    font-size: 20px;
}
#main-header a:hover {
    color: #ef7d00;
}

.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a, .et_slide_in_menu_container #mobile_menu_slide li a, .et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a:hover, .et_slide_in_menu_container #mobile_menu_slide li a:hover {

    padding: 10px 0;
    color: #2b2720;
}
.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a:hover, .et_slide_in_menu_container #mobile_menu_slide li a:hover {

    padding: 10px 0;
    color: #ef7d00;
}

.os {
    font-family: Open Sans;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.orange, .et_pb_bg_layout_dark h2 {
    color: #ef7d00 !important;
}

@media all and (min-width:981px) {
    
    .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding: 120px 0 0 0 !important;
        padding-left: 0px;
}
    
    .et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {
    padding-bottom: 60px !important;
    }
}

/*-----------------------
    menu
-----------------------*/

.et_slide_in_menu_container {
    background-color: rgb(255,255,255);
}
/*-----------------------
    header
-----------------------*/
#et-top-navigation{
display: flex !important;
align-content: center !important;
height: 100%;
}

#main-header {
    box-shadow: none;
}


.et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: white;
    opacity: 1;
}

.mobile_menu_bar::before, .mobile_menu_bar::after, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a {
    color: #ef7d00;
}




@media all and (min-width:981px) {
    .et_header_style_fullscreen .et_slide_in_menu_container {
    padding-top: 0px;
    opacity: 1 !important;
    margin-top: 200px;
    height: calc(100vh - 200px);
}
    
    #et-top-navigation {
    padding: 151px 0 11px 0 !important;
}
    
    .et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-top: 6px;
}
}
@media all and (max-width:980px) {
    
    .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {
    padding-top: 100px;
    }
    
    #et_mobile_nav_menu {
        display: flex;
        height: 100%;
        align-items: end;
    }
        
    #main-header .container {
            height: 200px;
}
    
    .et_header_style_fullscreen .et_slide_in_menu_container {
    padding-top: 0px;
    opacity: 1 !important;
    margin-top: 200px !important;
    height: calc(100vh - 200px) !important;
}

}


.header-content-container, .et_pb_fullwidth_header .et_pb_fullwidth_header_container.left, .et_pb_fullwidth_header .et_pb_fullwidth_header_container.right {
    display: inline-block;
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}


.et-social-icons a:hover {
    opacity: 1;
    color: #ef7d00;
}

#footer-widgets .footer-widget li::before {
    border-style: none;
}

#footer-widgets .footer-widget li {
    padding-left: 0;
    position: relative;
    margin-bottom: 0;
}

#social {
    margin-top: 10px;
}

.et-social-icons {
    float: left;
}

.et-social-icon a {
    font-size: 20px;
}

.et-social-icon {
    margin-left: -5px !important;
}


.side_nav_item:nth-child(6) {
    display: none;
}

.contact {
    margin-top: 10px;
}

.et_pb_slide {
    background-color: transparent !important;
}

.et-pb-slider-arrows a, .et-pb-slider-arrows a:hover {
    color: white !important
}

.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
    padding: 8% 8%;
}

#impuls {
    max-width: 600px;
    margin: auto;
}

#impulstext {
    position: absolute;
    bottom: 7%;
    left: 3px;
    justify-content: center;
    display: flex;
    width: 100%;
}

#philocode {
    margin-top: 25px;
}

#impulstext p {
    font-style: italic;
    font-weight: lighter;
}

.moreless {
    display: block;
}
.moreless img {
    width: 25px;
}


.leistungenimg {
    margin-bottom: 0px !important;
}

.methdiv .buttmore, .leistdiv .buttmore {
    margin-bottom: 15px !important;
}

@media all and (max-width: 600px) {
#anspruch {
    background-position: 65%;
}
}

#methoden .et_pb_row h1, #leistungen .et_pb_row h1 {
    padding-bottom: 0px !important;
}

@media all and (min-width: 981px) {
.meth, .leist {
    width: 25% !important;
    margin-right: 0px !important;
    padding: 20px 10px !important;
}
}

@media all and (max-width: 980px) {
.meth, .leist {
    width: 50% !important;
    margin-right: 0px !important;
    padding: 20px 10px !important;
}
}

@media all and (max-width: 700px) {
.meth, .leist {
    width: 100% !important;
    margin-right: 0px !important;
    padding: 20px 0 !important;
}
}

.methimg, .leistimg {
    margin-bottom: 10px !important;
}

.methimg img, .leistimg img {
    max-height: 75px;
}

.methkachel, .leistkachel {
    margin-bottom: 6px !important;
}

.meth:hover, .leist:hover {
    background-color: rgba(255,255,255,0.2);
}

#impressionen .et_pb_image_wrap, #leisttrenn .et_pb_image_wrap {
    display: block;
}
.wp-image-79, .wp-image-80, .wp-image-81, .wp-image-192 {width: 100%;}

.leist.six, .leist.seven, .leist.eight {
    display: none !important;
}

.centercol {
    flex-direction: column !important;
    align-items: center;
}