@font-face {

    font-family: 'Soho Pro';

    src: local('Soho Pro Extra Bold'), local('Soho-Pro-Extra-Bold'),

        url('../fonts/SohoPro-ExtraBold.woff2') format('woff2'),

        url('../fonts/SohoPro-ExtraBold.woff') format('woff'),

        url('../fonts/SohoPro-ExtraBold.ttf') format('truetype');

    font-weight: 800;

    font-style: normal;

  }

@font-face {

    font-family: 'Soho Pro';

    src: local('Soho Pro Medium'), local('Soho-Pro-Medium'),

        url('../fonts/SohoPro-Medium.woff2') format('woff2'),

        url('../fonts/SohoPro-Medium.woff') format('woff'),

        url('../fonts/SohoPro-Medium.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

  }

@font-face {

    font-family: 'Soho Pro';

    src: local('Soho Pro Regular'), local('Soho-Pro-Regular'),

        url('../fonts/SohoPro-Regular.woff2') format('woff2'),

        url('../fonts/ohoPro-Regular.woff') format('woff'),

        url('../fonts/SohoPro-Regular.ttf') format('truetype');

    font-weight: 400;

    font-style: normal;

  }



body{ font-family: 'Soho Pro'; }

.banner{ background-color: #ffe500; padding: 50px 0 150px 0; overflow: hidden; background-image: url('../images/yellow-bg-home.png'); background-repeat: no-repeat; background-size: 100%;}

.banner .banner-img{ width: 42%; float: left; margin-right: 50px; padding-top: 100px;}

.banner .banner-img img{ width: 100%; }

.banner .banner-heading{ width: 42%; float: left; padding-top: 100px; }

.banner .banner-heading h2{ font-size: 60px; color: #C30209; font-weight: 800; margin-bottom: 40px;}

.banner .banner-heading a{ background-color: #c30209; color: #fff; border: 5px solid #fff; display: inline-block; font-size: 38px; font-weight: 800; text-decoration: none; padding: 10px 40px; }

.banner .banner-heading a:hover{   background-color: red;}

.banner .site-logo{ width: 12%; float: left; text-align: right; }

.banner .site-logo img{  }

.container-xl, .container-lg, .container-md, .container-sm, .container{ max-width: 1300px; }

.top-header{background-color: #282728;}

.top-header ul{}

.top-header ul li{}

.top-header ul li a{ padding: 15px 0; color: #fff; text-transform: uppercase; font-weight: 800; font-size: 20px; margin: 0 20px;}
.top-header ul li a:hover{ color:#C30209; }
.nav-link:hover, .nav-link:focus{  color:#C30209;}
.top-header ul li.active a{ color:#C30209; }

.top-header ul li a.btn-best{ border-radius: 0; background-color: #C30209; margin-right: 0; font-weight: 500; font-size: 20px;  padding: 15px 30px; }

.top-header .navbar{ padding: 15px 0;}

.top-header ul li a.btn-best:hover{ color: #fff; background-color: red; }

.heading {margin-bottom: 60px; position: relative;}

.heading h2{ color: #C30209; font-weight: 800;font-size: 50px; }

.standorte-section{ padding: 60px 0; }

.standorte-section .img-box img{ width: 100%; }
.standorte-section .img-box img.mb-img{ display: none; }

.standorte-section .detail-text .map-img { width: auto; } 

.standorte-section .detail-text{  }

.standorte-section .detail-text h4{font-size: 30px; font-weight: 800; color: #c30209; margin-bottom: 0;}

.standorte-section .detail-text p{font-size: 23px; color: #434343; line-height: initial; font-weight: 500;}

.standorte-section .detail-text p b{ font-weight: 800; display: inline-block; width: 84%; vertical-align: top; }

.section-red{ background-color: #C30209; padding: 60px 0; margin-top: 30px;}

.section-red .heading h2{ color: #fff; }
.owl-prev{ left: -20px !important; }
.owl-next{ right: -20px !important; }

.section-red .heading .halal-icon{ position: absolute; right: 0; top: 0; width: 130px; }

.section-red h4{ font-size: 30px; color: #fff; letter-spacing: 1px;}

.buket-section{ padding: 100px 0 80px 0; background-color: #DDD9CF; }

.buket-section h2{ font-size: 35px; }

.buket-section .bucket-box img{}

.buket-section .bucket-box h4{ font-size: 23px; color: #C30209; margin-bottom: 0px; font-weight: 800; margin-top: 15px;}

.buket-section .small-heading{ margin-bottom: 20px; }

.fried-section{ background-color: #E2E0DC; padding: 60px 0; }

.fried-section .small-heading{ margin-bottom: 35px; }

.fried-section h2 { font-size: 35px;}

.fried-section .bucket-box{ text-align: center; }

.fried-section .bucket-box h4{ font-weight: bold; font-size: 22px; color: #c30209; margin-bottom: 0; margin-top: 20px; }

.owl-carousel .owl-item img{ width: auto; margin: 0 auto; }

.owl-carousel .bucket-img{ min-height: 130px; }

.owl-prev, .owl-next{ position: absolute; top: 40%; height: 50px; width: 50px; background-color: #c30209 !important; color: #fff; border-radius: 50px;}

.owl-prev{ left: 0; }

.owl-next{  right: 0; }

.burger-section{ background-color: #DDD9CF; }

.slate-section{ background-color: #E2E0DC; padding: 70px 0; }

.slate-section h4{font-weight: bold; color: #c30209; margin-bottom: 0; margin-top: 20px;}

.slate-section .bucket-img{}

.slate-section .small-heading h2{font-size: 35px;}

.slate-section .small-heading{ margin-bottom: 40px; }

.site-footer{ background-color: #282728; text-align: right; padding: 90px 0 30px 0px;}

.site-footer p{ color: #fff; font-size: 20px;  font-weight: 400;}

.site-footer p a{ color: #fff;padding: 0 15px; }

.site-footer p a:hover{ color: #c30209; }

.section-red .small-heading{ margin-bottom: 20px; }

.yellow-section{padding: 120px 0; background-size: cover; background-image: url('../images/yellow-bg.png'); background-repeat: no-repeat;}

.red-heading{  }

.red-heading h2{font-size: 50px; text-transform: uppercase; margin-bottom: 60px; color: #C30209; font-weight: 800;}

.address-text{ margin-bottom: 50px; }

.address-text h5{ font-weight: 800; font-size: 30px; margin-bottom: 20px; }

.address-text p{font-size: 30px; color: #434343; margin-bottom: 0; line-height: initial; }

.data-box h5{ color: #707070; font-size: 20px; margin-bottom: 0px; font-weight: 800; }

.data-box p{ font-weight: 400; color: #707070; font-size: 20px; margin-bottom: 0px;}

.cleafix{ clear: both; }

.halal-icon-mb{ display: none; }

.owl-carousel .owl-stage{  margin: 0 auto; }

.owl-carousel .owl-stage {

  display: flex;

  align-items: baseline;

}



.owl-carousel .caption {

  text-align: baseline;

}

.owl-carousel .owl-stage {

  display: flex;

  align-items: baseline;

}
.owl-nav button img{ width:100%;}
/*--responsive css start here --*/



@media only screen and (max-width: 1299px) {

    .banner .banner-img{ width: 30%; }

    .banner .banner-heading{ width: 35%; }

    .banner .site-logo{ width: 15%; }

    .banner .banner-heading h2{ font-size: 50px; }

    .banner{ background-size: cover; }

    .banner .banner-heading a{ font-size: 27px; }

    .top-header .navbar{ padding: 35px 0; }



}

@media only screen and (max-width: 767px) {
    .standorte-section .img-box img.mb-img{ display: block; }
    .standorte-section .img-box img.desktop-img{ display: none; }
    .top-header{ min-height: 100px; position: relative; }
    .top-header .navbar{ min-height: 100px }
    .top-header .navbar-toggler{ position: absolute; right: 0; top: 35px; }
    .yellow-section{ padding: 70px 0; }
    .red-heading h2{ font-size: 30px;     margin-bottom: 30px; }
    .data-box p{ font-size: 18px; }
    .address-text h5{  font-size: 20px; margin-bottom: 15px;}
    .address-text p{ font-size: 18px; }
    .address-text{ margin-bottom: 30px; }

    .slate-section{ padding: 30px 0; }

    .banner .banner-img{ width: 33%; }

    .banner{ padding: 50px 0 140px 0; }

  .banner .banner-img{ position: absolute; bottom: -50px; }  

  .banner .banner-heading{ width: 70%; }

  .banner .site-logo{ width: 30%; }

  .banner .banner-heading h2{font-size: 30px; margin-bottom: 10px;}

  .banner .banner-heading a{ font-size: 12px; padding: 6px 20px; border: 2px solid #fff; position: absolute; right: 85px;}

  .banner{position: relative; overflow: visible; width: 100%; float: left;}

  .banner .banner-heading{ padding-top:0 ; }

  .banner-box{ width: 90%; float: left; margin: 0 5%;}

  .banner .site-logo img{ width: 70px; margin: 12px 0;}

  .banner .banner-img{ margin-right: 0; padding-top: 0; }

  .heading h2{ font-size: 25px; }

    .heading img{ width: 30px; }

    .heading{ margin-bottom: 30px; }

    .standorte-section{ padding: 80px 0; }

    .standorte-section .col-lg-5{ padding-left: 0px; padding-right: 0px; }

    .standorte-section .detail-text{ padding: 15px 5px; width: 100%; float: left;}

    .standorte-section .detail-text p{ width: 50%; float: left; font-size: 14px;}

    .map-img{ display: none; }

    .standorte-section .detail-text h4{ font-size: 18px; }

    .section-red h4{ font-size: 18px; }

    .section-red{ padding: 30px 0; }

    .red-text{ padding: 0 30px; position: relative; }

    .section-red .heading .halal-icon{  display: none;}

    .halal-icon-mb{ display: inline-block; position: absolute; right: 30px; bottom: -20px; width: 80px;}

    .red-text .mt-5{ margin-top: 2rem !important; }


    .standorte-section{ padding-bottom: 0px; }

    .buket-section{     padding: 40px 0; }

    .buket-section .bucket-box h4{ font-size: 14px; }

    .buket-section .bucket-box img{ width: 100%; }

    .fried-section .bucket-box h4{ font-size: 12px; }

    .owl-carousel .owl-item img{ width: 100%; }

    .slate-section .small-heading h2{ font-size: 25px; }

    .slate-section h4{ font-size: 11px; }

    .bucket-img img{ width: 100%; }

    .owl-dots{ text-align: center; }

    .owl-dots button{  }

    .owl-dots button span{width: 9px;

    height: 9px; margin: 0 5px;

    display: inline-block;

    border: 1px solid #fff;

    background-color: #fff;  border-radius: 50px;}

    .owl-dots button.active span{ background-color: #c30209; }

    .owl-carousel .bucket-img{ min-height: 160px; }

    .owl-nav{ display: none; }

    .fried-section{ padding: 30px 0; }

    #chicken-slider .bucket-img{ min-height: 60px; }

    .slate-section .bucket-img{ min-height: auto; }

    .img-bucket{ min-height: 190px; }

}



@media only screen and (max-width: 414px) {

    .owl-carousel .bucket-img{ min-height: 100px; }

.banner .banner-heading h2{ font-size: 25px; }

.banner .banner-heading a{ right: 35px; }

.banner {     padding: 50px 0 100px 0; }

.banner .banner-img{ width: 42%; }

.banner .site-logo{ width: 20%; }

.banner .banner-heading{ width: 80%; }



}


/*Floating Button start*/

.label-container{
    position: fixed;
    bottom: 45px;
    right: 120px;
    display: table;
    visibility: hidden;
}

.label-text{
    color:#FFF;
    background:rgba(51,51,51,0.5);
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:3px;
    font-size: 22px;
}

.label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:#333;
    opacity:0.5;
}

.float{
    position:fixed;
    width:80px;
    height:80px;
    bottom:40px;
    right:40px;
    background-color:#c30209;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
}
.float:hover{
    /*background-color:#fff;*/
    color: #FFE500;
}
.labela{
    text-decoration: none;
}
.my-float{
    font-size:34px;
    margin-top:23px;
}

a.float + div.label-container {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s ease;
}

a.float:hover + div.label-container{
  visibility: visible;
  opacity: 1;
}