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

/****************************************
**** WP Job Openings Plugin
*****************************************/


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

:root {
    --borlabs: #283583;
    --linkfarbe: #283583;
}

  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, .blurb-a .et_pb_blurb_description a {
    text-decoration: none;
    border-bottom: #283583 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 {}

/* Ö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: 35px;}
    .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:90%;
}

.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: 35px;
}

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

/* 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 {
    transform: scale(1.05);
    transition: all 0.5s 0s ease-in-out;
}

.zoom-in,
.zoom-in a {
    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;
}

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