/* 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;
}