.dp-panel.from-right {position:fixed; top:0; left:0; z-index:10; height:100%; width:100%; visibility:hidden; -webkit-transition:visibility 0s 0.6s; -moz-transition:visibility 0s 0.6s; transition:visibility 0s 0.6s;}
.dp-panel.from-right::after {position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; cursor:pointer; -webkit-transition:background 0.3s 0.3s; -moz-transition:background 0.3s 0.3s; transition:background 0.3s 0.3s;}
.dp-panel.from-right.is-visible {visibility:visible; -webkit-transition:visibility 0s 0s; -moz-transition:visibility 0s 0s; transition:visibility 0s 0s;}
.dp-panel.from-right.is-visible::after {background:rgba(0, 0, 0, 0.6); -webkit-transition:background 0.3s 0s; -moz-transition:background 0.3s 0s; transition:background 0.3s 0s;}

.from-right .dp-panel-header {position:fixed; width:100%; background:rgba(255, 255, 255, 0.96); z-index:2; box-shadow:0 1px 1px rgba(0, 0, 0, 0.08); -webkit-transition:top 0.3s 0s; -moz-transition:top 0.3s 0s; transition:top 0.3s 0s;}
.from-right .dp-panel-header h1 {font-weight:bold; color:#89ba2c; text-align:center; margin:0; line-height:2em;}
.from-right .dp-panel-header {top:-200px;}
.from-right .dp-panel-header {right:0;}
.from-right.is-visible .dp-panel-header {top:0; -webkit-transition:top 0.3s 0.3s; -moz-transition:top 0.3s 0.3s; transition:top 0.3s 0.3s;}

.from-right .dp-panel-container {position:fixed; width:calc(100% - 50px); max-width:350px; height:100%; top:0; background:#000; opacity:0.9; z-index:1; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; transition-property:transform; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; transition-delay:0.3s;}
.from-right .dp-panel-container {right:0; -webkit-transform:translate3d(100%, 0, 0); -moz-transform:translate3d(100%, 0, 0); -ms-transform:translate3d(100%, 0, 0); -o-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0);}
.from-right.is-visible .dp-panel-container {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transition-delay:0s; -moz-transition-delay:0s; transition-delay:0s;}

.from-right .dp-panel-content {position:relative; top:0; left:0; width:100%; height:100%;}


.clf-btn {position:relative; top:30vh; right:50px; visibility:visible;}
.dp-panel .clf-btn:before {font-family:fontello; display:block; font-size:2em; line-height:1; color:#fff; font-style:normal; font-weight:normal; text-decoration:inherit; padding:15px; background:#000; opacity:0.9; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.dp-panel.not-visible .clf-btn:before {content:"\e80a";}
.dp-panel.is-visible .clf-btn:before {content:"\f13e";}


/* ########################################################################### */
/*  ------------------------------------------------------------- His  Responsiveness ------------------------------------------------------------- */
/* ########################################################################### */


@media screen and (max-width:600px) {
}/* Ende @media screen */