/*
Theme Name: Divi Child 01
Theme URI: 
Description: Child 01 theme for the Divi theme
Author: <a href="http://www.elegantthemes.com">Elegant Themes</a>
Author URI: 
Template: Divi
Version: 2.7.8
*/

/* Generated by Orbisius Child Theme Creator (http://club.orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Sun, 24 Jul 2016 10:02:27 +0000 */ 

@import url('../Divi/style.css');




/* MEDIA QUERIES */
/* How to Identify Divi’s Responsive Breakpoints and Fine Tune Your Designs with Media Queries
    https://www.elegantthemes.com/blog/divi-resources/how-to-identify-divis-responsive-breakpoints-and-fine-tune-your-designs-with-media-queries
    https://vimeo.com/264668916 */    
@media all and (min-width: 981px) {
    body {
    font-size: 18px;
    }
}
    
@media all and (max-width: 980px) {
    body {
    font-size: 16px;
    }
}

@media all and (max-width: 479px) {
    body {
    font-size: 16px;
    }
}

/* Kein Blurb-Button auf Smartphone */
@media only screen and ( max-width: 651px ) {
    .et_pb_cta_0.et_pb_promo.et_pb_promo .et_pb_button.et_pb_promo_button {
        display:none !important;
    }
}




/* MENU */
/* Hamburger-Menü ohne Text */
.select_page {
    visibility: hidden;
  }

/*CSS Hover Effects You Can Add to Your Divi Menus*/
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #b9a06f; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}


/* TYPOGRAPHIE + Ausrichtung Elemente */
h1, et_pb_section .et_pb_text h1 {
    font-size: 3em;
    padding-bottom: 1.2em;
}

h2, et_pb_section .et_pb_text h2 {
    font-size: 1.8em;
    padding-top: 0.8em;
    padding-bottom: 0.3em;
}

.et_pb_blog_grid h2, .et_pb_post h2 {
    padding-bottom: 0.5em;
}

h3, et_pb_section .et_pb_text h3 {
    font-size: 1.6em;
    padding-top: 0.8em;
    padding-bottom: 0.3em;
}

h4, et_pb_section .et_pb_text h4 {
    font-size: 1.4em;
}

@media only screen and (max-width: 768px) {
	.et_pb_fullwidth_header_0.et_pb_fullwidth_header
    .header-content
    h1 {
    letter-spacing: 1px !important;
  }
	
	.et_pb_fullwidth_header_0.et_pb_fullwidth_header
	.et_pb_fullwidth_header_subhead {    
    letter-spacing: 1px !important;
	}
	
    .et_pb_blog_grid h2, .et_pb_post h2 {
		font-size: 27px;
		line-height: 1.3;		
	}	
	
	h3, et_pb_section .et_pb_text h3 {
    font-size: 23px;
    line-height: 1.3;		
	}
	
	h3 {
    font-size: 23px !important;
    line-height: 1.3 !important;		
	}
}


/* Initiale */
.et-dropcap {
    font-size: 95px;
    line-height: 0.7;
    color: #95a3af;
    padding-top: 13px;
}
  
/* Eigene H3-Überschriften*/
.meine-headline1 {
    font-family: Oswald Regular;
    font-size: 52px;
    line-height: 1.1;
    color: #b9a06f;
}
  
@media only screen and ( max-width: 768px ) {
    .meine-headline1 {
    font-size: 35px;
    }
}

/* Abstand Überschriften im Fotoheader */
h1.et_pb_module_header {
    padding-bottom: 5%;
}

/* Full width header: Breite Textfeld */
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    width: 100%;
    max-width: 1080px;
}

/* How to Add Pull Quotes to Divi Posts and Pages
https://www.elegantthemes.com/blog/divi-resources/how-to-add-pull-quotes-to-divi-posts-and-pages-with-5-different-styles*/
blockquote.et-pullquote p {
    font-family: Nunito;
    font-size: 1.6em;
    line-height: 120%;
}    
    
/*Pull quote Left*/
blockquote.et-pullquote.left {
    float: left;
    margin: 20px 20px 20px 25px;
    border-left: 2px solid #b9a06f;
}

/* Vertikale Zentrierung eines Elements */
.ds-vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}




/* WIDGET */
/* 5 Easy Ways to Beautify Your Divi Sidebar
https://www.elegantthemes.com/blog/divi-resources/5-easy-ways-to-beautify-your-divi-sidebar
*/
.widgettitle {
    text-transform: uppercase;
    border-bottom: solid 2px #b9a06f;
    margin-bottom: 20px;
}
    
.et_pb_widget ul li {
    border: solid 2px #b9a06f;
    font-size: 14px;
    line-height: 1.3;	
    padding: 15px;
}




/* BLOG */

/*HOW TO CREATE A LETTERBOX STYLE BLOG LAYOUT
https://divisoup.com/how-to-create-a-letterbox-style-blog-layout/ */

/*Styling for the left hand posts*/
.ds-letterbox-left .et_pb_post {
    background-color: #fff;
}

/*Styling for the right hand posts*/
.ds-letterbox-right .et_pb_post {
    background-color: #fff;
    min-height: 140px;
    margin-top: 0;
    margin-bottom: 34px;
}

/*Sets the featured imge size for the left hand posts*/
.ds-letterbox-left .et_pb_post a img {
    width: 100%;
    height: 630px;
    object-fit: cover;
}

@media all and (max-width: 980px) {
    .ds-letterbox-left .et_pb_post a img {    
    height: 300px;    
    }
}

/*Sets the image size for the right hand posts and moves it to the left of the text*/
.ds-letterbox-right .et_pb_post a img {
    float: left;
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin: 0px 20px 20px 0;
}

/*This hides the excerpt for the right hand posts*/
.ds-letterbox-right .post-content {
    display: none;
}

/*This brings back just the meta data which was hidden as part of the paragraph text in the above section of CSS*/
.ds-letterbox-left .post-meta,
.ds-letterbox-right .post-meta {
    padding-bottom: 10px !important;
}

/*This adds the box shadow to the posts*/
.ds-letterbox-left .et_pb_post,
.ds-letterbox-right .et_pb_post {
    padding: 20px;
    -webkit-box-shadow: 6px 7px 5px -6px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 6px 7px 5px -6px rgba(0, 0, 0, 0.75);
    box-shadow: 6px 7px 5px -6px rgba(0, 0, 0, 0.75);
}

/* Tipp von Shay auf Nachfrage */
.ds-letterbox-right h2 {
    padding-top: 0 !important;
    margin-top: 0px; /* Was 30px Originally*/
}

.et_pb_post .entry-featured-image-url {
    margin-bottom: 0px;
}

/*This styles the read more link on the left hand posts*/
.ds-letterbox-left a.more-link {
    color: #ffffff !important;
    border-radius: 20px;
    letter-spacing: 1px;
    font-size: 16px;
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif !important;
    background-color: #b9a06f;
    padding-left: 10px;
    width: 150px;
    margin-top: 15px;	
}

/*This styles the read more link on hover*/
.ds-letterbox-left a.more-link:hover {
    border: 1px solid #fff;
    color: #fff;
    background: #b9a06f;
}

/*This styles the post pagination links*/
.pagination a {
    color: #ffffff !important;
    border-radius: 20px;
    letter-spacing: 1px;
    font-size: 16px;
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif !important;
    background-color: #b9a06f;
    padding: 10px 20px 10px 20px;
    text-transform: uppercase;
}




/* LINK-STYLING */
a {
    font-weight: 700;;
}

.abc a {
    letter-spacing: 1px !important;
}

.entry-title a {
font-weight: 500;
}

.meinfooter-link a {
    font-weight: 300 !important;
}




/* SLIDER*/
/*Manually Changing the Divi Slider Height*/
@media only screen and ( min-width:981px ) {
    /* Set the slider height */
    .et_pb_my_slider, .et_pb_my_slider .et_pb_container { 
        height: 425px !important; 
    }

    .et_pb_my_slider, .et_pb_my_slider .et_pb_slide { 
        max-height: 425px; 
    }

    .et_pb_my_slider .et_pb_slide_description { 
        position: relative; 
        top: 25%; 
        padding-top: 0 !important; 
        padding-bottom:0 !important; 
        height:auto !important; 
    }
}




/* FOTOS, GRAFIKEN */

/* WP: Styling Images in Posts and Pages
* https://codex.wordpress.org/Styling_Images_in_Posts_and_Pages */
@media only screen and (max-device-width : 479px) {
    .ankefoto1 {
    width: 100%;
    height: auto;
    margin: 1em 0em 1em 0em;
    }
}

@media only screen and (min-device-width : 480px) {
    .ankefoto1 {
    float: right; 
    width: 50%;
    height: auto;
    margin: 2em 0em 2em 2em;
    }
}

/* Infografik Paris-Post */
.foto-infografik {
    display: block;
    width: 60%;
    margin-left: auto;
    margin-right: auto
}




/* BLOOM */

@media only screen and (min-device-width : 981px) {
    .et_bloom_form_container_wrapper {
        max-height: unset !important;
        height: unset !important;
    }
    
    .et_bloom_form_container {
        max-height: unset !important;
    }
    
    .et_bloom_form_header {
        height: unset !important;
    }
}

/* Abstand Opt-in zu E-Mail-Adresse. */
.et_bloom .et_bloom_form_container .et_bloom_form_content {
    padding: 0px 30px 30px 30px !important;    
}



/* FEHLERSEITE */
@media all and (min-width:981px) {
    .fehlerseite {
      padding-left: 50%;
    }
}



/* KOMMENTARE */
/* Abstand zwischen "Kommentare"-HL und Kommentare */
.custom-comment {
    margin-top: -20px !important;
}



/* COOKIE-ANPASSUNG */
.cookie-notice-container { 
    font-size: 16px;
    line-height: 1.7;
    text-align: left;
}
  
#remove_padding {
    padding: 0!important;
}
  
.remove_padding {
    padding: 0!important;
}



/* GOOGLE MATERIAL ICONS */

.material-icons.anke {
    font-size: 45px;
    color: white;
  }
  
  .material-icons.anke2 {
    font-size: 30px;
    color: #b9a06f;
    width: 40px;
    display: inline-flex;
    vertical-align: middle;
    line-height: 1.7em;
  }


/* VERSCHIEDENES */
  .addtoany_share_save_container {
    text-align: center; 
  }