/*
 Theme Name:   Divi Child-Theme Redesign
 Description:  Divi Child-Theme
 Author:       Ebene8
 Author URI:   http://ebene8.net
 Template:     Divi
 Version:      1.0
 Text Domain:  divi-child
*/

/* sofia-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sofia Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/uploads/et-fonts/sofia-sans-v16-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/uploads/et-fonts/sofia-sans-v16-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* sofia-sans-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sofia Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/uploads/et-fonts/sofia-sans-v16-latin_latin-ext-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/uploads/et-fonts/sofia-sans-v16-latin_latin-ext-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* sofia-sans-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Sofia Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/uploads/et-fonts/sofia-sans-v16-latin_latin-ext-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/uploads/et-fonts/sofia-sans-v16-latin_latin-ext-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


/* merriweather-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/uploads/et-fonts/merriweather-sans-v26-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/uploads/et-fonts/merriweather-sans-v26-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* merriweather-sans-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/uploads/et-fonts/merriweather-sans-v26-latin_latin-ext-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/uploads/et-fonts/merriweather-sans-v26-latin_latin-ext-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* merriweather-sans-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/uploads/et-fonts/merriweather-sans-v26-latin_latin-ext-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/uploads/et-fonts/merriweather-sans-v26-latin_latin-ext-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* poppins-200 - latin - extra light  */
@font-face {
    font-family: "Poppins";
    font-display: optional;
    font-style: normal;
    font-weight: 200;
    src: url("../Divi-child-redesign/fonts/poppins-v15-latin-200.eot"); /* IE9 Compat Modes */
    src: local(""),
        url("../Divi-child-redesign/fonts/poppins-v15-latin-200.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-200.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-200.woff")
            format("woff"),
        /* Modern Browsers */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-200.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-200.svg#Poppins")
            format("svg"); /* Legacy iOS */
}
/* poppins-300 - latin - light */
@font-face {
    font-family: "Poppins";
    font-display: optional;
    font-style: normal;
    font-weight: 300;
    src: url("../Divi-child-redesign/fonts/poppins-v15-latin-300.eot"); /* IE9 Compat Modes */
    src: local(""),
        url("../Divi-child-redesign/fonts/poppins-v15-latin-300.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-300.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-300.woff")
            format("woff"),
        /* Modern Browsers */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-300.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-300.svg#Poppins")
            format("svg"); /* Legacy iOS */
}
/* poppins-regular - latin - regular */
@font-face {
    font-family: "Poppins";
    font-display: optional;
    font-style: normal;
    font-weight: 400;
    src: url("../Divi-child-redesign/fonts/poppins-v15-latin-regular.eot"); /* IE9 Compat Modes */
    src: local(""),
        url("../Divi-child-redesign/fonts/poppins-v15-latin-regular.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-regular.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-regular.woff")
            format("woff"),
        /* Modern Browsers */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-regular.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-regular.svg#Poppins")
            format("svg"); /* Legacy iOS */
}
/* poppins-500 - latin - medium*/
@font-face {
    font-family: "Poppins";
    font-display: optional;
    font-style: normal;
    font-weight: 500;
    src: url("../Divi-child-redesign/fonts/poppins-v15-latin-500.eot"); /* IE9 Compat Modes */
    src: local(""),
        url("../Divi-child-redesign/fonts/poppins-v15-latin-500.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-500.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-500.woff")
            format("woff"),
        /* Modern Browsers */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-500.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-500.svg#Poppins")
            format("svg"); /* Legacy iOS */
}
/* poppins-600 - latin - semibold */
@font-face {
    font-family: "Poppins";
    font-display: optional;
    font-style: normal;
    font-weight: 600;
    src: url("../Divi-child-redesign/fonts/poppins-v15-latin-600.eot"); /* IE9 Compat Modes */
    src: local(""),
        url("../Divi-child-redesign/fonts/poppins-v15-latin-600.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-600.woff2")
            format("woff2"),
        /* Super Modern Browsers */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-600.woff")
            format("woff"),
        /* Modern Browsers */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-600.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../Divi-child-redesign/fonts/poppins-v15-latin-600.svg#Poppins")
            format("svg"); /* Legacy iOS */
}

:root {
    --clr-green-darkest: #0a2f1e;
    --clr-green: #155538;
    --clr-green-light: #1fd072;
    --clr-green-lightest: #ecf5f0;
    --clr-gray-dark: #636363;
    --clr-gray-blue: #28363c;
    --clr-gray-light: #f0f0f0;
    --clr-white: #fff;

    --fs-body: 14px;
    --fs-h1: 42px;
    --fs-h2: 36px;
    --fs-h3: 21px;
    --fs-h4: 18px;
    --fs-h5: 16px;
    --fs-subhead-big: 27px;
    --fs-subhead: 22px;
    --fs-intro: 18px;
    --fs-footer-body: 12px;
    --fs-button-more: 24px;

    --fw-headings: 600;
    --fw-button-strong: 500;
    --fw-button: 400;
    --fw-plaintext: 300;

    --lh-h1: 1.4;
    --lh-headings: 1.25;
    --lh-subhead: 36px;
    --lh-subhead-mobile: 1.6;
    --lh-body: 2;
    --lh-intro: 32px;
    --lh-menu-items: 1;

    --pad-button: 10px 40px;
}

html:not(.js-user-action) .et_pb_section_0.et_pb_section {
    background-image: none !important;
    background-color: rgba(10, 47, 30, 0.5);
}

body:not(.et-fb) [class*="divider"] {
    background-color: transparent !important;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: "Sofia Sans", "Arial", "Helvetica", sans-serif !important;
}

body {
    font-size: var(--fs-body);
    font-weight: var(--fw-plaintext); /* new from span,p */
    line-height: var(--lh-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding-bottom: 0px;
}

h1 {
    font-size: var(--fs-h1);
    font-weight: var(--fw-headings);
    line-height: var(--lh-h1);
    padding: 0;
}

h2.et_pb_module_header {
    font-weight: var(--fw-headings);
    line-height: var(--lh-headings);
}
.child-styles h3,
h3 {
    font-size: var(--fs-h3);
    font-weight: var(--fw-headings);
    /* margin-bottom: 24px; */
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.dica-item-content h3.item-title {
    font-weight: var(--fw-headings);
    padding: 0;
}
.child-styles .et_pb_fullwidth_header_subhead {
    font-size: 27px !important;
    font-weight: 400;
}
.subhead,
.subhead p {
    font-size: var(--fs-subhead);
    font-weight: var(--fw-plaintext);
    line-height: var(--lh-subhead);
}

.introtext,
.introtext p {
    font-size: var(--fs-intro);
    line-height: var(--lh-intro);
}
.has-quote p,
.has-quote em {
    font-size: var(--fs-intro);
    font-weight: var(--fw-button);
}

/* 
* Navigation start 
*/
#et-top-navigation {
    font-weight: var(--fw-button);
    padding-left: unset !important;
}

#top-menu li {
    padding-right: 38px;
}

#top-menu li.et_pb_button {
    margin-top: -15px;
    padding: 12px 40px !important;
}

#top-menu li.et_pb_button a,
#mobile_menu.et_mobile_menu li.et_pb_button a {
    color: var(--clr-white) !important;
    line-height: var(--lh-menu-items);
    padding: 0 !important;
}
#top-menu li.et_pb_button:hover a,
#mobile_menu li.et_pb_button:hover a {
    color: var(--clr-green-darkest) !important;
}

#top-menu li li a:hover {
    color: var(--clr-green-darkest);
}

@media (max-width: 1040px) {
    .et_fixed_nav
        #page-container
        div#et-boc.et-boc
        header#main-header
        div.container {
        width: 90%;
    }
}
@media (max-width: 980px) {
    #mobile_menu li.et_pb_button {
        margin: 2rem auto 1rem;
        padding: var(--pad-button) !important;
        transform: translateX(-50%);
        left: 50%;
    }
}

.nav li ul {
    width: clamp(200px, 300px, 90vw);
}
#top-menu li li {
    padding: 0;
}
#top-menu li li a {
    width: clamp(200px, 300px, 90vw);
}

.et_pb_svg_logo #logo {
    width: auto;
}

@media (max-width: 980px) {
    .et_header_style_left #logo,
    .et_header_style_split #logo {
        max-width: unset !important;
    }
}
@media (min-width: 981px) and (max-width: 1190px) {
    #logo {
        height: 3.5vw !important;
        width: auto;
    }
}

/* @media (max-width: 1040px) {
    .et_fixed_nav
        #page-container
        div#et-boc.et-boc
        header#main-header
        div.container {
        width: 90%;
    }
} */
@media (max-width: 980px) {
    #mobile_menu li.et_pb_button {
        margin: 2rem auto 1rem;
        padding: var(--pad-button) !important;
        transform: translateX(-50%);
        left: 50%;
    }
}

@media all and (min-width: 1077px) and (max-width: 1405px) {
    .et_fixed_nav
        #page-container
        div#et-boc.et-boc
        header#main-header
        div.container {
        width: 90%;
    }
}
@media all and (min-width: 980px) and (max-width: 1076px) {
    .et_fixed_nav
        #page-container
        div#et-boc.et-boc
        header#main-header
        div.container {
        width: 96%;
    }
}
/* 
* Navigation end 
*/

/* 
* DIVI Carousel Start 
*/
#page-container #elearnings-carousel a.et_pb_button {
    padding: var(--pad-button) !important;
    background-color: transparent !important;
    border: 1px solid var(--clr-green-darkest) !important;
    color: var(--clr-green-darkest) !important;
    font-weight: var(--fw-button-strong) !important;
}
#page-container #elearnings-carousel a.et_pb_button:hover {
    background-color: var(--clr-green-light) !important;
    border: 1px solid var(--clr-green-light) !important;
    color: var(--clr-white) !important;
    padding: var(--pad-button) !important;
}
.dica_divi_carouselitem > div:first-of-type,
#et-boc .dica_divi_carouselitem > div:first-of-type {
    box-shadow: none !important;
}

body
    #page-container
    .post-carousel.dica_divi_carousel
    .dica_divi_carouselitem
    .dica-item-content {
    padding-top: clamp(15px, 1vw, 40px) !important;
    padding-right: clamp(15px, 1vw, 48px) !important;
    padding-bottom: clamp(1.2rem, 3vw, 48px) !important;
    padding-left: clamp(15px, 3vw, 48px) !important;
    display: flex;
    flex-direction: column;
}

body
    #page-container
    .post-carousel.dica_divi_carousel
    .dica_divi_carouselitem
    .dica-item-content
    > :last-child {
    margin-top: auto;
}

body #page-container.dica-container .swiper-pagination {
    width: 100%;
    position: absolute;
    bottom: -2rem;
}

body #page-container .swiper-button-prev,
body #page-container .swiper-button-next {
    border: 1px solid var(--clr-green-darkest);
    border-radius: 8px;
}
body #page-container .swiper-button-prev::before {
    transform: translateX(-3px);
}
body #page-container .swiper-button-next::before {
    transform: translateX(-1px);
}
body #page-container .swiper-button-prev:hover,
body #page-container .swiper-button-next:hover {
    color: var(--clr-white) !important;
    background-color: var(--clr-green-darkest) !important;
}

body #page-container.swiper-button-prev:hover::before,
body #page-container .swiper-button-next:hover::before {
    color: var(--clr-white) !important;
}

@media (max-width: 767px) {
    body #page-container .dica_divi_carousel .dica-item-content {
        align-self: unset !important;
    }
}
body #page-container .dica-container.mobile_bottom .swiper-buttton-container {
    margin-top: 1rem;
}
/* 
* DIVI Carousel Ende 
*/

/* 
* Special Image Stuff start 
*/
.has-circled-img.has-drop-shadow .et_pb_image_wrap {
    -webkit-filter: drop-shadow(1px 1px 5px rgba(50, 50, 0, 0.25));
    filter: drop-shadow(1px 1px 5px rgba(50, 50, 0, 0.25));
}

.has-circled-img.s98 img {
    -webkit-clip-path: circle(98px at center);
    clip-path: circle(98px at center);
    transition: -webkit-clip-path 0.3s;
    transition: clip-path 0.3s;
    transition: clip-path 0.3s, -webkit-clip-path 0.3s;
}
/* 
* Special Image Stuff end 
*/

/* 
* Special Stylings start 
*/
@media (min-width: 980px) and (max-width: 1100px) {
    #page-container h3 {
        font-size: calc(7px + 1rem * 0.7) !important;
    }
    #page-container .dica-item-content {
        padding: 1vw 2vw !important;
    }
}

@media (max-width: 479px) {
    /* Font Sizes ca. 30% kleiner */
    /* Padding für Boxen 50% kleiner */
    /* Abstände 30% kleiner */

    h1 {
        font-size: calc(var(--fs-h1) * 0.7) !important;
    }
    h2 {
        font-size: calc(var(--fs-h2) * 0.7) !important;
    }
    h3 {
        font-size: calc(var(--fs-h3) * 0.7) !important;
    }
    .child-styles .et_pb_fullwidth_header_subhead {
        font-size: calc(var(--fs-subhead-big) * 0.7) !important;
    }
    .introtext,
    .introtext p,
    .subhead,
    .subhead p {
        font-size: calc(var(--fs-subhead) * 0.7) !important;
        line-height: var(--lh-subhead-mobile) !important;
    }

    .et_pb_fullwidth_header_container.center {
        width: clamp(80%, 90vw, 100%) !important;
    }
    .et_pb_fullwidth_header_container.center .header-content {
        width: auto !important;
    }
}
/* 
* Special Stylings end 
*/

/* 
* Toggle more button start 
*/

.et-show-more-content {
    display: none;
}
.et-show-more-content.is-hidden-desktop {
    display: block;
}
.et-show-more-content.is-hidden-tablet {
    display: block;
}
.et-show-more-content.is-hidden-mobile {
    display: block;
}

.et-fb .et-show-more-content {
    display: block;
}
.et-show-more-toggle {
    cursor: pointer;
}
#page-container .et-show-more-toggle:after {
    font-size: var(--fs-button-more) !important;
    line-height: 1em !important;
    content: "\4c" !important;
    position: absolute;
    right: 0 !important;
    bottom: 0;
    margin-bottom: 4px;
    transition: all 0.2s !important;
    text-transform: none !important;
    font-family: "ETmodules" !important;
    font-variant: none !important;
    font-style: normal !important;
    font-weight: var(--fw-button) !important;
    text-shadow: none !important;
    display: block !important;
}
#page-container .et-show-more-toggle.et-show-more-toggle_active:after {
    content: "\4b" !important;
}

@media all and (min-width: 1100px) {
    .et-show-more-content.is-hidden-desktop:not(.et-show-more-toggle_active) {
        display: none !important;
    }
    .et-show-more-content:not(.is-hidden-desktop).et-show-more-toggle_active {
        display: block !important;
    }
    .et-show-more-content.is-hidden-tablet {
        display: block !important;
    }
    .et-show-more-content.is-hidden-mobile {
        display: block !important;
    }
}

@media all and (min-width: 768px) and (max-width: 1099px) {
    .et-show-more-content.is-hidden-tablet:not(.et-show-more-toggle_active) {
        display: none !important;
    }
    .et-show-more-content:not(.is-hidden-tablet).et-show-more-toggle_active {
        display: block !important;
    }
    .et-show-more-content.is-hidden-desktop {
        display: block !important;
    }
    .et-show-more-content.is-hidden-mobile {
        display: block !important;
    }
}

@media all and (max-width: 767px) {
    .et-show-more-content.is-hidden-mobile:not(.et-show-more-toggle_active) {
        display: none !important;
    }
    .et-show-more-content:not(.is-hidden-mobile).et-show-more-toggle_active {
        display: block !important;
    }
    .et-show-more-content.is-hidden-desktop {
        display: block !important;
    }
    .et-show-more-content.is-hidden-tablet {
        display: block !important;
    }
}
/* 
* Toggle more button end 
*/

.et_pb_blurb.blurb-facts.image-badge img {
    transition: all 0.3s ease-in-out;
}
.et_pb_blurb.blurb-facts.image-badge .et_pb_image_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
.et_pb_blurb.blurb-facts.image-badge .scaled {
    height: auto;
    position: relative;
    transform-origin: center;
    transform: scale(3) translate(-15%, 15%);
}

/* 
* Sidebar styles start 
*/

#post-content #post-sidebar {
    padding: 17px 0 0 0;
    border: none;
}

#post-content #post-sidebar h4 {
    font-size: 18px;
    color: var(--clr-green-darkest);
    line-height: 1.25em;
    margin-bottom: 1.25em;
}

#post-content #post-sidebar a {
    font-size: 14px;
}

#post-content #post-sidebar .et_pb_widget:not(:last-child) {
    margin: 0 0 38px 0 !important;
    padding-bottom: 24px;
}
#post-content #post-sidebar .et_pb_widget:not(:last-child) {
    border-bottom: 1px solid var(--clr-green-darkest);
}

#post-content #post-sidebar .type-post {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 15px;
    margin-bottom: 0.75em;
    vertical-align: middle;
}

#post-content #post-sidebar .type-post * {
    font-size: 12px;
    line-height: 1.25em;
    text-decoration: none;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
#post-content #post-sidebar .type-post h4:hover {
    text-decoration: none;
    background: var(--clr-green-darkest);
    color: var(--clr-white);
}
#post-content #post-sidebar .type-post h4 {
    border: 1px solid var(--clr-green-darkest);
    padding: 6px 18px;
    border-radius: 20px;
    font-weight: 300;
}

#post-content #post-sidebar .book {
    border: none;
    padding: 0;
    margin-bottom: 1.25em;
}
#post-content #post-sidebar .book img {
    float: none;
    clear: both;
    margin: 0;
}

#post-sidebar .sidebar-content.contact {
    line-height: 1.4em;
}
#post-sidebar .sidebar-content.contact .fa {
    width: 30px;
    line-height: 0.1em;
}
#post-sidebar .sidebar-content.contact span,
#post-sidebar .sidebar-content.contact a {
    font-weight: 300;
    font-size: 14px;
    line-height: 1;
}

@media (max-width: 980px) {
    #post-content #post-sidebar {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding-top: 24px;
        border-top: 1px solid var(--clr-green-darkest);
        margin-top: 76px;
    }
    #post-content #post-sidebar > .et_pb_widget {
        flex: 1 1 200px;
        margin: 24px 38px 24px 0 !important;
        max-width: 300px;
    }
}
@media (max-width: 480px) {
    #post-content #post-sidebar > .et_pb_widget {
        flex: 1 1 200px;
        margin: 24px 0 24px 0 !important;
        max-width: unset;
    }
}

/* 
* Sidebar styles end 
*/

/* 
* Book Grid styles start 
*/

.book-grid.title-hidden img {
    display: block;
}

.book-grid a {
    font-size: 17px;
    line-height: 1.4em;
    text-align: left;
    font-weight: var(--fw-plaintext);
    color: var(--clr-green-darkest);
}
.book-grid .dp-dfg-custom-content {
    padding: 0 !important;
    position: relative;
}
.book-grid.title-hidden .dp-dfg-custom-content p {
    padding: 0 !important;
}
.book-grid.title-hidden .dp-dfg-custom-content p *:not(img):not(a) {
    display: none;
}

.book-grid.title-hidden .dp-dfg-custom-content .book-title {
    color: var(--clr-white);
    position: absolute !important;
    left: 0;
    padding: 48px 24px !important;
    bottom: 0;
    overflow: hidden;
    line-height: 1.4em;
    transition: 0.3s opacity ease-in-out, 0.25s height ease-in-out;
    opacity: 0;
    height: 0;
    font-weight: 500;
    background: rgba(11, 47, 30, 0.8);
    font-size: min(max(10px, 1vw), 18px);
}

.book-grid.title-hidden .dp-dfg-custom-content:hover .book-title {
    top: unset !important;
    opacity: 1;
    height: 100%;
}
.book-grid.title-hidden .dp-dfg-custom-content .book-title:before {
    /*	content: '\e050';*/
    position: absolute;
    left: 50%;
    top: 100%;
    margin: -16px 0 0 -16px;
    font-size: 32px;
    font-family: "ETmodules" !important;
    transition: all 0.3s ease-in-out;
}
.book-grid.title-hidden .dp-dfg-custom-content h6 {
}
.book-grid.title-hidden .dp-dfg-custom-content .book-title:after {
    color: #ffffff;
    content: " zum Buch";
    background-color: var(--clr-green);
    padding: 10px 40px;
    font-size: min(max(10px, 1vw), 18px);
    position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 0px));
    top: 100%;
    transition: all 0.3s ease-in-out;
    border-radius: 30px;
    border: 1px solid var(--clr-green-darkest);
    width: calc(80% - 80px);
    text-align: center;
}

.book-grid.title-hidden .dp-dfg-custom-content:hover .book-title:after {
    top: 55%;
}

.book-grid.title-hidden .dp-dfg-custom-content:hover .book-title:after {
    top: 65%;
}

@media (min-width: 981px) and (max-width: 1100px) {
    .book-grid.title-hidden .dp-dfg-custom-content:hover .book-title:after {
        top: 80%;
    }
}

@media (min-width: 600px) and (max-width: 980px) {
    .book-grid.title-hidden .dp-dfg-custom-content .book-title {
        font-size: 18px;
    }
    .book-grid.title-hidden .dp-dfg-custom-content .book-title::after {
        font-size: 14px;
    }
    .book-grid.title-hidden .dp-dfg-custom-content:hover .book-title:after {
        top: 80%;
    }
}
@media (max-width: 599px) {
    .book-grid.title-hidden .dp-dfg-custom-content .book-title {
        font-size: 4.5vw;
    }
    .book-grid.title-hidden .dp-dfg-custom-content .book-title::after {
        font-size: 14px;
    }
}

/* 
* Book Grid styles end 
*/

/* 
* Accordion styles styles 
*/
.ai-accordion .et_pb_toggle_open .et_pb_toggle_title {
    border-bottom: 2px solid var(--clr-green-darkest) !important;
}

.ai-accordion .et_pb_toggle_title:before {
    color: var(--clr-green-darkest);
    font-size: 24px;
    content: "\4c";
    transition: all 0.3s ease-in-out;
    font-weight: 300;
}

.ai-accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    content: "\4b";
    display: block;
    font-weight: 600;
}
/* 
* Accordion styles end 
*/

/***    CTA 2 Columns - start    */
.cta-flex-2col .et_pb_promo_description > div {
    display: flex;
    max-width: 100%;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

.cta-flex-2col .et_pb_promo_description > div > * {
    flex: 0 1 50% !important;
    max-width: 50%;
}
.cta-flex-2col .et_pb_promo_description > div :first-child {
    margin-right: 2rem;
}
.cta-flex-2col .et_pb_promo_description > div ul {
    text-align: left;
    font-size: 18px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

@media all and (max-width: 767px) {
    .cta-flex-2col .et_pb_promo_description > div {
        flex-direction: column;
    }
    .cta-flex-2col .et_pb_promo_description {
        padding-bottom: 0;
    }
    .cta-flex-2col .et_pb_promo_description > div > * {
        flex: 0 1 100% !important;
    }
    .cta-flex-2col .et_pb_promo_description > div > :first-child {
        margin-right: unset;
        margin-bottom: 38px;
    }
    .cta-flex-2col .et_pb_promo_description > div > img {
        max-width: 70%;
    }
    .cta-flex-2col .et_pb_promo_description > div :last-child {
        max-width: 100%;
    }
}
@media all and (max-width: 479px) {
    .cta-flex-2col .et_pb_promo_description > div ul {
        font-size: 15px;
    }
}
/***    CTA 2 Columns - end    */