.xicon-mapicon-uhr {
	background-image:url(img/icon-uhr.svg);
	width:30px;
	height:30px;
	background-repeat:no-repeat;
}

/*
.logo svg{
    width: 122px;
    height: 50px;
}
.topnav a i {
    font-size: 24px;
    line-height: 68px;
}

.topnav a {
    padding: 3px 31px;
}
.topnav a.menupoint {
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-align: center;
    line-height: 24px;
}*/

/*
#merkanzahl{
    display: none;
}
*/

.homebackground {
    background-image: url(img2/Startbild-neu-6-mobil.webp);

}
.grouppromo{
    background-image: url(../img2/Startbild-3-hauseintrag.webp);
    
}
.homeTemp form,.homesearce{
    width: 810px;
}
#searchbtn2{
    position: relative;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin: 0 0 0 0;
    border: none;
    background: #03A9F4;
    color: white;
    padding: 0;
    width: 186px;
    font-family: Rubik Bold;
    font-size: 18px!important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    line-height: 61px;
    font-weight: 700;
}
#searchbtn2:hover{
    background: #2EBCFC;
}
input.searchinput {
    padding-left: 60px;
}
.blue{
    color: #03A9F4;
}

.blueborder{
    background: #F6F6F6;
    border: 10px solid #03A9F4;
    padding: 70px 0 20px 0;
    margin-bottom: 80px;
}
.blueborder .bg-white{
    background: none;
}

#suchorthome, .searchbigbox .searchinputResults {
    width: 624px;
}
#searchbtn2 i{
    position: relative;
    top: 8px;
    font-size: 25px;
    margin-right: 10px;
}
#suchorthome{
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
#suchorthome,#searchbtn2{
    height: 65px;
}
#suchorthome{
    font-family: Rubik Regular;
    font-size: 18px!important;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 28px;
    font-weight: 400;
    padding-left:70px;
}
h2{
    font-family: Rubik Medium;
    font-size: 1.25rem;
    color: #4a4a4a;
    letter-spacing: 0;
    line-height: 44px;
    font-weight: 400;
}

.headis2{
    font-family: Rubik Medium;
    font-size: 36px;
    color: #03A9F4;
    letter-spacing: 0;
    line-height: 44px;
    font-weight: 400;
}


h3{
    font-family: Rubik Regular;
    font-size: 21px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 32px;
    font-weight: 400;
}


h4{
    font-family: Rubik Medium;
    font-size: 24px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 28px;
    font-weight: 400;

    margin-top: 15px;
    margin-bottom: 5px;
}


h4.nurtablet2 {
	font-size:31px;
	line-height:50px;
}

.nurtablet {
	background-color: #ffffff;	
}

.cmbotline {
	margin-top:15px;
	font-size:14px;	
	color:#4a4a4a;
}

.nurtab3 {
	padding-left:0px;padding-right:20px;
}


/* TABLET CSS */
@media (orientation: landscape) and (min-width: 768px) and (max-width:1024px) {

	h4.nurtablet2 {
		font-size:27px;
		line-height:43px;
	}

	.cmbotline {
		margin-top:15px;
		font-size:13px;	
		color:#4a4a4a;
	}

	.nurtab3 {
		padding-left:30px;padding-right:0px;
	}
}


p.sub{
    font-family: Rubik Regular;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 20px;

    margin-top: 0;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 20px;
}
.smalbtn{

    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.78px;
    text-align: center;
    line-height: 28px;
    font-weight: 400;
    font-family: Rubik Medium;

    text-transform: uppercase;
    background: #03A9F4;
    border-radius: 6px;
    padding: 8px 17px 6px 17px;
    line-height: 28px;
    font-weight: 400;
}
.smalbtn:hover{
    background: #2EBCFC;
    color: white;
}

.mtop-140{
    margin-top: 140px;
}
.mtop-30{
    margin-top: 30px;
}


.bggray{
    border-top: 1px solid #d1d1d1 ;
    border-bottom: 1px solid #d1d1d1 ;
    background: #F6F6F6;
}
.htfbotsliderblocktom{
    padding: 50px 0 90px 0;
}
.htfbotsliderblocktom .sub{
    margin-top: 20px;
    margin-bottom: 5px;
}
.htfbotsliderblocktom h4{
    margin-top: 5px;
    margin-bottom: 20px;
}
.homesliderblock3{
    margin-top: 80px!important;
}

.homesliderblock3 .arrowleft,.homesliderblock3 .arrowright{
    height: 46px!important;
    width: 46px!important;
}
.homesliderblock3 .arrowleft:before,.homesliderblock3 .arrowright:before{
    margin-top: 15px!important;
}

.homesliderblock3 .arrowleft{
    left: -60px;
}
.homesliderblock3 .arrowright{
    right: -60px;
}
@media (max-width: 1280px){
    .homesliderblock3 .arrowleft{
        left: -45px;
    }
    .homesliderblock3 .arrowright{
        right: -45px;
    }
}
.arrowleft,.arrowright{
    -webkit-box-shadow:inherit!important;
    -moz-box-shadow: inherit!important;
    box-shadow: inherit!important;
}
.objectteaser .subline p{
    font-family: Rubik Regular;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 400;
}

.objectteaser .subline p b{
    font-family: Rubik Medium;
    font-size: 20px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 26px;
    font-weight: 400;

}

.imgblock{
    margin-bottom: 80px;
}


.imgblock p{
    font-family: Rubik Regular;
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 400;
}

.imgblock h4{
    font-family: Rubik Medium;
    font-size: 20px;
    color: #4A4A4A;
    margin-top: 4px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
}
.imgblock h4 i{
    font-family: vkl;
    font-size: 18px;
    color: #03A9F4;
    letter-spacing: 1.12px;
    text-align: center;
    font-weight: 400;
}

.europa .elem h4{
    font-family: Rubik Medium;
    font-size: 20px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 400;
}

.searchbtn i{
    font-family: vkl;
    font-size: 24px;
    color: #4A4A4A;
    letter-spacing: 1.5px;
    text-align: center;
    font-weight: 400;
    top: -4px;
    position: relative;
}

.searchbar {
    padding-top: 24px;
}

.btn.blue{
    background: #03A9F4;
}

.btn.blue:hover{
    background: #2EBCFC;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.europa .elem h4 i{
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 400;
}
.homeobjecte .objectteaser .subline{
    margin-top: 21px;
}

.imgblock p{
    margin-top: 20px;
    margin-bottom: 0px;
}

a.zoom img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.zoom{
    display: block;
    overflow: hidden;
}
a.zoom:hover{
    opacity: 1;
}
a.zoom:hover img{
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.searchbigbox {
    padding: 2%;
    margin: 100px 0;
}

.slick-dots{
    bottom: -60px;
}

.cmslider .slick-dots{
    bottom: -50px;
}


.homesliderblock3 .slick-dots{
    bottom: -50px;
}
.homeobjecte .slick-dots{
    bottom: -38px;
}
.slick-dots button{
    border:1px solid #03A9F4!important;
    height: 14px!important;
    width: 14px!important;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 5px;
    font-size: 1px!important;
    line-height: 1px;
}
.slick-dots .slick-active button{
    background: #03A9F4!important;
    height: 18px!important;
    width: 18px!important;
}
main .row {
    margin: 35px 0;
}
.homesliderblock3 {
    margin-top: 55px!important;
}
.europagrafiken{
    margin-top: 65px!important;
}

@media (max-width: 750px){
    .btn {
        padding: 15px 25px;
    }
}
@media (max-width: 800px){
    #searchbtn2 span{
        display: none;
    }
    #searchbtn2{
        width: 60px;
    }
    .homeTemp form, .homesearce {
        width: calc(100vw - 30px);
    }
    #suchorthome  {
        width: calc(100vw - 30px - 60px);
    }
    .searchbigbox .searchinputResults {
        width: calc(100vw - 30px );
    }
    #searchbtn2 i{
        margin-right: 0;
    }
    .searchbar form {
        margin-left: -15px !important;
    }
    .offset-1 {
        margin-left: 0%;
    }
    .col-lg-5{
        margin-bottom: 40px;
    }
    .htfbotsliderblocktom {
        padding: 40px 0 60px 0;
    }
    .homesliderblock3 {
        margin-top: 10px!important;
    }
    .imgblock img{
        width: 100%;
        height: auto;
    }
    .mleft-100 {
        margin-left: 0px;
    }
    .mtop-140{
        margin-top: 30px;
    }
    h2{
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 0;
    }
		.headis2{
		    font-size: 26px;
        line-height: 32px;
        margin-bottom: 0;
		}
    
    h3{
        font-size: 18px;
        line-height: 28px;
        margin-top: 17px;
    }
    .col-lg-5 {
        margin-bottom: 10px;
    }
    .homesliderblock3 .arrowright{
       display: none!important;
    }
    .homesliderblock3 .arrowleft{
        display: none!important;
    }
    .htfbottom .homesliderblock3 .arrowright{
        margin-top: -85px !important;
    }
    .htfbottom .homesliderblock3 .arrowleft{
        margin-top: -85px !important;
    }
}
@media (max-width: 480px){



}

#searchbtn2:active, #searchbtn2:focus{
	background: #2EBCFC;
}

.xs {
	position:relative;
	font-size:1.4rem;
	left:64px;
	margin-top:-6px;
}	

@media (max-width: 768px) {
  .xs {
		position:relative;
		font-size:1.4rem;
		left:55px;
		margin-top:0px;
	}	
}

.xicon-mapicon-uhr {
    background-image: url(../img/icon-uhr.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
}

   .gridContainer {
   	width: 90%;
   	margin-top: -95px;
   	max-width: 1232px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    padding: 0;
    outline: 0;
    display: block;
    text-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #6B7C93;
    background-color: #ffffff;
     opacity: 1.0;
}

.fa-calendar-check-o {
    content: img/home-solid.svg;
}
.cmboxi {
	background-color:#fff;
	padding:10px;
	padding-top:40px;
	height:230px;
	
	border: 1px solid #ddd;
	border-right-width:0px;
	/* box-shadow: 0 4px 2px -2px #eee;	*/
}

.cmboxilast {
	background-color:#fff;
	padding:10px;
	padding-top:40px;
	height:230px;
	
	border: 1px solid #ddd;
	/* box-shadow: 4px 4px 2px -2px #eee;	 */
}

.cmtopline {
	font-size:18px;
	font-weight:normal;	
}


.bildmitschatten {
    position: relative;

    top: 0px;
    left: 0px;    

		-webkit-box-shadow: 13px 15px 21px 10px rgba(0,0,0,0.25); 		
    box-shadow: 0 10px 30px 0 rgb(189 189 189 / 30%), 0 10px 30px rgb(0 0 0 / 8%);
    
    width:400px;	
}

.bildmitschattenunten {
    position: relative;

		-webkit-box-shadow: 13px 15px 21px 10px rgba(0,0,0,0.25); 		
    
    
    box-shadow: 6px 4px 20px 0px rgb(189 189 189 / 30%), 0 10px 30px rgb(0 0 0 / 8%);
}

.bildmitschatten2 {
    position: relative;

    top: -193px;
    left: 216px;
    
		-webkit-box-shadow: 4px 15px 21px 10px rgba(0,0,0,0.25); 
		
    box-shadow: 0 10px 30px 0 rgb(189 189 189 / 30%), 0 10px 30px rgb(0 0 0 / 8%);
    width:400px;
}

.col-sm {
	margin-top:20px;
}