/* Responsive liegt hier, damit es nur bei Oberstdorf / Alpininfo ausgeführt wird nicht bei dem Include für Gastgeber */


@media all and (min-width: 768px) and (max-width:1023px) {
	#alpin .section { width: auto !important; display: flex !important; }
	#alpin .figure.infos {  height: auto !important; width: auto !important;  flex: 1 !important; }

	#alpin .figure.info { margin-right: 10px !important; }

	#alpin .section .icons.big .icon img { height: 45px !important; width: 45px !important; }
	#alpin .section .icons.big .icon:last-child { padding-right: 10px !important; }
}

@media all and (min-width: 568px) and (max-width: 767px) {
	#alpin .section { width: auto !important; }
	#alpin .figure { height: auto !important; }
	#alpin .figure.infos {  height: auto !important; flex: 1 !important; }

}


@media all and (max-width: 567px) {

	#alpin .figure.info { float: left !important; padding-right: 10px; }
	#alpin .section { width: auto !important; }
	#alpin .figure { width: auto !important; height: auto !important; float: none !important; margin-right: 0 !important; margin-left: 0 !important; padding: 0px 20px !important; text-align: left !important; }
	#alpin .figure.infos {  padding: 0px 20px !important; height: auto !important; width: auto !important;  flex: 1 !important; }
	#alpin .figure.logo { margin-left: 0px !important; }
	#alpin .figure.logo a { margin: 0 auto !important; display: block !important; width: 80px !important; }
	#alpin .figure.windrose { height: 135px !important; }
	#alpin .figure.windrose img { left: 25px !important; }
/*	#alpin .figure.windrose .info { margin: 0 auto !important; }*/
}