@charset "utf-8";
/* CSS Document */


html{width:100%;height:100%}
body{font-family: 'Roboto Condensed', sans-serif;font-weight:400;line-height:1.6}
body{background-image: url(../basic/bg.jpg);background-repeat: no-repeat;background-size: cover;background-position:center;width:100%;height:100%}

h1, h2, h3, h4, h5, h6{font-weight:400}

h1{font-size:1.5rem}
h2{font-size:1.3rem}

@media (min-width: 768px) {
  h1{font-size:2rem}
  h2{font-size:1.8rem}
}

main{text-align:center;min-height:100%;position:relative}

div.logo{padding-left:1rem;padding-right:1rem;text-align:center;position:relative}
div.logo div{font-size:18px;margin-top:10px;color:#fff}
div.logo img{width:340px;}


div.adress{position:absolute;bottom:0;right:calc((100% - 340px) / 2 )}
div.adress a{color:#f00}


div.adress{width:340px;height:180px;text-align:center;line-height:1.2;font-size:100%;padding:12px 5px 0px 5px;background-image: url(../basic/keller_footer.png);background-repeat: no-repeat;background-size: 100%; background-position:center;}
div.adress span{color:#fff}
div.adress strong{line-height:53px;color:#f00;font-size:120%;font-weight:400}


div.adress-xs{;width:330px;height:170px;right:calc((100% - 330px) / 2 )}
div.adress-xs p{margin-top:10px;margin-bottom:0px}
div.adress-xs p:first-child{margin-top:2px;margin-bottom:1px}
div.adress-xs strong{line-height:1.2}


div.adress-xs  .servicelinks{font-size:90%}

#claimsmart{display:inline-block;margin-top:15px;max-width:75%}
#claim{display:none}


.impressum{padding:15px;margin-top:60px;background-color:rgba(255,255,255,0.7)}
.impressum a{color:#f00}
@media (min-width: 576px) {
	div.logo{padding-left:5rem;padding-right:5rem}
	div.logo img{margin:auto}
}



@media (min-width: 768px) {  /*nav*/
	div.logo{padding-left:0;padding-right:0;margin-left:0rem;text-align:left}
	div.logo img{width:340px}
	div.logo div{margin-left:10px;margin-top:0px;font-size:24px;position:relative;top:30px}
	main{height:100%;position:relative}
	div.adress{font-size:110%;}
	div.adress{width:390px;height:190px;background-image: url(../basic/keller_footer.png);background-repeat: no-repeat;background-size: 100%; background-position:center;}
	div.adress{position:absolute;bottom:0;right:0}
	
	#claimsmart{display:none}
	#claim{display:block}
	#claim{width:650px;position: relative;
		top: 30%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}	
	
	.servicelinks{font-size:95%}
	
}


@media (min-width: 992px) {  /*nav*/
	div.logo{margin-left:0rem;}
	div.logo img{width:380px}
	
	#claim{width:800px;}
	
}


@media (min-width: 1200px) {  /*nav*/
	div.logo{margin-left:0rem;}
	#claim{width:1000px;}
}




footer > div{background-color:#0091d3}

footer * {color:#fff}