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

:root {
    --borlabs: #1d9192;
    --linkfarbe: #1d9192;
    --mobile: 767px;
    --tablet: 767px;
    --desktop: 981px;
}

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

/* .et_pb_menu_0_tb_header.et_pb_menu ul li a {
    font-weight: 500;
    } */

    .termin-button {
        padding: 16px 30px 16px 30px !important; 
        background-color: #50bcbd !important; 
        border-radius: 15px !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        text-transform: uppercase;
      }
      .termin-button:hover {
        box-shadow: none !important;
      }

    .termin-button-nav span {
        background-color: #50bcbd;
        padding: 10px 20px !important;
        color: #fff;
        font-size: 14px !important;
        border-radius: 14px !important;
        text-transform: uppercase;
    }
      
      .drflex-button-wrapper {
      text-align: left !important;
      }

.et_pb_column_1_tb_header {
    position: relative;
    z-index: 100000000000000000;
   }
   

.et_mobile_menu li a {
    padding: 3px 5%;
    }

.et_pb_menu__logo {
    position: relative;
    z-index: 1000000;
   }
   

.blurb-middle .et_pb_blurb_container {
    vertical-align: middle;
}

h1, h2 {
    font-weight: 700;
  }
  
  h2, h3, h4 {
    font-weight: 500;
  }
  

  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 {
    padding: 15px !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: #50BCBD 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: #50BCBD 0.125em solid;
}

/* CTA-Button im Hauptmenü */
.cta-button {
    text-transform: none !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: 0px !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
*****************************************/

/* Logo im MobileMenü sichtbar */
picture#logo source, picture#logo img {
    position: relative;
    z-index: 999999;
}

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


/****************************************
**** NinjaForms
*****************************************/

.nf-form-content label {
    font-size: 15px !important;
  }
  
  .nf-form-content .label-above .nf-field-label, .nf-form-content .label-below .nf-field-label, .nf-form-content .label-hidden .nf-field-label {
    margin-bottom: 2px !important;
  }
  
  .nf-field-label label {
    font-weight: 600 !important;
  }
  
  .nf-form-content .list-select-wrap .nf-field-element>div,
  .nf-form-content input:not([type=button]),
  .nf-form-content textarea {
   background:white !important;
   border:1px solid #50bcbd !important;
   border-radius:15px!important;
   transition:all .5s!important;
   box-shadow: 0px 2px 18px 0px rgba(36,41,72,0.03)!important;
  }
  
  .nf-error-msg, .nf-error-required-error {
    font-size: 15px !important;
  }
  
  .nf-error.field-wrap .nf-field-element::after {
  border-radius: 0 15px 15px 0 !important;
  }
  
  .nf-form-content label {
    font-size: 15px !important;
  }
  
  .nf-response-msg {
  font-size: 16px !important;
  padding: 0 0 1rem 0rem !important;
  }