footer { background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/741563/footer-star.jpg); background-position: right 40% bottom 0; background-repeat: no-repeat; background-color: #000; color: #FFF; padding: 45px 0; }
footer h3 { font-size: 14px; font-weight: 700; margin: 0 0 10px 0; }
footer a { color: #FFF; text-decoration: none; }
footer ul { margin: 0; padding: 0; list-style-type: none; }
footer ul li { margin: 0; padding: 0; }
footer .box { float: left; }
footer .box1 { width: 260px; }
footer .box2 { width: 260px; }
footer .box3 { float: right; }
footer .top { border-bottom: 1px solid #FFF; border-color: rgba(255, 255, 255, 0.6); padding: 0 0 30px 0; margin: 0 0 30px 0; }
footer .top:after { display: block; content: ""; clear: both; }
footer .weather { visibility: hidden; }
footer .weather .inner:after { display: block; content: ""; clear: left; }
footer .weather .icon { width: 50px; height: 40px; background-size: 50px 40px; background-repeat: no-repeat; background-position: center; float: left; margin: 10px 30px 0 0; }
footer .weather .icon.snow { background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/741551/schnee-png.png); background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/741552/schnee.svg); }
footer .weather .icon.rain { background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/744190/regen-png.png); background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/744189/regen.svg); }
footer .weather .icon.partlycloudy { background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/744191/leicht-bewoelkt-png.png); background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/744192/leicht-bewoelkt.svg); }
footer .weather .icon.cloudy { background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/744193/bewoelkt-png.png); background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/744194/bewoelkt.svg); }
footer .weather .icon.sun { background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/744195/sonnig-png.png); background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/744196/sonnig.svg); }
footer .weather .icon.fog { background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/751873/fog-png.png); background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/751874/fog.svg); }
footer .weather .icon.drizzle { background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/751875/nieselregen-png.png); background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/751876/nieselregen.svg); }
footer .weather .icon.rainshower { background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/751877/rain-shower-png.png); background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/751878/rain-shower.svg); }
footer .weather .icon.snowlight { background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/751879/snow-light-png.png); background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/751880/snow-light.svg); }
footer .weather .icon.snowrain { background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/751881/snowrain-png.png); background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/751882/snowrain.svg); }
footer .weather .icon.snowstorm { background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/751883/snowstorm-png.png); background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/751884/snowstorm.svg); }
footer .weather .deg { font-size: 55px; line-height: 1; float: left; }
footer .top .social a { display: block; background-position: center center; background-repeat: no-repeat; }
footer .top .social ul:after { display: block; content: ""; clear: both; }
footer .top .social ul li { float: left; margin: 0 15px 0 0; }
footer .top .social .fb { width: 30px; height: 30px; background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/741485/facebook-png.png); background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/741486/facebook.svg); background-size: 30px 30px; }
footer .top .social .ig { width: 30px; height: 30px; background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/741489/instagram-png.png); background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/741490/instagram.svg); background-size: 30px 30px; }
footer .top .social .yt { width: 72px; height: 30px; background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/741487/youtube-png.png); background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/741488/youtube.svg); background-size: 72px 30px; }
footer .bottom { font-size: 13px; }
footer .bottom:after { display: block; content: ""; clear: left; }
footer .bottom .od { box-sizing: border-box; background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/741504/oberstdorf-logo.png); background-position: top left; background-repeat: no-repeat; padding: 0 0 0 80px; }
footer .bottom .kwt { box-sizing: border-box; background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/741539/kwt-logo.png); background-position: top left; background-repeat: no-repeat; padding: 0 0 0 60px; }
footer .bottom .dh { 
	box-sizing: border-box;
	background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/826877/okb-logo.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0 0 0 80px;
}@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	footer .bottom .od { background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/741505/oberstdorf-logo2.png); background-size: 66px 26px; }
	
}
@media all and (min-width:1000px) and (max-width:1250px) {
	footer { padding: 40px 0; background-size: 250px auto; }
	footer .box1 { width: 240px; }
	footer .box2 { width: 240px; }
	footer .box3 { float: right; }
	footer .top { font-size: 15px; padding: 0 0 28px 0; margin: 0 0 28px 0; }
	footer h3 { font-size: 13px; margin: 0 0 8px 0; }
	footer .weather .icon { width: 40px; height: 32px; background-size: 40px 32px; margin: 9px 28px 0 0; }
	footer .weather .deg { font-size: 50px; }
	footer .top .social ul li { margin: 0 14px 0 0; }
	footer .top .social .fb { width: 28px; height: 28px; background-size: 28px 28px; }
	footer .top .social .ig { width: 28px; height: 28px; background-size: 28px 28px; }
	footer .top .social .yt { width: 67px; height: 28px; background-size: 67px 28px; }
}
@media all and (min-width:768px) and (max-width:999px) {
	footer { padding: 35px 0; background-size: 200px auto; }
	footer .box1 { width: 230px; }
	footer .box2 { width: 220px; }
	footer .box3 { float: right; }
	footer .top { font-size: 14px; padding: 0 0 25px 0; margin: 0 0 25px 0; }
	footer h3 { font-size: 12px; margin: 0 0 6px 0; }
	footer .weather .icon { width: 35px; height: 28px; background-size: 35px 28px; margin: 7px 25px 0 0; }
	footer .weather .deg { font-size: 45px; }
	footer .top .social ul li { margin: 0 13px 0 0; }
	footer .top .social .fb { width: 25px; height: 25px; background-size: 25px 25px; }
	footer .top .social .ig { width: 25px; height: 25px; background-size: 25px 25px; }
	footer .top .social .yt { width: 60px; height: 25px; background-size: 60px 25px; }
}
@media all and (min-width:568px) and (max-width:767px) {
	footer { padding: 30px 0; background-size: 180px auto; }
	footer .box1 { width: 33%; }
	footer .box2 { width: 33%; }
	footer .box3 { width: 33%; float: left; }
	footer .top { font-size: 14px; padding: 0 0 22px 0; margin: 0 0 22px 0; }
	footer h3 { font-size: 12px; margin: 0 0 6px 0; }
	footer .weather .icon { width: 30px; height: 24px; background-size: 30px 24px; margin: 5px 20px 0 0; }
	footer .weather .deg { font-size: 40px; }
	footer .top .social ul li { margin: 0 12px 0 0; }
	footer .top .social .fb { width: 23px; height: 23px; background-size: 23px 23px; }
	footer .top .social .ig { width: 23px; height: 23px; background-size: 23px 23px; }
	footer .top .social .yt { width: 55px; height: 23px; background-size: 55px 23px; }
	footer .bottom { font-size: 12px; }
	footer .bottom .od { background-size: 50px auto; padding: 0 0 0 58px; }
	footer .bottom .kwt { background-size: 40px auto; padding: 0 0 0 52px; }
	footer .bottom .dh { background-size: 42px auto; padding: 0 0 0 56px; }
}
@media all and (max-width:567px) {
	footer { padding: 25px 0; background-size: 150px auto; }
	footer .box1 { width: 25%; }
	footer .box2 { width: 40%; }
	footer .box3 { width: 35%; float: left; }
	footer .top { font-size: 12px; padding: 0 0 20px 0; margin: 0 0 20px 0; }
	footer h3 { font-size: 12px; margin: 0 0 6px 0; }
	footer .weather h3 { margin: 0 3px 6px 0; }
	footer .weather .icon { width: 25px; height: 20px; background-size: 25px 20px; margin: 3px 15px 0 0; }
	footer .weather .deg { font-size: 30px; }
	footer .top .social ul li { margin: 0 11px 11px 0; }
	footer .top .social .fb { width: 20px; height: 20px; background-size: 20px 20px; }
	footer .top .social .ig { width: 20px; height: 20px; background-size: 20px 20px; }
	footer .top .social .yt { width: 48px; height: 20px; background-size: 55px 20px; }
	footer .bottom { font-size: 11px; }
	footer .bottom .box { width: auto; float: none; margin: 0 0 20px 0; }
	footer .bottom .od { background-size: 50px auto; padding: 0 0 0 58px; }
	footer .bottom .kwt { background-size: 40px auto; padding: 0 0 0 52px; }
	footer .bottom .dh { background-size: 42px auto; padding: 0 0 0 56px; }
}