/***************** Das Fenster *******************/
.fenster {
position: fixed;
top: 20%;
margin-top:38px;
left: 0;
display: none;
background: #FFFFFF;
font-size: 16px;
border: 1px solid #9e8c6a;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
width: 400px;
height: auto;
padding: 10px 30px 10px 30px;
z-index: 300;
}
.fenster h3 {
font-size: 20px;
color: #9e8c6a;
font-weight: bold;
}
.fenster p {
color: #4d4d4b;
font-weight: bold;
}
/***************** Der Knopf *******************/
a.knopf {
	position: absolute;
	text-decoration: none;
	top: 20%;
	left: -20px;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	padding: 8px 10px 8px 30px;
	background:#565758;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	display: block;
	z-index: 300;
	cursor: pointer;
	transition: all 0.2s ease;
}

/*****************  Knopf geschlossen *******************/
a.knopf::before {
content: 'NEWS';				
padding: 0 5px 0 0;
}
a.knopf::after {
			
font-size: 18px;
}

/*****************  Knopf geöffnet *******************/
a.active.knopf {				
left: 0;
}
a.active.knopf::before {
content: 'CLOSE';			
left: 10px;
}
a.active.knopf::after {
				
font-size: 18px;
}
/***************** MOBILE ANSICHT *******************/
@media (max-width: 796px) {
.fenster {
position: absolute;
top: 80px;
padding: 5px 5px 5px 15px;	
width: 250px;
z-index: 22000;
 }
.fenster h3 {
margin-top: 0px;
}
a.knopf {		
position: absolute;
top: 80px;
z-index: 22001;
    }}