/* raleway-regular - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('/__fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/__fonts/raleway-v28-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-600 - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    src: local(''),
    url('/__fonts/raleway-v28-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/__fonts/raleway-v28-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* raleway-900 - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 900;
    src: local(''),
    url('/__fonts/raleway-v28-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/__fonts/raleway-v28-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('/__fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/__fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}




body {color: #c5c5c5;}
.hidden {display: none;}
.bg-home {background-image: url('../images/bg-rubber-service.jpg');}
/* .bg-textur {background-image: url('../images/textur.jpg');}*/
.nav-navbar .nav {min-width: 15rem;}
.header {padding-bottom: 50px;}
.bg-dark {background-color: #22273a !important;}
.h1
{   font-family: "Raleway", sans-serif;
    color: #fff;
    font-size: 66px;
    line-height: 70px;
    font-weight: 900;
    letter-spacing: 0px;
}
.bg-primary {background-color: #0091ca !important;}
.bg-secondary {background-color: #50a1ff !important;}
.header-scrolled [data-navbar="sticky"] {background-color: rgb(0, 0, 0);}
h1, h2, h3, h4, h5, h6 {font-family: "Raleway", Arial, Tahoma, sans-serif}
 .h4{   
    font-family: "Raleway", sans-serif;
    color: #fff;
    font-size: 40px;
    line-height: 55px;
    font-weight: 400;
    letter-spacing: 0px;
}
.h2{   
    font-family: "Raleway", sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 400;
}

input[name="strasse"] {float: left; width: 75%;}
input[name="hnr"] {float: right; width: 20%;}
input[name="plz"] {float: left; width: 25%;}
input[name="ort"] {float: right; width: 70%;}
input[name="check_code"] {float: right; width: 70%;}
input[name="menge"] {width: 50px;}

.input-line .form-control {color: #fff;}


.btn {
    background-color: rgba(11, 10, 16, 0.5);
    border-radius: 50px;
    color: #fff;
}

.button_align.align_center {
    text-align: center;
    color: #fff !important;
    background-color: #0275d7 !important;
    padding: 18px 21px;
    font: inherit;
}

.navbar-light .nav-navbar > .nav-item > .nav-link, .navbar-light .nav-navbar > .nav-link, .navbar-stick-light.stick .nav-navbar > .nav-item > .nav-link, .navbar-stick-light.stick .nav-navbar > .nav-link {
    color: rgba(255,255,255);
}
.zoom {position: relative;}
.zoom img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.zoom:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.zoom {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.zoom img {
  max-width: 100%;
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.zoom:hover img {
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.ccm-root {
    text-align: left !important;
}

@media (max-width: 991px) {
    .navbar {top: 0px;}
}

.text-white hr {
    border-top-color: #50a1ff;
}