/* cmsms stylesheet: mdg-janbode modified: 18.06.2020 11:42:18 */
.contact li {
	font-family: Roboto;

}

.contact li a {
	font-family: Roboto;
	font-weight: 700;
	
}

.menudepth1 a {
	text-transform: none;
	letter-spacing: 0.05em;
	font-family: roboto;
		
}

@media (min-width: 768px) {
.dropdown-list li {
    font-size: 11px;
    margin-bottom: 0px;
	}
}

li.menudepth1:hover {
	background-color: #D83B25;
}

li.menudepth1 a:hover {
	color: #fff;
}

@media (min-width: 768px) {
.dropdown-list {
    width: 290px;
    padding: 0;
    left: -60px;
}
.dropdown-list li {
	margin-right: 0;
}

.menudepth1 a {
	padding: 10px 10px 10px 20px;
}

}


.slide-data {
    background: rgba(0,0,0, 0.3);
    padding: 10px;
}


.button-request {
color: #fff !important;
text-transform: uppercase;
text-decoration: none;
background: #d83b26;
padding: 5px;
border-radius: 0px;
display: inline-block;
border-radius: 7px;
border: none;
transition: all 0.4s ease 0s;

}

.button-request:hover {
opacity: 1;
background: #22337f;
letter-spacing: 1px;
-webkit-box-shadow: 0px 5px 40px -10px rgba(35,52,122,0.6);
-moz-box-shadow: 0px 5px 40px -10px rgba(35,52,122,0.6);
box-shadow: 5px 40px -10px rgba(35,52,122,0.6);
transition: all 0.4s ease 0s;
border-radius: 7px;
border: 1px solid #fff;


}

.button-call, .call-detail .button-hire, .call-detail .button-call {
color: #fff !important;
text-transform: uppercase;
text-decoration: none;
background: #d83b26;
border-radius: 7px;
display: inline-block;
border: none;
transition: all 0.4s ease 0s;

}

.button-call:hover, .call-detail .button-hire:hover {
opacity: 1;
background: #22337f;
letter-spacing: 1px;
-webkit-box-shadow: 0px 5px 40px -10px rgba(35,52,122,0.6);
-moz-box-shadow: 0px 5px 40px -10px rgba(35,52,122,0.6);
box-shadow: 5px 40px -10px rgba(35,52,122,0.6);
transition: all 0.4s ease 0s;
border-radius: 7px;
border: 1px solid #fff;
}

.menu .button-call:hover {
	letter-spacing: 0.7px;
	border: none;
}

.card:hover {
	-webkit-box-shadow: 0px 5px 40px -10px rgba(35,52,122,0.6);
	-moz-box-shadow: 0px 5px 40px -10px rgba(35,52,122,0.6);
	box-shadow: 5px 40px -10px rgba(35,52,122,0.6);
	transition: all 0.4s ease 0s;
	border-radius: 7px;
	letter-spacing: 0.7px;
}

.wordcloud a {
	border-radius: 7px;
}


.wordcloud a:hover {
	background: #22337f;
	-webkit-box-shadow: 0px 5px 40px -10px rgba(35,52,122,0.6);
	-moz-box-shadow: 0px 5px 40px -10px rgba(35,52,122,0.6);
	box-shadow: 5px 40px -10px rgba(35,52,122,0.6);
	transition: all 0.4s ease 0s;
	border-radius: 7px;
	letter-spacing: inherit;
	opacity: 1;
	
}

.company-relocation h1 {
    color: #d83b26;
    text-align: left;
    padding: 0;
    font-size: 16px;
    margin-bottom: 0px;
}

@media (min-width: 1024px) {
.company-relocation h1 {
    font-size: 18px;
}
}

@media (min-width: 1146px) {
.company-relocation h1 {
    margin-bottom: 0px;
}
}

.company-relocation h2 {
    color: #2c2c2c;
    text-align: left;
    padding: 0;
    font-size: 16px;
    margin-bottom: 10px;
}


@media (min-width: 1024px) {
.company-relocation h2 {
    font-size: 24px;
}
}

@media (min-width: 1146px) {
.company-relocation h2 {
    margin-bottom: 24px;
}
}

.image-with-text h1{
	color: #d83b26;
	text-align: left;
}


@media (min-width: 1024px) {
.company-relocation h5 {
    font-size: 18px;
}
}

.da h1 {
	font-size:inherit;
}

.da h2 {
	font-size: 24px;
	color: #2c2c2c;
	margin-bottom: 5px;
}

.da h3 {
	font-size:15px;
}

.block-twocol1 h1 {
	color: #2c2c2c;
	text-align: left;
	margin-bottom: 10px;
}

span.ui-slider-handle {
	transition: transform 0.5s ease-in-out, left 0.3s linear;
	
}

.slider-area {
	z-index: 1000;
}

.slider-area:hover span.ui-slider-handle {
 	transform: scale(1.2);
}

.slider-distance {
	z-index: 1000;
}

.slider-distance:hover span.ui-slider-handle {
 	transform: scale(1.2);
}

@media (min-width: 1024px) {
.ui-slider-handle:before {
    top: 0;
    width: 41px;
    height: 41px;
    background-position: -205px -10px;
    background-size: 550px auto;
}
}

.ui-slider-handle:before {
    background-image: url(../../uploads/jb/images/sprite3.png);
}

.ui-slider {
	border: none;
}

.range-slider {
	z-index: 1;
}

 .card:hover .icon-private {
    background-position: 19px -30px;
    }
  .card:hover .icon-guter {
    background-position: 11px -113px; }
  .card:hover .icon-firemen {
    background-position: -296px 15px; }
  .card:hover .icon-senior {
    background-position: -296px -55px; }
  .card:hover .icon-transport {
    background-position: -2px -186px; }
  .card:hover .icon-bell {
    background-position: 12px -272px; }
  .card:hover .icon-lader {
    background-position: -302px -147px; }
  .card:hover .icon-retention {
   background-position: -290px -220px;}
  .card:hover .icon-winter {
    background-position: 14px -364px; }
  .card:hover .icon-rental {
    background-position: 18px -453px; }
  .card:hover .icon-clearing {
    background-position: -293px -295px; }
  .card:hover .icon-zones {
    background-position: -291px -385px; }
  .card:hover .icon-platform {
    background-position: -192px -221px; }
  .card:hover .icon-trailers {
    background-position: -190px -83px;
     }
  .card:hover .icon-individual {
    background-position: -290px -473px; }

  .card:hover .icon-contact {
      background-position: -192px -385px; }

.icon-private {
  background-position: -74px -29px;
  height: 66px; }

.icon-guter {
  background-position: -82px -113px;
  height: 66px; }

.icon-firemen {
  background-position: -407px 15px;
  height: 66px; }

.icon-senior {
  background-position: -406px -55px;
  height: 66px; }

.icon-transport {
  background-position: -93px -186px;
  height: 66px; }

.icon-bell {
  background-position: -78px -272px;
  height: 66px; }

.icon-lader {
  background-position: -411px -147px;
  height: 66px; }

.icon-retention {
  background-position: -401px -220px;
  height: 66px; }

.icon-winter {
  background-position: -79px -364px;
  height: 66px; }

.icon-rental {
  background-position: -77px -453px;
  height: 66px; }

.icon-clearing {
  background-position: -404px -296px;
  height: 66px; }

.icon-zones {
  background-position: -401px -385px;
  height: 66px; }

.icon-platform {
  background-position: -192px -297px;
  height: 66px; }

.icon-trailers {
  background-position: -190px -149px;
  height: 66px; }

.icon-individual {
  background-position: -400px -478px;
  height: 66px; }


.icon-contact {
  background-position: -475px -385px;
  height: 66px; }
  



.icon-waschanlage {
    background-position: -195px -298px;
    height: 66px;
}

.card:hover .icon-waschanlage {
	background-position: -195px -221px;

}

.card {
	border-radius: 7px;
}

.call-detail {
	background-image: none;
	background-color: lightgrey;
}

.call-detail em {
	text-shadow: none;
}

.call-detail em a:hover {
    color: #23347a;
}


.portfolio .card {
	background-color: #23347a;
}

.portfolio .card em {
	color: #fff;
}

.portfolio .card:hover {
	background-color: transparent;
}

.portfolio .card:hover em {
	color: #23347a;
}

.hire-now-detail {
	background-image: none !important;
	background-color: lightgrey;
}

.infomobil {
	background-color: #d83b26;
	border-radius: 7px;
    border: 1px solid #fff;
    transition: all 0.4s ease 0s;
}

.infomobil:hover {
	opacity: 1;
    background: #22337f;
    letter-spacing: 1px;
    -webkit-box-shadow: 0px 5px 40px -10px rgba(35,52,122,0.6);
    border: 1px solid #fff;
}

.relocate {
  display: block; 
  box-shadow: -4px 7px 27.3px 2.7px rgba(0, 0, 0, 0.04);
  }
  
a.call-247 {
    position: absolute;
    left: 20px;
    top: 23px;
}

@media (max-width: 768px) {
a.call-247 {
	position: absolute;
	left: 20px;
	top: 20px;
}

}

@media (max-width: 448px) {
a.call-247 {

    left: 10px;
    top: 30px;
    width: 50%;
    }
.call-247 img {
	width:20%;
}
}


@media (min-width: 1024px) {
a.call-247 {
	position: absolute;
	left: 20px;
	top: 42px;
}
}


@media (min-width: 768px) {
.call-detail em {
    left: 84px;
}
}



@media (min-width: 1146px) {
.call-detail em {
    left: 100px;
}
}
@media (max-width: 991px) {
.icon-call {
    width: 15px;
    height: 15px;
    background-image: url(/uploads/jb/images/phone-icon.png);
    background-position: center center;
    margin-top: 4px;
    background-size: 100%;
}
}