/*
 Theme Name:  Divi Child
 Theme URI:   http://www.elegantthemes.com
 Description: Divi child theme
 Author:      Rocky Beach Studio
 Author URI:  https://www.rockybeachstudio.de
 Template:    Divi
 Version:     0.1
*/


/* HEADER */

.container {
width:100%;
padding-right:32px;
padding-left:30px;
}

#logo {
max-height: 72%;
}

/* NAV */

#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 32px; content: '\33'; top: 7px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\32'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }

.nav li ul {
border:0;
}

.et_mobile_menu li.current-menu-item>a, 
.et_mobile_menu li.current_page_item>a,
.et_mobile_menu li a:hover,
.et_mobile_menu li a:focus,
#top-menu li.current-menu-item>a, 
#top-menu li.current_page_item>a,
#top-menu a:hover,
#top-menu a:focus,
#main-header .nav li ul a:hover,
#main-header .nav li ul a:focus {
color:#FF445D !important;
opacity:1 !important;
background:none !important;
}

#menu-item-2286 .sub-menu {
right:0;
}

.et_color_scheme_red .mobile_menu_bar:before,
.mobile_menu_bar:before {
font-size:64px;
color:#FF445D;
}

#top-menu.nav li li {
line-height:1.3;
}

#top-menu.nav li li a {
padding:12px 20px;
}

.et_mobile_menu li a {
font-size:28px;
line-height:1.3;
padding:20px 5%;
}

/* HEADLINES */

.et_pb_module.et_pb_text h1 {
       font-size: 48px;
       font-weight:900;
}

.et_pb_module.et_pb_text h2 {
       font-size: 42px;
       font-weight:900;
}

.et_pb_module.et_pb_text h3 {
       font-size: 36px;
       font-weight:900;
}

.et_pb_module.et_pb_text h4 {
       font-size: 28px;
       font-weight:900;
}

.et_pb_module.et_pb_text h5 {
       font-size: 22px;
       font-weight:900;
}

.et_pb_module.et_pb_text h6 {
       font-size: 18px;
       font-weight:900;
}


/* BLOCKQUOTE */

blockquote {
       margin: 50px 100px 70px;
       border-radius: 1em 1em 1em 1em;
       border: solid;
       border-width:0.25em;
       padding: 3em;
       border-color: #FF445D;
}
blockquote p {
       font-size: 22px !important;
       font-weight: 900;
       line-height: 1.5;
       color: #FF445D !important;
       text-align: left !important;
       text-transform: uppercase;
       letter-spacing: 0.1em;
}
blockquote h4 {
       font-size: 32px !important;
       font-weight: 400 !important;
       font-style: italic !important;
       line-height: 1.5;
       color: #050B54;
       text-align: left !important;
} 

/* Beiträge */

.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) .et_post_meta_wrapper {
       max-width: 1600px;
}

body.single .et_post_meta_wrapper h1.entry-title {
       color: #FF445D !important;
}

.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) .et_post_meta_wrapper img {
       margin-top: 1em;
}



@media (min-width: 1600px) {

.single .post {
       overflow-x: hidden;
}

.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) .et_post_meta_wrapper {
       width: 100vw;
       max-width: 100vw;
}

.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) .et_post_meta_wrapper img {
       width: 100%;
}

body.single .et_post_meta_wrapper h1.entry-title {
       max-width: 1600px;
       margin:0 auto;
       color: #FF445D !important;
}


}

/* Desktop-Navi sichtbar */

@media (min-width: 980.001px) {


}


/* ab hier Mobilnavi sichtbar */

@media (max-width: 980px) {

.et_pb_row {
       width: 90% !important;
}

.et_pb_text {
       width: 100% !important;
}

blockquote {
       margin: 50px 0 70px 0;
       padding: 1.5em;
}

blockquote h4 {
       font-size: 26px !important;
}


}

/* ab hier Mobilnavi sichtbar */

@media (min-width:767.001px) and (max-width: 980px) {

.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {
height:114px;
padding-top: 27px;
}

}


/* kleiner als Tablet Hochformat */

@media (max-width: 767px) {

    .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {
       padding-top:22px;
    }

}


/* Handy */

@media (max-width:479px) {

}