/*
 Theme Name:     Wallner Marketing
 Theme URI:      https://wallner-marketing.de
 Description:    Wallner Marketing Child Theme
 Author:         Dominik Stefani
 Author URI:     https://wallner-marketing.de
 Template:       Divi
 Version:        2.0.5
*/

/****************************************
**** Globale Einstellungen
*****************************************/

:root {
    --color-primary: #E53434;
    --color-secondary: #A3E8CB;
    --color-text: #000000;
    --border-radius-big: 0px;
    --border-radius-sm: 0px;
    --borlabs: #591FBF;
}

/****************************************
**** CustomSection
*****************************************/


.et_pb_button, .dipi-cta-button, .et_pb_social_media_follow li a.icon, #mobile_menu a {
    border-radius: var(--border-radius-big) !important;

}

.et-pb-arrow-next, .et-pb-arrow-prev, .et_pb_portfolio_filter a, .et_mobile_menu li.menu-item-has-children > a::before {
    border-radius: var(--border-radius-sm) !important;
}

.dipi_carousel_child .dipi-carousel-item-content {
    text-align: left;
}

.zoom-in-bg {
    background-size: 100%;
    transition: all 0.5s ease;
}

.zoom-in-bg:hover {
    background-size: 105%;
    transition: all 0.5s ease;
}


/* THREE COLUMN PORTFOLIO GRID LAYOUT */

@media only screen and (min-width: 768px) {

    .three-column-grid .et_pb_grid_item {
        width: 33% !important;
        margin: 0 .5% .5% 0 !important;
    }

    .three-column-grid .et_pb_grid_item:nth-child(3n) {
        margin-right: 0 !important;
    }

    .three-column-grid .et_pb_grid_item:nth-child(3n+1) {
        clear: left;
    }

    .three-column-grid .et_pb_grid_item:nth-child(4n+1) {
        clear: unset !important;
    }

}

/* Blurb zentrieren */
.blurb-center .et_pb_blurb_content {
    display: flex !important;
    justify-content: center !important;
}

.gallery-oblique .et_pb_gallery_image::after,
.gallery-oblique .et_pb_image_wrap::after {
    content: '';
    position: absolute;
    background: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGNkY2RjYiPjxwYXRoIGQ9Ik0wIDB2MTQwaDEyODBMMCAweiIvPjwvZz48L3N2Zz4=);
    background-size: 100% 25px;
    height: 25px;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .3s;
}

.oblique-after::after {
    content: '';
    position: absolute;
    background: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGNkY2RjYiPjxwYXRoIGQ9Ik0wIDB2MTQwaDEyODBMMCAweiIvPjwvZz48L3N2Zz4=);
    background-size: 100% 25px;
    height: 25px;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .3s;
}

.oblique-after.et_pb_column::after,
.oblique-after.et_pb_row::after {
    content: '';
    position: absolute;
    background: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGNkY2RjYiPjxwYXRoIGQ9Ik0wIDB2MTQwaDEyODBMMCAweiIvPjwvZz48L3N2Zz4=);
    background-size: 100% 25px;
    height: 25px;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .3s;
}

.oblique-after-w.et_pb_column::after,
.oblique-after-w.et_pb_row::after {
    content: '';
    position: absolute;
    background: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0wIDB2MTQwaDEyODBMMCAweiIvPjwvZz48L3N2Zz4=);
    background-size: 100% 25px;
    height: 25px;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .3s;
}

.gallery-oblique-w .et_pb_gallery_image::after,
.gallery-oblique-w .et_pb_image_wrap::after {
    content: '';
    position: absolute;
    background: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0wIDB2MTQwaDEyODBMMCAweiIvPjwvZz48L3N2Zz4=);
    background-size: 100% 25px;
    height: 25px;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .3s;
}

.oblique-after.et_pb_column:hover::after {
    background-size: 100% 0px;
    height: 0px;
}

.oblique-after-nohover.et_pb_column::after {
    content: '';
    position: absolute;
    background: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGNkY2RjYiPjxwYXRoIGQ9Ik0wIDB2MTQwaDEyODBMMCAweiIvPjwvZz48L3N2Zz4=);
    background-size: 100% 25px;
    height: 25px;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all .3s;
}

/*  Lightbox Divi-Galerie deaktivieren  */
.home-slider .et_pb_gallery_item a {
    pointer-events: none;
}

.et_overlay {
    display: none !important;
}

.mfp-title {
    display: none !important;
}

/*  Lightbox Styling */
.et-pb-arrow-prev, .et-pb-arrow-next {
    background-color: var(--color-secondary);
    font-size: 25px;
}

.et-pb-controllers {
    bottom: 40px;
}


.et-pb-arrow-next, .et-pb-arrow-prev {
    color: #fff !important;
    padding: 3px;
}

svg {
    width: 100%;
}

svg textPath {
    font-size: 63px;
    font-family: sans-serif;
    text-transform: uppercase;
    letter-spacing: 20px;
    fill: #111;
    background: #333;
}

/* Generelles Button-Styling */
.et_pb_button {
    font-weight: 600 !important;
    /* padding: 0.6em 1em !important; */
}

.footer .et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left: 3px;
}

/* Links unterstreichen in Texten & Blurbs und fett */
.et_pb_text_inner a,
.et_pb_blurb_description a {
    text-decoration: none;
    border-bottom: var(--linkfarbe) 0.125em solid;
    font-weight: bold;
}

/* Footer Links unterstreichen in Texten */
.footer .et_pb_text_inner a {
    text-decoration: none;
    border-bottom: #fff 0.125em solid;
}

.footer .et_pb_blurb_description a {
    text-decoration: none;
    border-bottom: var(--linkfarbe) 0.125em solid;
}

/* CTA-Button im Hauptmenü  */
.cta-button {
    font-weight: 700 !important;
}

/* Öffnen/Schliessen-Icon auf die linke Seit e*/

/* Divi Toggle & Akkordeon */
.toggle-icon-left .et_pb_toggle_title:before {
    left: 0 !important;
}

.toggle-icon-left .et_pb_toggle_title:before {
    left: 0 !important;
}

/* DiviPixel FAQ */
.toggle-icon-left .dipi-faq-icon-closed, .dipi-faq-icon-open {
    left: 0.8em !important;
}

/****************************************
**** ResponsiveSection
*****************************************/

/* Desktop */
@media all and (min-width: 981px) {
    .padding-s {
        padding: 20px;
    }

    .padding-m {
        padding: 35px;
    }

    .padding-l {
        padding: 45px;
    }

    /* hide on desktop */
    .hide {
        display: none;
    }
}

/* Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    .padding-s {
        padding: 20px;
    }

    .padding-m {
        padding: 35px;
    }

    .padding-l {
        padding: 45px;
    }
}

/* Mobil */
@media all and (max-width: 767px) {
    .padding-s {
        padding: 20px;
    }

    .padding-m {
        padding: 30px 25px;
    }

    .padding-l {
        padding: 45px;
    }

    /* hide on mobile */
    .hide {
        display: none;
    }
}

/* Laptops and desktops (1100-1405px) */
@media only screen and (min-width: 1100px) and (max-width: 1405px) {
    /* your css goes here */
}

/* Middle Desktop */
@media all and (min-width: 1100px) and (max-width: 1405px) {}

/* Large Desktop */
@media all and (min-width: 1100px) and (max-width: 1405px) {}

/****************************************
**** StandardSection
*****************************************/

/* Submenu unter Reading Progress Bar */
.dipi-reading-progress-wrap .dipi-reading-progress {
    z-index: 98 !important;
}

#et_pb_contact_hp_field_0 {
    display: none;
}

.nav li li {
    line-height: 1.5em;
}

.dipi-reading-progress-wrap .dipi-reading-progress {
    z-index: 1;
}

/* Logo im MobileMenü sichtbar */
#logo {
    position: relative;
    z-index: 10000000;
}

/* DiviPixel Button-Grid fix padding */
.dipi_button_grid {
    margin-left: -10px;
}

/* Menü-Breite 90% */
#main-header .container.clearfix.et_menu_container {
    width: 100%;
}

.nom {
    margin-bottom: 0px;
}

/* Flex-Center ver */
.flex-ver {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Flex-Center hor */
.flex-hor {
    display: flex;
    justify-content: center;
}

/* Flex-End */
.flex-end {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* Blog-Sidebar Border entfernen */
.et_pb_widget_area_left {
    border-right: 0px;
}

/* Hamburger-Menü DiviPixel Größe */
.hamburger-box {
    width: 25px;
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
    width: 25px;
}

/* Footer-Leiste ausblenden */
#footer-bottom {
    display: none;
}

/* Blog-Sidebar Border entfernen */
.et_pb_widget_area_left {
    border-right: 0px;
}

/* Zoom-in-Effekt bei Bildern */
.zoom-in.et_pb_image:hover img,
.zoom-in .et_pb_image_wrap:hover img,
.zoom-in a:hover img,
.et_pb_gallery_image:hover img {
    transform: scale(1.05);
    transition: all 0.5s 0s ease-in-out;
}

.zoom-in,
.zoom-in a,
.et_portfolio_image,
.et_pb_gallery_image img{
    overflow: hidden;
}

.zoom-in.et_pb_image img,
.zoom-in .et_pb_image_wrap img,
.zoom-in a img {
    transition: all 0.5s ease-in-out;
}

.zoom-in-bg {
    background-size: 100% !important;
    transition: all 0.5s ease;

}

.zoom-in-bg:hover {
    background-size: 105% !important;
}

/* Testimonial Text in Fett zum Block-Element */
.dipi-testimonial-text strong {
    display: block;
}

/* Filterbares Portfolio Selektierung centered und reset Standardborder **/
.et_pb_filterable_portfolio .et_pb_portfolio_filters {
    display: flex;
    justify-content: center;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination {
    border-top: 0px;
}



/* Hyphenation (if possible) */
.hyphe {
    word-break: break-word;
    hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto
}

/****************************************
**** BorlabsCookieSection
*****************************************/

._brlbs-refuse-btn a,
._brlbs-btn-accept-all a {
    border: 1px solid var(--borlabs);
}

#CookieBoxTextHeadline {
    color: #333 !important;
    text-transform: uppercase;
}

._brlbs-manage>a {
    font-size: 14px;
}

#BorlabsCookieBox h3,
#BorlabsCookieBox ._brlbs-h3 {
    font-size: 1.2em;
}


#BorlabsCookieBox ._brlbs-box-wrap {
    max-width: 400px;
}

.cookie-box>div:nth-child(1)>div:nth-child(1)>div:nth-child(1) {
    padding: 0px 25px;
}

._brlbs-embed {
    display: flex !important;
}

._brlbs-thumbnail {
    object-fit: cover;
    width: 100%;
    height: 400px;
    object-fit: cover;
    margin-bottom: -23px;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {
    margin-bottom: 0em;
}

._brlbs-box-wrap {
    margin-bottom: 30px !important;
}

#BorlabsCookieBox ._brlbs-box,
#BorlabsCookieBox ._brlbs-bar {
    box-shadow: 0 0px 25px rgba(0, 0, 0, .15);
}

.BorlabsCookie ._brlbs-google-maps a._brlbs-btn {
    border-radius: 3px;
}

.BorlabsCookie ._brlbs-google-maps a._brlbs-btn:hover {
    color: var(--borlabs);
}


.top-phone::before {
    font-family: 'ETMODULES';
    content: '\e00b';
    color: var(--color-primary);
    position: absolute;
    left: 0px;
}

.top-mail::before {
    font-family: 'ETMODULES';
    content: '\e010';
    color: var(--color-primary);
    position: absolute;
    left: 0px;
}

.top-time::before {
    font-family: 'FontAwesome';
    content: '\f017';
    color: var(--color-primary);
    position: absolute;
    left: 0px;
}


@media only screen and (max-width: 468px) {
    .top-phone::before, .top-mail::before, .top-time::before {
        padding: 10px 0 0 12px;
        font-size: 12px;
    }

    .top-phone a, .top-mail a, .top-time a {
        font-weight: 500 !important;
    }
}



#et-info,
#et-secondary-menu>ul>li a {
    padding-left: 20px;
}

/****************************************
**** Filterbares Potfolio
*****************************************/

/* Gemeinsame Eigenschaften für die Filter und den Paginierungsbereich */
.wm-portfolio .et_pb_portfolio_filters, .wm-portfolio .et_pb_portofolio_pagination ul li a {
    margin: 0 0 20px;
}

.wm-portfolio .et_pb_portofolio_pagination {
    border-top: 0px !important;
}

/* Gemeinsame Eigenschaften für Links und Hover-Effekte */
.wm-portfolio .et_pb_portfolio_filters li a, .wm-portfolio .et_pb_portfolio_item h4 a, .wm-portfolio .et_pb_portofolio_pagination ul li a {
    font-weight: bold !important;
    transition: all .3s;
}

/* Filter-Links */
.wm-portfolio .et_pb_portfolio_filters li a {
    background-color: #fff;
    border: var(--color-primary);
    color: var(--color-text);
    font-size: 13px;
    font-weight: 500;
    padding: 3px 12px;
    margin: 0 2px;
}

.wm-portfolio .et_pb_portfolio_filters li a:hover {
    color: var(--color-primary);
}

/* Paginierung-Links */
.wm-portfolio .et_pb_portofolio_pagination ul li a {
    color: var(--color-text);
    font-weight: 400;
}

/* Titelposition und Hover-Effekte */
.wm-portfolio h4.et_pb_module_header {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    margin-top: 0 !important;
    z-index: 3;
    opacity: 0;
    transition: all .3s;
}

.wm-portfolio .et_pb_portfolio_item:hover h4.et_pb_module_header {
    opacity: 1;
}

/* Entfernen des Overlay-Icons */
.wm-portfolio .de-portfolio-title span.et_overlay:before {
    content: '';
}

/* Titel anzeigen, wenn direkt darauf gehovered wird */
.wm-portfolio .de-portfolio-title .et_pb_portfolio_item:hover span.et_overlay {
    opacity: 1;
    z-index: 3;
}

/* Hover-Effekt für Titel */
.wm-portfolio .et_pb_portfolio_item h4 a:hover {
    color: var(--color-primary);
}

/* Hinzufügen der fehlenden Regel */
.wm-portfolio .et_pb_portfolio_item h4 a {
    background-color: #fff;
    display: inline;
    padding: 5px 10px;
}

.wm-portfolio .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    background-color: #f4f4f4 !important;
}


.wm-portfolio li.et_pb_portfolio_filter {
    margin-bottom: 5px;
}





.highlight-ul-check ul {
    list-style-type: none !important;
    margin-left: 2em;
}

@media only screen and (max-width: 600px) {
    .highlight-ul-check ul {
        list-style-type: none !important;
        margin-left: 1.5em;
    }
}


.highlight-ul-check li {
    margin-bottom: 0.5em;
}

.highlight-ul-check ul li:last-child {
    margin-bottom: 0em;
}

.highlight-ul-check ul li:before {
    content: '\e052' !important;
    color: var(--color-primary);
    font-family: 'ETMODULES' !important;
    margin-right: 10px;
    margin-left: -35px;
    position: absolute;
    font-size: 1.2em !important;
}