/*
 Theme Name:   52hoch8
 Theme URI:    https://52hoch8.de
 Description:  52hoch8 Theme
 Author:       Anders Mediadesign
 Author URI:   http://anders-mediadesign.com
 Template:     Divi
 Version:      1.0.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, two-columns,  responsive-layout, accessibility-ready
*/
html{}
body{
    font-family: Termina, Helvetica, SansSerif, Arial!important;
    color: #fff;
}

h1, h2, h3, h4, h5, h6{
    font-family: Termina, Helvetica, SansSerif, Arial!important;
}

a{}
a:active{}
a:hover{color:#c1e8c3}
a:visited{}


#main-header{
    border: none!important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.et_fixed_nav #main-header{
    position: absolute;
}

.et_header_style_left #et-top-navigation nav>ul>li>a{
    padding-left: 75px;
}

#main-footer{
    color: #fff!important;
}

#main-footer .wp-caption{
    background: none!important;
    border: none!important;
}

#main-footer .am-up{
    margin: auto;
}

.container-new-footer{
    max-width: 1600px;
    margin: 0 auto;
}

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

.footer-ig{
    width: 100%;
    margin: 0 0 40px 0;
}

.footer-ig img{
        display: block;
        max-height: 50px;
        margin: 0 auto;
}

@media (max-width: 1368px) {
    #menu-footer-menu .menu-item a{}
    #footer-widgets .footer-widget li {padding: 0 0 0 0;}
    #footer-widgets .footer-widget .textwidget p{
        font-size: 90%;
        line-height: 1.9em;
    }
}

@media (max-width: 980px) {
    #menu-footer-menu .menu-item a{}
    #footer-widgets .footer-widget li {padding: 0 0 0 0;}
}

@media (max-width: 480px) {
    #menu-footer-menu .menu-item a{}
    #footer-widgets .footer-widget li {padding: 0 0 0 0;}
    #footer-widgets .footer-widget .textwidget p{
        font-size: 80%;
        line-height: 1.9em;
    }
}

@media (max-width: 320px) {
    #menu-footer-menu .menu-item a{}
    #footer-widgets .footer-widget li {padding: 0 0 0 0;}
    #footer-widgets .footer-widget .textwidget p{
        font-size: 80%;
        line-height: 1.9em;
    }
}

/* ==========================================================================
   Responsive Fixes Theme-Builder Header / Footer (Layouts 870 / 564)
   Die Divi-Layouts setzen feste Pixel-Abstände, -Höhen und negative
   Margins, die auch auf Tablet/Mobil greifen. Selektoren sind bewusst
   spezifischer als die von Divi generierten (inkl. .et-db #et-boc .et-l).
   ========================================================================== */

/* Tablet quer / kleine Laptops: Menü bricht sonst in zwei Zeilen um */
@media (min-width: 981px) and (max-width: 1366px) {
    body #et-boc .et-l.et-l--header .et_pb_menu_0_tb_header {
        margin-right: 30px !important;
    }
    body #et-boc .et-l.et-l--header .et_pb_menu_0_tb_header.et_pb_menu ul li a {
        font-size: 18px;
    }
    body #et-boc .et-l.et-l--header .et_pb_image_0_tb_header {
        margin-left: 0 !important;
    }
}

@media (max-width: 980px) {
    /* --- Header: Logo links, Hamburger rechts in einer Zeile --- */
    body #et-boc .et-l.et-l--header .et_pb_section_0_tb_header.et_pb_section {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
    }
    body #et-boc .et-l.et-l--header .et_pb_row_0_tb_header.et_pb_row {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        min-height: 0;
        margin: 0 !important;
        padding: 15px 5% !important;
    }
    body #et-boc .et-l.et-l--header .et_pb_row_0_tb_header > .et_pb_column {
        position: static;
        margin-bottom: 0 !important;
    }
    body #et-boc .et-l.et-l--header .et_pb_row_0_tb_header > .et_pb_column:first-child {
        flex: 1 1 auto;
        width: auto !important;
        min-width: 0;
    }
    body #et-boc .et-l.et-l--header .et_pb_row_0_tb_header > .et_pb_column:last-child:not(:first-child) {
        flex: 0 0 auto;
        width: auto !important;
    }
    /* Abstandshalter (Divider) nur für Desktop gedacht */
    body #et-boc .et-l.et-l--header .et_pb_divider_0_tb_header,
    body #et-boc .et-l.et-l--header .et_pb_divider_1_tb_header {
        display: none;
    }
    body #et-boc .et-l.et-l--header .et_pb_image_0_tb_header {
        width: auto;
        max-width: 100%;
        margin: 0 !important;
    }
    /* min-height:100px machte das Logo breiter als seine Spalte */
    body #et-boc .et-l.et-l--header .et_pb_image_0_tb_header .et_pb_image_wrap img {
        min-height: 0;
        max-height: 110px;
        max-width: 100%;
        width: auto;
    }
    body #et-boc .et-l.et-l--header .et_pb_menu_0_tb_header {
        position: static;
        width: auto;
        margin: 0 !important;
    }
    /* Dropdown soll die volle Header-Breite nutzen, nicht nur die Hamburger-Spalte */
    body #et-boc .et-l.et-l--header .et_pb_menu_0_tb_header .et_pb_menu_inner_container {
        position: static;
    }
    body #et-boc .et-l.et-l--header .et_pb_menu_0_tb_header .et_mobile_menu {
        left: 0;
        width: 100%;
        z-index: 9999;
    }
    body #et-boc .et-l.et-l--header .et_pb_menu_0_tb_header.et_pb_menu ul li a {
        font-size: 18px;
    }
    /* Hamburger war #010a00 auf schwarzem Hintergrund = unsichtbar */
    body #et-boc .et-l.et-l--header .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {
        color: #fff;
    }
}

/* Bildmodule haben im Builder feste Höhen (height/min-height in px). Sobald
   max-width:100% die Breite begrenzt, wird das Bild verzerrt – auf Tablet/Mobil
   daher immer proportional skalieren. */
@media (max-width: 980px) {
    .et_pb_image .et_pb_image_wrap img,
    .et_pb_menu__logo img {
        width: auto;
        max-width: 100%;
        height: auto !important;
        min-height: 0 !important;
    }
}

@media (max-width: 767px) {
    body #et-boc .et-l.et-l--header .et_pb_image_0_tb_header .et_pb_image_wrap img {
        max-height: 90px;
    }
    /* Lange deutsche Komposita sprengen sonst die Viewport-Breite */
    h1, h2, h3, h4, h5, h6 {
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
}
/* ==========================================================================
   Kontakt-Seite (page-id-43): Team-Fotos mit überlappenden Namensboxen.
   Desktop-Layout nutzt negative/feste Margins und feste Höhen – auf
   Tablet/Mobil stattdessen Foto oben, Namensbox direkt darunter.
   ========================================================================== */
@media (max-width: 980px) {
    /* Höhe/Padding der Abschnitte bleiben wie im Builder: die "&"-Hintergrund-
       grafik (background-size:cover) skaliert mit der Abschnittshöhe. */
    /* Text-Spalte steht in Reihe 2 und 4 vor dem Foto – umdrehen */
    body.page-id-43 #et-boc .et_pb_row_2,
    body.page-id-43 #et-boc .et_pb_row_4 {
        display: flex;
        flex-direction: column-reverse;
    }
    body.page-id-43 #et-boc .et_pb_row_1 > .et_pb_column,
    body.page-id-43 #et-boc .et_pb_row_2 > .et_pb_column,
    body.page-id-43 #et-boc .et_pb_row_3 > .et_pb_column,
    body.page-id-43 #et-boc .et_pb_row_4 > .et_pb_column,
    body.page-id-43 #et-boc .et_pb_row_5 > .et_pb_column {
        margin-bottom: 0 !important;
    }
    /* Abstandshalter nur für die Überlappung am Desktop */
    body.page-id-43 #et-boc .et_pb_divider_1,
    body.page-id-43 #et-boc .et_pb_divider_2,
    body.page-id-43 #et-boc .et_pb_divider_3,
    body.page-id-43 #et-boc .et_pb_divider_4,
    body.page-id-43 #et-boc .et_pb_divider_5 {
        display: none;
    }
    body.page-id-43 #et-boc .et_pb_text_4,
    body.page-id-43 #et-boc .et_pb_text_5,
    body.page-id-43 #et-boc .et_pb_text_6,
    body.page-id-43 #et-boc .et_pb_text_7,
    body.page-id-43 #et-boc .et_pb_text_8 {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
        margin: 0 !important;
        padding: 15px 20px !important;
    }
}

/* ==========================================================================
   Projekte-Seite (page-id-39): Slider-Reihe war 97% breit, aber mit
   margin-left/right:0 linksbündig -> nicht zentriert, Rand rechts.
   ========================================================================== */
body.page-id-39 #et-boc .et_pb_row_1.et_pb_row {
    margin-left: auto !important;
    margin-right: auto !important;
}
/* Builder-Wert margin-right:978px an den Slidern neutralisieren */
body.page-id-39 #et-boc .et_pb_row_1 .et_pb_slider {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Mobil: Seitenabstand wie auf der Kontakt-Seite (Divi-Standard 80%) */
@media (max-width: 980px) {
    body.page-id-39 #et-boc .et_pb_row_1.et_pb_row {
        width: 80%;
        max-width: 80%;
    }
}

/* ==========================================================================
   Footer (Theme-Builder-Layout 564), alle Bildschirmgrößen.
   Das Layout arbeitet mit unterschiedlich hohen Abstandshaltern, fester
   Reihenhöhe, negativen Margins und max-width:0% am Menü. Hier durch ein
   einfaches, oben bündiges Spaltenlayout ersetzt.
   ========================================================================== */
body #et-boc .et-l.et-l--footer .et_pb_section_0_tb_footer.et_pb_section {
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 60px 0 40px;
}
body #et-boc .et-l.et-l--footer .et_pb_row_0_tb_footer.et_pb_row {
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0 auto !important;
    padding: 0 !important;
}
/* Abstandshalter versetzten die Spalten gegeneinander */
body #et-boc .et-l.et-l--footer .et_pb_divider_0_tb_footer,
body #et-boc .et-l.et-l--footer .et_pb_divider_1_tb_footer,
body #et-boc .et-l.et-l--footer .et_pb_divider_2_tb_footer,
body #et-boc .et-l.et-l--footer .et_pb_divider_3_tb_footer {
    display: none;
}
body #et-boc .et-l.et-l--footer .et_pb_image_0_tb_footer {
    width: auto;
    max-width: 100%;
    padding-right: 0;
    margin: 0 !important;
}
body #et-boc .et-l.et-l--footer .et_pb_image_0_tb_footer .et_pb_image_wrap img {
    min-height: 0;
    width: auto;
    max-width: 180px;
    height: auto;
}
body #et-boc .et-l.et-l--footer .et_pb_text_0_tb_footer {
    width: 100%;
    min-height: 0;
    margin-bottom: 0 !important;
}
/* Wiederholt Telefon/E-Mail/Instagram aus der dritten Spalte */
body #et-boc .et-l.et-l--footer .et_pb_text_2_tb_footer {
    display: none;
}
body #et-boc .et-l.et-l--footer .et_pb_menu_0_tb_footer.et_pb_module {
    width: 100%;
    max-width: 100%;
    min-height: 0;
    padding: 0;
    margin: 0 !important;
    background-color: transparent;
}
/* Leerer Absatz ( ) am Ende der Adresse erzeugt eine Lücke */
body #et-boc .et-l.et-l--footer .et_pb_text_0_tb_footer .et_pb_text_inner > p:last-child {
    display: none;
}
/* Menü immer als senkrechte Liste, auch mobil (statt Hamburger) */
body #et-boc .et-l.et-l--footer .et_pb_menu_0_tb_footer .et_mobile_nav_menu {
    display: none;
}
/* Divi richtet "left_aligned"-Menüs unter 980px rechtsbündig aus */
body #et-boc .et-l.et-l--footer .et_pb_menu_0_tb_footer .et_pb_menu_inner_container,
body #et-boc .et-l.et-l--footer .et_pb_menu_0_tb_footer .et_pb_menu__wrap {
    justify-content: flex-start;
    align-items: flex-start;
}
body #et-boc .et-l.et-l--footer .et_pb_menu_0_tb_footer .et_pb_menu__menu,
body #et-boc .et-l.et-l--footer .et_pb_menu_0_tb_footer .et_pb_menu__menu > nav,
body #et-boc .et-l.et-l--footer .et_pb_menu_0_tb_footer .et_pb_menu__menu > nav > ul {
    display: flex;
}
body #et-boc .et-l.et-l--footer .et_pb_menu_0_tb_footer .et_pb_menu__menu > nav > ul {
    flex-direction: column;
    align-items: flex-start;
    /* Divi setzt .et-menu{margin:0 -11px}, dadurch stand "AGB" 11px zu weit links */
    margin-left: 0;
    margin-right: 0;
}
body #et-boc .et-l.et-l--footer .et_pb_menu_0_tb_footer .et_pb_menu__menu > nav > ul > li {
    padding: 0;
}
/* gleicher Zeilenabstand wie die Textspalten (line-height 1em + 1em Abstand) */
body #et-boc .et-l.et-l--footer .et_pb_menu_0_tb_footer .et_pb_menu__menu > nav > ul > li > a {
    padding: 0 0 1em;
    line-height: 1em;
    white-space: normal;
}

/* Tablet: 2 x 2 Spalten */
@media (min-width: 768px) and (max-width: 980px) {
    body #et-boc .et-l.et-l--footer .et_pb_row_0_tb_footer.et_pb_row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    body #et-boc .et-l.et-l--footer .et_pb_row_0_tb_footer > .et_pb_column {
        width: 47.25% !important;
        margin-bottom: 30px !important;
    }
}

/* Handy: Spalten untereinander */
@media (max-width: 767px) {
    body #et-boc .et-l.et-l--footer .et_pb_section_0_tb_footer.et_pb_section {
        padding: 40px 0 20px;
    }
    /* gleicher Seitenrand wie der Header (5%) */
    body #et-boc .et-l.et-l--footer .et_pb_row_0_tb_footer.et_pb_row {
        width: 90%;
    }
    body #et-boc .et-l.et-l--footer .et_pb_row_0_tb_footer > .et_pb_column {
        margin-bottom: 25px !important;
    }
    body #et-boc .et-l.et-l--footer .et_pb_image_0_tb_footer .et_pb_image_wrap img {
        max-width: 140px;
    }
}

/* ==========================================================================
   Startseite (page-id-37): Bereich "Neugierig?" hatte height:266px, der
   Inhalt ist aber höher -> unterer Teil abgeschnitten/überdeckt.
   ========================================================================== */
body.page-id-37 #et-boc .et_pb_section_3 {
    height: auto;
}

@media (max-width: 980px) {
    body.page-id-37 #et-boc .et_pb_row_5 {
        min-height: 0;
    }
    /* margin-right:-147px schob den Text über den rechten Rand */
    body.page-id-37 #et-boc .et_pb_text_11 {
        margin-right: 0 !important;
        min-height: 0;
    }
}

/* ==========================================================================
   Header-Logo Desktop: quadratisches 512px-Logo wurde über 32% der halben
   Spalte (~290px) skaliert -> zu groß.
   ========================================================================== */
@media (min-width: 981px) {
    body #et-boc .et-l.et-l--header .et_pb_image_0_tb_header .et_pb_image_wrap img {
        min-height: 0;
        max-height: none;
        width: 150px;
        height: auto;
    }
}

/* ==========================================================================
   Projekte-Seite (page-id-39): Slider
   ========================================================================== */
/* Überschriften einheitlich (Divi-Standard in 1/2-Spalte sind nur 26px) */
body.page-id-39 #et-boc .et_pb_slider .et_pb_slide_description .et_pb_slide_title {
    font-size: 50px !important;
}

/* Bei fester Höhe von 585px schneidet background-size:cover auf schmaleren
   Bildschirmen die Ränder ab. Stattdessen Höhe am Seitenverhältnis 3:2
   ausrichten und das ganze Bild zeigen. */
@media (max-width: 1366px) {
    body.page-id-39 #et-boc .et_pb_row_1 .et_pb_slider,
    body.page-id-39 #et-boc .et_pb_row_1 .et_pb_slider .et_pb_slide {
        min-height: 0;
    }
    body.page-id-39 #et-boc .et_pb_row_1 .et_pb_slider .et_pb_slide {
        aspect-ratio: 3 / 2;
        background-size: contain !important;
        background-position: center !important;
        background-color: #000;
    }
}

@media (max-width: 980px) {
    body.page-id-39 #et-boc .et_pb_section_1,
    body.page-id-39 #et-boc .et_pb_row_1 {
        min-height: 0;
    }
    /* Reihenfolge links -> rechts, dann oben -> unten: die beiden Spalten
       auflösen und die Slider abwechselnd anordnen */
    body.page-id-39 #et-boc .et_pb_row_1.et_pb_row {
        display: flex;
        flex-direction: column;
    }
    body.page-id-39 #et-boc .et_pb_row_1 > .et_pb_column {
        display: contents;
    }
    body.page-id-39 #et-boc .et_pb_row_1 .et_pb_slider {
        margin: 0 0 20px !important;
    }
    body.page-id-39 #et-boc .et_pb_row_1 .et_pb_slider_0 { order: 1; }
    body.page-id-39 #et-boc .et_pb_row_1 .et_pb_slider_5 { order: 2; }
    body.page-id-39 #et-boc .et_pb_row_1 .et_pb_slider_1 { order: 3; }
    body.page-id-39 #et-boc .et_pb_row_1 .et_pb_slider_6 { order: 4; }
    body.page-id-39 #et-boc .et_pb_row_1 .et_pb_slider_2 { order: 5; }
    body.page-id-39 #et-boc .et_pb_row_1 .et_pb_slider_7 { order: 6; }
    body.page-id-39 #et-boc .et_pb_row_1 .et_pb_slider_3 { order: 7; }
    body.page-id-39 #et-boc .et_pb_row_1 .et_pb_slider_8 { order: 8; }
    body.page-id-39 #et-boc .et_pb_row_1 .et_pb_slider_4 { order: 9; }

    body.page-id-39 #et-boc .et_pb_slider .et_pb_slide_description .et_pb_slide_title {
        font-size: 32px !important;
    }
    /* Einleitungstext: margin-right:155px und 81.7% Breite */
    body.page-id-39 #et-boc .et_pb_text_0 {
        width: 100%;
        margin-right: 0 !important;
    }
    body.page-id-39 #et-boc .et_pb_text_0 h2 {
        font-size: 20px;
        line-height: 1.4em;
    }
}

@media (max-width: 767px) {
    body.page-id-39 #et-boc .et_pb_slider .et_pb_slide_description .et_pb_slide_title {
        font-size: 22px !important;
    }
    body.page-id-39 #et-boc .et_pb_text_0 h2 {
        font-size: 17px;
    }
}

/* ==========================================================================
   Startseite (page-id-37) mobil: Abstandshalter, Mindesthöhen und
   Hintergrundbild mit background-size:contain (schwarze Balken).
   ========================================================================== */
@media (max-width: 980px) {
    /* Hero: Bild füllt den Bereich, Text sitzt unten auf dem Bild */
    body.page-id-37 #et-boc .et_pb_section_0.et_pb_section {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        min-height: 75vh;
        margin-top: 0;
        padding: 0 0 30px;
        background-size: cover !important;
        background-position: center !important;
    }
    body.page-id-37 #et-boc .et_pb_section_0 .et_pb_text {
        text-shadow: 0 1px 6px rgba(0, 0, 0, 0.8);
    }
    body.page-id-37 #et-boc .et_pb_row_0.et_pb_row {
        min-height: 0;
        margin: 0 auto !important;
    }
    body.page-id-37 #et-boc .et_pb_section_1,
    body.page-id-37 #et-boc .et_pb_section_2 {
        min-height: 0;
    }
    body.page-id-37 #et-boc .et_pb_section_1.et_pb_section,
    body.page-id-37 #et-boc .et_pb_section_2.et_pb_section,
    body.page-id-37 #et-boc .et_pb_section_3.et_pb_section {
        margin-top: 0;
        margin-bottom: 0;
        padding: 30px 0;
    }
    /* Abstandshalter und die reine Abstands-Reihe in Abschnitt 2 */
    body.page-id-37 #et-boc .et_pb_divider_0,
    body.page-id-37 #et-boc .et_pb_divider_1,
    body.page-id-37 #et-boc .et_pb_divider_2,
    body.page-id-37 #et-boc .et_pb_divider_4,
    body.page-id-37 #et-boc .et_pb_divider_5,
    body.page-id-37 #et-boc .et_pb_row_2 {
        display: none;
    }
    body.page-id-37 #et-boc .et_pb_text_1,
    body.page-id-37 #et-boc .et_pb_text_3 {
        min-height: 0;
    }
    body.page-id-37 #et-boc .et_pb_image_0,
    body.page-id-37 #et-boc .et_pb_image_2 {
        margin-bottom: 20px !important;
    }
}

/* ==========================================================================
   Leistungen (page-id-622) mobil: Leistungen zweispaltig, kleinere Schrift
   ========================================================================== */
@media (max-width: 980px) {
    body.page-id-622 #et-boc .et_pb_section_0,
    body.page-id-622 #et-boc .et_pb_section_3,
    body.page-id-622 #et-boc .et_pb_row_0,
    body.page-id-622 #et-boc .et_pb_row_3,
    body.page-id-622 #et-boc .et_pb_text_1 {
        min-height: 0;
    }
    body.page-id-622 #et-boc .et_pb_section_1.et_pb_section,
    body.page-id-622 #et-boc .et_pb_section_2.et_pb_section,
    body.page-id-622 #et-boc .et_pb_section_3.et_pb_section {
        padding: 15px 0;
    }
    body.page-id-622 #et-boc .et_pb_row_1,
    body.page-id-622 #et-boc .et_pb_row_2,
    body.page-id-622 #et-boc .et_pb_row_3 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    body.page-id-622 #et-boc .et_pb_row_1 > .et_pb_column,
    body.page-id-622 #et-boc .et_pb_row_2 > .et_pb_column,
    body.page-id-622 #et-boc .et_pb_row_3 > .et_pb_column {
        width: 47% !important;
        margin-bottom: 0 !important;
    }
    body.page-id-622 #et-boc .et_pb_image .et_pb_image_wrap img {
        max-width: 100px;
    }
    body.page-id-622 #et-boc .et_pb_text_0 {
        font-size: 22px;
    }
    body.page-id-622 #et-boc .et_pb_text_1 {
        font-size: 15px;
        line-height: 1.6em;
    }
    body.page-id-622 #et-boc .et_pb_text_2,
    body.page-id-622 #et-boc .et_pb_text_3,
    body.page-id-622 #et-boc .et_pb_text_4,
    body.page-id-622 #et-boc .et_pb_text_5,
    body.page-id-622 #et-boc .et_pb_text_6,
    body.page-id-622 #et-boc .et_pb_text_7 {
        font-size: 14px;
        line-height: 1.3em;
        text-align: center;
    }
}

/* ==========================================================================
   Kontakt-Seite (page-id-43): kein Innenabstand um die Bilder. Divi gibt
   das Bild inline-block aus, dadurch entsteht unten ein Zeilen-Abstand.
   ========================================================================== */
body.page-id-43 #et-boc .et_pb_image .et_pb_image_wrap {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0;
}
body.page-id-43 #et-boc .et_pb_image .et_pb_image_wrap img {
    display: block;
}
/* Kontaktbild ist im Builder auf max-width:65% begrenzt und zentriert,
   daher der Rand links/rechts. Auf volle Spaltenbreite setzen. */
body.page-id-43 #et-boc .et_pb_image_0.et_pb_module {
    width: 100%;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
body.page-id-43 #et-boc .et_pb_image_0 .et_pb_image_wrap img {
    width: 100%;
}