/*===================================== 
shadow on menu
======================================*/

.main-bar{
    border-bottom: solid 1px #ddd;
}

/*===================================== 
shadow on menu
======================================*/
.aon-how-work-right {
    background-color: #f3f3f3 !important;
}

/*===================================== 
change title color
======================================*/
.aon-med-help-media-info .aon-title {
    color: #0f2e45 !important;
}

/*===================================== 
bg image entfernen auf header product details
======================================*/

.aon-page-benner-area {
    background-image: none !important;
}

/*===================================== 
supageheader without img
======================================*/
.subpageheaderwithoutimg 
{
    height: 50px !important;
}
.sf-banner-heading-area 
{
padding: 20px 0px !important;

}
.sf-banner-heading-wrap {

    height: 200px !important;
    display: flex;
    align-items: flex-end;

}



/*===================================== 
display only on desktp
======================================*/

@media only screen and (min-width: 992px)
{
    .onlydesktop{
        display: block;
    }
    .centerlgleftsm{
        text-align: center !important;
    }
}
@media only screen and (max-width: 992px)
{
    .onlydesktop{
        display: none;
    }
    .centerlgleftsm{
        text-align: left !important;
    }
}
/*===================================== 
color burger menu
======================================*/
.icon-bar{
    background-color: #000 !important;
}

/*===================================== 
focus color für inputs apassen
======================================*/
.form-control:focus {
    color: #212529;
    border-color: #ff8a00 !important;
    box-shadow: 0 0 0 .25rem rgba(255,138,0,.25);
}

/*===================================== 
contact informationen bg farbe bei Bild anpassen
======================================*/
.aon-contact-2-pic:after {
    background-color: #fff !important;
}

/*===================================== 
border bei contact data anpassen
======================================*/
.aon-contact-2-info-wrap {
    padding: 40px;
    background-color: #fff;
    border: 6px solid #f3f3f3;
}

/*===================================== 
BG in HEro section anpassen
======================================*/
#welcome {
     background-color: #555;
     background-image: url(../img/bg2.jpg) !important;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     padding-top: 100px;
 }




/*===================================== 
Slider Herosection
======================================*/

 .slider-container {
    width: 100%;
    height: 106vh;
    overflow: hidden;
    position: relative;
  }
  
.aon-banner2-heading
{
    color: #0f2e45 !important;
}

  .slider {
    width: 300%;
    height: 106vh;
    display: flex;
    position: absolute;
    left: 0;
    transition: left 0.5s ease;
  }

  .slide {
    width: 33.3333%;
    height: 106vh;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
  }
  
  .slide1 {
    background-image: url('../img/bg2.jpg');
  }
  
  .slide2 {
    background-image: url('../img/bg5.jpg');
  }
  
  .slide3 {
    background-image: url('../img/bg4.jpg');
  }
  
  .slide-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    padding: 0 20px;
    background-color: rgba(245, 245, 220, 0.7);
  }
  
  .slide-content h1 {
    font-size: 48px;
    margin-bottom: 20px;
  }
  
  .slide-content p {
    font-size: 24px;
    margin-bottom: 40px;
  }

/*===================================== 
border an secondary button anpassen
======================================*/
@media only screen and (min-width: 768px)
{
    .aon-need-help-heading-r span {
        font-size: 18px;
        color: #fff;
        border: 1px solid #fff !important;
        padding: 8px 19px;
        border-radius: 10px;
        display: inline-block;
    }
}
@media only screen and (max-width: 768px)
{
    .aon-need-help-heading-r span {
        font-size: 14px;
        color: #fff;
        border: 1px solid #fff !important;
        padding: 5px 9px;
        border-radius: 5px;
        display: inline-block;
    }
}


/*===================================== 
menu top position
======================================*/

 .header-style-3 .main-bar {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: rgba(255, 255, 255, 0.7);
 }
 .header-style-3 .header-nav .nav > li > a {
    color: #0f2e45;
}
.header-nav .nav > li .sub-menu li a {
    color: #0f2e45;
}


/*===================================== 
border bei testimonials auf startseite anpassen
======================================*/
 
.aon-med-testimonial2-area {
   
     border-top: none !important;
}


/*===================================== 
CTA im menu anpassen
======================================*/

@media only screen and (max-width: 767px)
{
     .aon-btn-signup, .aon-add-listing {
          font-size: 12px !important;
      }
}

/*===================================== 
farben der überschrifen anpassen
======================================*/

#faq h2, #clients h2, #about h2, #contact h2, h2
{
     color: #023047 !important;
}


/*===================================== 
icon im submenu nachpositionineren mit aligned
======================================*/

.alignsubmenu .fa
{
    top: 7px !important;
}

/*===================================== 
lang switcher anpassen
======================================*/

#multilangswitcher
{
    position: fixed;
    width:  200px;
    left: 10px;
     bottom: 20px;
    z-index: 6000;
    display: inline;
    text-align: left;
}

#multilangswitcher .soclink, #multilangswitcher i
{
    color: #0f2e45;
    font-size: 2rem;
    text-shadow: 0px 0px 2px #fff;
    margin-left: 4px;
}

#multilangswitcher .soclink:hover, #multilangswitcher i:hover
{
    color: #555;
}

#multilangswitcher img
{

    width: 45px;
    margin-bottom: 5px;
}

.switcherbtn
{
    background-color: transparent !important;
    outline: none;
    border: none;
}

.sociallink
{

    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    margin: 0px;
}


/*===================================== 
gallery details ausblenden in product detals
======================================*/

.wt-product-gallery .product-view {
    display: none !important;
}





/*===================================== 
bg image entfernen auf header workingatamiprox
======================================*/

#workingatamiprox {
    background-image: url(../img/career-bg1.jpg) !important;
}


/*===================================== 
breadcrump anpassen
======================================*/

.list-inline a, .list-inline li:after
{
    color: #000 !important;
}

.list-inline
{
    text-align: left !important;
}

/*===================================== 
hintergrund contact cta area ändern
======================================*/
.aon-need-help-heading {
    background-color: #ff8a00 !important;
    margin-bottom: 50px;
}

/*===================================== 
products background color start
======================================*/
.aon-med-working 
{
    background-color: #f3f3f3 !important;
    padding-top: 40px;
    padding-bottom: 40px;
}

/*===================================== 
min height for subpagecontent
======================================*/
.subpagecontenthight
{
    min-height: 60vh !important;
}

/*===================================== 
press relreases color heading
======================================*/
.post-title 
{
    color: #023047 !important;
}