* {
    scroll-behavior: smooth;
    transition: all 0.5s linear;
    font-family: 'ralewayRegular', sans-serif;

}

h1, h2 {    font-family: "ralewayBold";}

.text-white.pt-2 {

    font-size: 14px;
}

.angebot-banner {    display:flex;
    flex-direction: column;
    justify-content:space-evenly;
}

@font-face {
    src: url(../fonts/ralewayRegular.ttf);
    font-family: "ralewayRegular";
}
@font-face {
    src: url(../fonts/ralewayBold.ttf);
    font-family: "ralewayBold";
}

.raleRegular{
    font-weight: 300;
}
.ralewayBold{
    font-weight: 700;
}

.logo{
    max-width: 410px !important;
}

.menu{
    list-style: none;
    padding: 0;
}

.menu li{
    list-style: none;
    display: inline;
    padding-right: 20px;
    text-decoration: none;
    cursor: pointer;
}
.menu li a{
    text-decoration: none;
    cursor: pointer;
}

@media(max-width: 768px){
    h1{
        font-size: 30px;
    }
}

.menu li a{
    color: #000;
    font-weight: 300;
}

.d-menu{
    padding: 40px 0px;
}

@media(min-width: 1200.98px){
    .d-menu{
        padding: 25px 50px 25px 50px;
    }
}

nav{
    background: #fff; 
}
.bg-orange{
    background-color: #DB7C26;
}
.header-text{
    font-weight: 600;
    color: white;
}
.txt-area{
    max-width: 530px;
}
.nav-link{
    color: #000;
    font-weight: 600;
}

@media(max-width: 992px){
    body{ 
        padding-top: 90px;
    }
    .logo{
        max-width: 200px !important;
    }
    .hero-padding{
        padding-top: 50px;
        padding-bottom: 50px;
    }
}


.hr{
    color: #780116;
    border: 3px solid #780116;
    width: 120px;
}

.global-spacing{
    padding-top: 25px;
    padding-bottom: 25px;
}
.heading{
    font-family: 'ralewayBold', sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #780116;
}
.heading-two{
    font-family: 'ralewayBold', sans-serif;
    font-size: 32px;
    font-weight: 500;
    color: #fff;
}
.heading-email{
    font-family: 'ralewayBold', sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #780116;
}
.mein-spacing{
    padding-top: 50px;
    padding-bottom: 70px;
}

.box-bg-1{
    background-color: #DB7C26;
}
.box-bg-2{
    background-color: #F7B538; 
}

.box-bg-3{
    background-color: #D8572A; 
}

.btn {

    border: 1px solid #fff !important;
    color: #fff!important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-radius: 0px !important;
    font-size: 14px;
    vertical-align: center !important; 

}
.btn-top-1 {

    background-color: white;
    color: #D8572A !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-radius: 0px !important;
    font-size: 14px;
    cursor: pointer !important;
    text-decoration: none !important;
    border: 0px solid #fff !important;

}

.btn:hover {
    background-color: white;
    color: #fd7e14 !important;
}


.bg-contact{
    background: transparent linear-gradient(180deg, #F5F4F3 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
}

.kontakt-padding{
    padding-top: 55px;
    padding-bottom: 55px;
}

.email-text{
    color: #000;
}
.padding-bt{
    padding-top: 50px;
}
@media (max-width: 768px){
    .padding-bt{
        padding-top: 30px;
    }
}

.footer-text{
    color: #000;
    font-weight: 600;
}


.icon a {
    margin: 12px;
    color: #000;
    cursor: pointer;
}
.box-height{
    min-height: 600px !important;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 15px;
}

.box-height-2 {
    min-height: 600px !important;
}
.hero-padding{
    padding-top: 100px;
    padding-bottom: 100px !important;
}

.image{
    /* Hero Area */
    background: url(../images/hero-women.svg) no-repeat;
    background-size: 100% 100%;
    padding: 29.21%;

}

.angebot-text {
    color: #DB7C26;
}
.orange-color{
    background-color: #DB7C26; 
}


@media (min-width: 1200.98px){
    .bg-top{
        background: linear-gradient(274deg, rgba(219,124,38,0) 62%, rgba(219,124,38,1) 62.1%), url(../images/bg.jpg) no-repeat;
        background-size: cover;
        padding: 2.5rem 0 2.5rem;
        position: relative;
        z-index: 2;
    }
}
@media (max-width: 1200.98px){
    .bg-top{
/*        display: none !important;*/
    }
}

@media (min-width: 1200.98px){
    .bg-top-2{
        background: linear-gradient(96deg, rgba(219,124,38,0) 54.9%, rgba(219,124,38,1) 55%), url(../images/bg-2.jpg) no-repeat;
        background-size: cover;
        padding: 1.5rem 0 1.5rem;
        position: relative;
        z-index: 2;
        background-position-y: top;
        object-fit: cover;
        height: 410px;
    }
}
@media (max-width: 1200.98px){
    .bg-top-2{
/*        display: none !important;*/
    }
}

@media (min-width: 1200.98px){
    .bg-top-3{
        background: linear-gradient(96deg, rgba(219,124,38,0) 54.9%, rgba(219,124,38,1) 55%),url(../images/bg-3.jpg) no-repeat;
        background-size: cover;
        padding: 1.5rem 0 1.5rem;
        position: relative;
        z-index: 2;
        background-position-y: top;object-fit: cover;
        height: 410px;
    }
}
@media (max-width: 1200.98px){
    .bg-top-3{
/*        display: none !important;*/
    }
}

@media (min-width: 1200.98px){
    .bg-top-4{
        background: linear-gradient(96deg, rgba(219,124,38,0) 54.9%, rgba(219,124,38,1) 55%),url(../images/bg-4.jpg) no-repeat;
        background-size: cover;
        padding: 1.5rem 0 1.5rem;
        position: relative;
        z-index: 2;
        background-position-y: top;object-fit: cover;
        height: 410px;
    }
}
@media (max-width: 1200.98px){
    .bg-top-4{
/*        display: none !important;*/
    }
}

.d-flex {
    margin-bottom: 8px;
}

.top-box{
    float: right;
    margin-top: 20rem;
    max-width: 500px; 
    background: #DB7C26CC 0% 0% no-repeat padding-box;
    opacity: 1;
    color: white;
    padding: 20px;
    margin-right: 1.5rem;
}
.orange-med{
    color: #D8572A;

}
.swiper-responsive{
    width: 33.33% !important;
}

.slider .swiper-slide{
    width: 33.33% !important;
    padding: 0 5px;
}
@media(max-width: 1200.98px){
    .swiper-responsive{
        width: 50% !important;
    }
    .slider .swiper-slide{
        width: 50% !important;
        padding: 0 5px;
    }
}
@media(max-width: 992.98px){
    .swiper-responsive{
        width: 100% !important;
    }
    .slider .swiper-slide{
        width: 100% !important;
        padding: 0 5px;
    }
}

@media only screen and (min-width: 768px) {
    .swiper-button-prev {
      display: none;
    }
    .swiper-button-next {
        display: none;
      }   
  }

  .fa-bars {

    color: #000 !important;
  }