/* Styleheet: mediaevent
Theme URI: https://www.mediaevent.de/
Version: 1 */
* {
	box-sizing: border-box;
}

body {
	font-family: Arial;	
}

.fancy-input {
	margin: 1em 0 1em 0;
	position: relative;
}

.fancy-input label {
	position: absolute;
	color: #666;
	background: #fff;
	padding: 0 .5em;
	font-size: .8em;
	top: -.6em;
	left: .5em;
}

.fancy-input label.like-placeholder {
	font-size: 1em;
	top: .5em;
	left: .5em;
}

.fancy-input input {
	padding: .5em;
}

.lazycell {
	 display: inline-block;
 }

.fancy-box
{
    border: 1px solid lightgrey;
    padding: 10px;
	width:  50%;
}

.lazy-box-label {
    position: relative;
    top: -20px;
    background-color: white;
    display: inline;
    padding: 0px 4px;
    font-size: .8em;
}

.impressum {
	/*visibility: hidden;*/
	font-size: small;
	font-family: sans-serif;
	right: 10px;
	position: absolute;
	padding: 10px;
	top: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;

}

.myButton {
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	background-color:#768d87;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:11px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
}
.myButton:hover {
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	background-color:#6c7c7c;
}
.myButton:active {
	position:relative;
	top:1px;
}

.floating-icon {
	position: fixed;
	top: 60px; /* Anpassen Sie die Position nach Bedarf */
	right: 20px; /* Anpassen Sie die Position nach Bedarf */
	width: 40px;
	height: 40px;
	background-color: #007bff; /* Hintergrundfarbe des Symbols */
	color: #fff; /* Textfarbe des Symbols */
	border-radius: 50%; /* Runde Form (für ein Kreissymbol) */
	font-size: 24px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}