/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 15 2026 | 13:21:34 */
#sticky-wrap i {
position:absolute;
left:22px;
top:50%;
transform:translateY(-50%);
color: #fff; /* Iconfarbe*/
}
#sticky-wrap {
position:fixed;
top:50%;
transform:translateY(-50%);
display:flex;
right:0;
flex-direction:column;
align-items:flex-end;
pointer-events:none;
z-index:10000;
}
.sticky {
position:relative;
width:max-content;
background:#58cfd4; /* Hintergrundfarbe*/
margin-top:15px;
padding: 15px 20px 15px 60px;
transform: translateX(calc(100% - 60px));
transition:transform .4s, background 0.2s;
pointer-events:auto;
_border-radius: 8px 0 0 8px;	
border:1px solid #fff;	
}
.sticky:hover {
_background:#f00;	
}
.sticky:first-child {
margin-top:0;
}
#sticky-wrap .sticky a {
color:#fff; /* Textfarbe*/
text-decoration:none;
font-family:inherit;
font-size:1.1em;
font-family:"Open Sans";
font-family:"Oswald";	
}
#sticky-wrap .sticky:hover {
transform:translateX(0);
}

@media (max-width:768px){
#sticky-wrap {
top:auto;
transform: none;
bottom:30px;
}
}
.sticky-hover {
background:#fff !important;	
}
.sticky-hover * {
color:#000 !important;	
}

@media only screen and (max-height: 500px) and (orientation: landscape) {
#sticky-wrap {
display: none !important;
}
}
#masthead li a:hover {
position:relative;	
}
#masthead li a::before {
content:"";
position:absolute;	
width:calc(100% - 40px);
width:0;	
left:50%;
bottom:5px;
background:#58cfd4;
height:5px;
transform:translateX(-50%);	
transition:width 0.3s;	
}
@media only screen and (min-width: 768px){
#masthead li a:hover::before  { 
width:calc(100% - 40px);
}
}