.zitat {
background: #f0f0f0;
padding: 10px 15px 10px 15px;
border-radius: 10px;
font-style: italic;
width: 100%;
max-width: 600px;
}

#shortcuts {
background: #5bb5d8;
border-radius: 10px 0px 0px 10px;
padding: 5px 10px 5px 10px;
color: #ffffff;
font-weight: 400;
font-size: 90%;
position: fixed;
top: 115px;
width: 250px;
z-index: 99;
overflow: hidden;
}

#shortcuts a {
text-decoration: none;
}

#shortcuts a:hover {
text-decoration: underline;
}

.sc-in {
right: -215px;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

.sc-out {
right: 0px;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

#scswon {
position: absolute;
top: 0px;
left: 0px;
width: 35px;
height: 150px;
cursor: pointer;
}

#scswoff {
position: absolute;
top: 0px;
left: 0px;
width: 35px;
height: 150px;
cursor: pointer;
}

.sc-icon {
display: inline-block;
width: 25px;
font-size: 115%;
}




/* Klickliste */

dd { 
display: none;
margin: 0px;
}

dt {
cursor: pointer;
position: relative;
}

dt h3 {
color: #ffffff;
font-weight: 300;
font-size: 1.4em;
line-height: 115%;
padding: 10px 50px 10px 20px;
margin: 0px;
border-radius: 10px;
}

.closed {
background: #5bb5d8;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

.closed:after {
font-family: 'FontAwesome';
content: "\f0d7";
font-size: 50px;
font-style: normal;
color: #ffffff;
position: absolute;
top: 10px;
right: 20px;
}

.open {
background: #b7292b;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

.open:after {
font-family: 'FontAwesome';
content: "\f0d8";
font-size: 50px;
font-style: normal;
color: #ffffff;
position: absolute;
top: 8px;
right: 20px;
}

.listbox {
width: 100%;
margin: 0px 0px 25px 0px;
padding: 0px;
}

.listcontent {
background: #ffffff;
padding: 20px;
font-size: 90%;
letter-spacing: -0.02em;
}





@media only screen and (max-width: 800px) {

#shortcuts {
background: #5bb5d8;
border-radius: 10px 0px 0px 10px;
padding: 5px 10px 5px 10px;
color: #ffffff;
font-weight: 400;
font-size: 90%;
position: fixed;
top: 80px;
width: 250px;
z-index: 99;
overflow: hidden;
box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

dt h3 {
color: #ffffff;
font-weight: 300;
font-size: 1.2em;
line-height: 115%;
padding: 10px 40px 10px 20px;
margin: 0px;
border-radius: 10px;
}

}




/* Tablet & Mobile */
@media only screen and (max-width: 400px) {



}