@charset "utf-8";
/* CSS Document */
/* Höhen- und Breitenangaben für "widget" und "widget_container" müssen immer identisch sein */

#widget, #widget_container {
	height: 680px; /* Höhe des Widgets */
	border-bottom-left-radius: 5px;
}

/*#widget_container img {
	width: 150px;
}*/

#widget.ein, #widget_container {
	width: 400px; /* Breite des Widgets / *1 Wert zwingend identisch mit *2*/
	border-bottom-left-radius: 5px;
}

#widget_button.ein {
	background-image: url(image/notfaelle-on.png);
	right: 400px; /* Breite des Widgets / *2 Wert zwingend identisch mit *1*/
}

#widget {
	position: absolute;
	right: 0;
	width: 0;
	overflow: hidden;
}

#widget_container { /* Eigentliches Widget */
	position: fixed;
	top: 165px;
	font-size:0.875rem; line-height:1.4rem; 
color: white;
padding: 10px 20px;
background: #e20813;
margin-top: 15px;
margin-left: 0px;
/*box-shadow: 0px 0px 7px 0px #AAA;*/
border-bottom-left-radius: 5px;
z-index: 99900;
}

#widget_button {/* Widget-Button */
	position: fixed;
	top: 180px;
	width: 95px; /* Breite des Widget-Buttons */
	height: 47px; /* Höhe des Widget-Buttons */
	right: 0;
padding: 10px;
background-image: url(image/notfaelle-off.png);
margin-top: 0px;
z-index: 9000;
}

#widget, #widget_button, #widget_container, #widget_buttonsp.ein {
	transition: all 0.8s ease;}
#widget, #widget_container {
	height: 510px; /* Höhe des Widgets */}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Desktops*/
@media screen and (max-width: 900px) {
#widget, #widget_container {
height: 510px; /* Höhe des Widgets */
}

#widget.ein, #widget_container {
	width: 400px; /* Breite des Widgets / *1 Wert zwingend identisch mit *2*/}

#widget_button.ein {
	right: 400px; /* Breite des Widgets / *2 Wert zwingend identisch mit *1*/
}

#widget_button {
margin-top: 0px;
top: 150px;
width: 95px; /* Breite des Widget-Buttons */
height: 47px; /* Höhe des Widget-Buttons */
right: 0;
background-image: url(image/notfaelle-off.png);
}
#widget_button.ein {
	background-image: url(image/notfaelle-on.png);
}
#widget_container { 
margin-top: 0px;
top: 150px;
}
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Smartphones*/
@media screen and (max-width: 767px) {
#widget, #widget_container {
height: 850px; /* Höhe des Widgets */}

#widget.ein, #widget_container {
	width: 300px; /* Breite des Widgets / *1 Wert zwingend identisch mit *2*/}

#widget_button.ein {
	right: 300px; /* Breite des Widgets / *2 Wert zwingend identisch mit *1*/
}

#widget_button {
position: absolute;
margin-top: 0px;
top: 315px;
width: 67px; /* Breite des Widget-Buttons */
height: 30px; /* Höhe des Widget-Buttons */
right: 0;
background-image: url(image/notfaellesp-off.png);
z-index:99999;
}
#widget_button.ein {
	background-image: url(image/notfaellesp-on.png);
}
#widget_container { 
position: absolute;
margin-top: 0px;
top: 315px;
padding: 2px 20px;
}
}