/*hier stehen die Angaben für mButton */
@media screen and (min-width: 900px) {
#button {
	overflow: hidden;
	box-shadow: #66CCFF;
	background-position: center center;
	position: absolute;
	margin: auto auto 2% auto;
	width: 10%;
	background: none no-repeat fixed 20% 10% rgba(255, 255, 255, 0.48);
	border: 1px solid #000000;
	border-radius: 10% / 40%;
	cursor: pointer;
	z-index: 1;
	height: 80%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	font-size: 100%;
	text-align: center;
	white-space: pre-line;
}
 }

@media screen and (min-width: 600px) and (max-width: 900px) {
#button {
	overflow: hidden;
	box-shadow: #66CCFF;
	background-position: center center;
	position: absolute;
	margin: auto auto 2% auto;
	width: 10%;
	background: none no-repeat fixed 20% 10% rgba(255, 255, 255, 0.48);
	border: 1px solid #000000;
	border-radius: 10% / 40%;
	cursor: pointer;
	z-index: 1;
	height: 75%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	font-size: 70%;
	text-align: center;
	white-space: pre-line;
}
 
}

@media screen and (max-width: 600px) {
#button {
	overflow: hidden;
	box-shadow: #66CCFF;
	background-position: center center;
	position: absolute;
	margin: auto auto 2% auto;
	width: 10%;
	background: none no-repeat fixed 20% 10% rgba(255, 255, 255, 0.48);
	border: 1px solid #000000;
	border-radius: 10% / 40%;
	cursor: pointer;
	z-index: 1;
	height: 70%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	font-size: 55%;
	text-align: center;
	white-space: pre-line;
}

}

@media screen and (max-device-width: 480px) {
#button {
	overflow: hidden;
	box-shadow: #66CCFF;
	background-position: center center;
	position: absolute;
	margin: auto auto 2% auto;
	width: 10%;
	background: none no-repeat fixed 20% 10% rgba(255, 255, 255, 0.48);
	border: 1px solid #000000;
	border-radius: 10% / 40%;
	cursor: pointer;
	z-index: 1;
	height: 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	font-size: 60%;
	text-align: center;
	white-space: pre-line;
}
  
}

/*hier stehen die Angaben für Logout */
@media screen and (min-width: 900px) {
#bloga {
	overflow: hidden;
	position: absolute;
	margin: auto auto 2%;
	width: 5%;
	background: none no-repeat fixed 30% 40% rgba(73, 112, 224, 0.14);
	border: 1px solid rgba(0, 0, 0, 0.33);
	border-radius: 20% / 90%;
	cursor: pointer;
	z-index: 1;
	height: 20%;
	left: 89.5%;
	top: 55%;
	right: auto;
	bottom: auto;
	font-size: 60%;
	text-align: center;
	white-space: pre-line;
	

		
}
 
 }

@media screen and (min-width: 600px) and (max-width: 900px) {
#bloga {
	overflow: hidden;
	position: absolute;
	margin: auto auto 2%;
	width: 30%;
	background: none no-repeat fixed 30% 40% rgba(73, 112, 224, 0.14);
	border: 1px solid rgba(0, 0, 0, 0.33);
	border-radius: 20% / 90%;
	cursor: pointer;
	z-index: 1;
	height: 20%;
	left: 68%;
	top: 55%;
	right: auto;
	bottom: auto;
	font-size: 50%;
	text-align: center;
	white-space: pre-line;
	

		
}
}

@media screen and (max-width: 600px) {
#bloga {
	overflow: hidden;
	position: absolute;
	margin: auto auto 2%;
	width: 30%;
	background: none no-repeat fixed 30% 40% rgba(73, 112, 224, 0.14);
	border: 1px solid rgba(0, 0, 0, 0.33);
	border-radius: 20% / 90%;
	cursor: pointer;
	z-index: 1;
	height: 20%;
	left: 68%;
	top: 55%;
	right: auto;
	bottom: auto;
	font-size: 50%;
	text-align: center;
	white-space: pre-line;
	

		
}
}

@media screen and (max-device-width: 480px) {
#bloga {
	overflow: hidden;
	position: absolute;
	margin: auto auto 2%;
	width: 30%;
	background: none no-repeat fixed 30% 40% rgba(73, 112, 224, 0.14);
	border: 1px solid rgba(0, 0, 0, 0.33);
	border-radius: 20% / 90%;
	cursor: pointer;
	z-index: 1;
	height: 20%;
	left: 68%;
	top: 55%;
	right: auto;
	bottom: auto;
	font-size: 50%;
	text-align: center;
	white-space: pre-line;
	

		
}
}