@charset "utf-8";
/* CSS Document */
/******************************************************************************************
// Datei: fluid-button.css
// Author: DH
// Änderungsdatum: 20.12.2018
// Beschreibung: 	- Button für Mobile Ansicht
*******************************************************************************************/


/* Layout für Mobilgeräte */

#DIV-ID-ButtonMobileWrapper{
	display: block;
	}

A:link.LINK-CLASS-ButtonMobile{
	background-position:center center;
	background-repeat:no-repeat;
	
	border-radius: 5px;
	border-width:1px;
	border-color:#aaaaaa;
	border-style:solid;
	width: 55px;
	height: 55px;
	background-color:#eeeeee;
	display:block;
	text-align:center;
	
	transition: all 0.2s linear;

	
    white-space: nowrap;
    
	}
A:visited.LINK-CLASS-ButtonMobile{
	
	background-color:#eeeeee;
	}
A:hover.LINK-CLASS-ButtonMobile{
	
	background-color:#aaaaaa;
	border-color:#c20000;
	}

A:link#LINK-ID-ButtonMobileMail{
	background-image: url("mail.png?OpenImageResource");
	float: left;
}
A:link#LINK-ID-ButtonMobileGPS{
	background-image: url("gps.png?OpenImageResource");
	float: right;
	
}
A:link#LINK-ID-ButtonMobileTelefon{
	background-image: url("telefon.png?OpenImageResource");
	margin: auto;
}

/* Layout für Tablet-PCs */

@media only screen and (min-width: 481px) {
	
A:link#LINK-ID-ButtonMobileMail{
		float: left;
		margin: 0;
		margin-right: 35px;
	}
A:link#LINK-ID-ButtonMobileGPS{
		float: left;
		margin: 0;
		margin-right: 35px;
	}
A:link#LINK-ID-ButtonMobileTelefon{
		float: left;
		margin: 0;
		margin-right: 35px;
	}	
	
}

/* Desktoplayout */

@media only screen and (min-width: 979px) and (orientation : landscape)  {
	
	#DIV-ID-ButtonMobileWrapper{
	display: none;
	}
	
}