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

#widget, #widget_container {
	height: 400px; /* Höhe des Widgets */
    border-bottom: 1px solid #fff;
}

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

#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 {
	position: absolute;
	right: 0;
	width: 0;
	overflow: hidden;
}

#widget_container { /* Eigentliches Widget */
	position: fixed;
    font-size: 0.8rem;
    color: white;
    padding: 10px 20px;
    background-color: #65ba51;
    border: 1px solid #fff;
    margin-top: 15px;
    margin-left: 0px;
    box-shadow: 0px 0px 0px 0px #AAA;
    z-index: 9000;
}

#widget_button {
    position: fixed;
    width: 45px;
    height: 150px;
    right: 0;
    padding: 8px 0px 5px 10px;
    background-color: #65ba51;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 0px 0px 0px /* « 17px */ 0px #fff;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-top: 15px;
    z-index: 9000;}

#widget, #widget_button, #widget_container {
	transition: all 0.8s ease;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Tablet*/
@media screen and (max-width: 1250px) {
#widget, #widget_container {
height: 350px; /* Höhe des Widgets */
}
#widget_button {
margin-top: 87px;
}
#widget_container { 
margin-top: 87px;
}
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Smartphone*/
@media screen and (max-width: 869px) {
#widget, #widget_container {
height: 350px; /* Höhe des Widgets */
}
#widget_button {/* Widget-Button */
position: fixed;
    width: 32px;
    height: 150px;
    right: 0;
    padding: 8px 0px 0px 4px;
    margin-top: 65px;
    z-index: 9000;
}
#widget_container { /* Eigentliches Widget */
margin-top: 65px;
}
}