#btntoTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background: hsl(358, 79%, 97%) url("images/pfeil_backtotop.svg") center center no-repeat;
  background-size: contain;
  color: white;
  cursor: pointer;
  padding: 1px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

#btntoTop:hover {
  background: hsl(358, 79%, 47%) url("images/pfeil_backtotop_w.svg") center center no-repeat;
  background-size: contain;
}

/* this is the PC menu stylesheet */
/*.cssplay_menu {width:100%; text-align:center; height:66px; position:relative; z-index:100; left:0;}*/
.cssplay_menu {
    margin: 25px auto; 
    /*width:1528px;*/ 
    height:70px; 
    z-index:100;
    border: 1px solid hsl(225, 22%, 93%);
    /*border: 2px solid hsl(0, 0%, 95%);*/
    background-color: hsl(202, 95%, 46%);
}
.cssplay_menu .innermenu {
    display: grid;
    grid-template-columns: 263px auto 263px;
    gap: 0rem;
    /*align-items: center;*/
    /*justify-content: space-evenly;*/
    /*place-content: center;*/
}
.dlogo {
    position: relative;
    top: 8px;
    left: 30px;
}
.cssplay_toggle {display:none;}
.cssplay_menu .innermenu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
.cssplay_menu .innermenu ul {display:inline-block;} 
.cssplay_menu .innermenu ul {*display:inline;}

.cssplay_menu .innermenu li {margin:0; padding:0; list-style:none;}
.cssplay_menu .innermenu li.close {display:none;}

.cssplay_menu .innermenu li {display:inline-block; display:inline;}
.cssplay_menu .innermenu ul ul {position:absolute; left:-9999px; border:1px solid var(--color-white); border-top:0;}
.cssplay_menu .innermenu > ul {margin:10px auto;}
.cssplay_menu .innermenu > ul > li {float:left; display:block; position:relative;}
.cssplay_menu .innermenu ul ul li a {border-bottom: 2px solid #EDEDED; padding: 2px 6px 2px 6px; margin: 0px 16px 0px 16px; min-width: 160px;}
.cssplay_menu .innermenu ul ul li a.last {border-bottom: 2px solid var(--color-white); padding: 2px 6px 2px 6px; margin: 0px 16px 0px 16px; min-width: 160px;}
.cssplay_menu .innermenu > ul > li.has-sub > a {background-image:url(images/space.gif); background-repeat: no-repeat; background-position: right center;}
.cssplay_menu .innermenu ul ul > li.has-sub > a {background-image:url(images/right.png); background-repeat: no-repeat; background-position: right center;}
.cssplay_menu .innermenu ul li.left ul > li.has-sub > a {background-image:url(images/left.png); background-repeat: no-repeat; background-position:left center;}

.cssplay_menu .innermenu ul li b {display:block; width:100%; height:45px; background:transparent; position:relative; z-index:10;
-webkit-transition: 0s 0.5s;
transition: 0s 0.5s;
}
.cssplay_menu .innermenu ul ul li b {margin-top:-45px;}

.cssplay_menu .innermenu ul li b {*display:none;}

.cssplay_menu .innermenu ul {background: transparent;}
.cssplay_menu .innermenu ul ul {background: hsl(0, 0%, 95%);z-index: 100;}
a.isactive:link, a.isactive:visited, a.isactive:hover, a.isactive:active {color:hsl(209, 99%, 38%);}

/*.cssplay_menu .innermenu a {display:block; font-family: "Inter", arial, sans-serif; font-size: 24px; font-weight: 700; line-height:45px; text-decoration:none; color:#5A5757; padding: 0px 22px 0 13px;}*/
.cssplay_menu .innermenu a {display:block; font-family: 'opensanscondbold', arial, sans-serif; font-size: 1.5rem; font-weight: 700; line-height:45px; text-decoration:none; color:#fff; padding: 0px 22px 0 13px;} /*font*/
.cssplay_menu .innermenu a.isactive:link, .cssplay_menu .innermenu a.isactive:visited, 
.cssplay_menu .innermenu a.isactive:hover, .cssplay_menu .innermenu a.isactive:active {color:hsl(30, 99%, 68%);} /*hsl(209, 99%, 38%)*/
.cssplay_menu .innermenu > ul > li > a {float:left;}

.cssplay_menu .innermenu ul li:hover > ul {visibility:visible; left:-1px; top:45px; opacity:1;}
.cssplay_menu .innermenu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-46px;}
.cssplay_menu .innermenu li.left:hover > ul {visibility:visible; left:auto; right:-1px; top:45px;}
.cssplay_menu .innermenu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-46px;}
.cssplay_menu .innermenu ul li:hover > b {width:0;}

.cssplay_menu .innermenu li.left ul a {text-align:right; padding:0 10px 0 30px;}

.cssplay_menu .innermenu li:hover > a,
.cssplay_menu .innermenu li.left ul li:hover > a {color:hsl(202, 90%, 82%); text-decoration:none;}

/* this is the stylesheet when the menu is viewed on a device with a max width of 1024 pixels */
.cssplay_menu_mini {height:100%; width:300px; overflow:scroll; overflow-x:hidden; background:rgba(220,220,220,0.8); 
    background: rgba(220,220,220,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(220,220,220,0.7) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(220,220,220,0.7)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(220,220,220,0.7) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(220,220,220,0.7) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(220,220,220,0.7) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(220,220,220,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c934', endColorstr='#86ca33', GradientType=0 );
    position:fixed; right:-300px; top:0; z-index:110;
    -webkit-overflow-scrolling: touch;
}
.cssplay_menu_mini + .cssplay_toggle {
    display:block; width:60px; height:40px; background: transparent url(images/menu-icon_s.png) no-repeat left center; position:fixed; right: 0px; top:24px; color:#F5F5F5; cursor:pointer; z-index:100; 
    border-radius:0 10px 10px 0; font:normal 16px/40px 'Inter', arial, sans-serif; font-weight: 500; color:#272727; text-align:right; padding-right:10px; /*font*/
-webkit-transition:0.25s;
transition:0.25s;
}

.cssplay_menu_mini + .cssplay_toggle:hover {right:0; background: transparent url(images/menu-icon.png) no-repeat left center;}
.cssplay_menu_mini ul {padding:0; margin:0 0 20px 0; list-style:none; background:transparent; width:100%; border:1px solid rgba(255,255,255,0.2); border-top:0; text-align:left;}
.cssplay_menu_mini ul ul {background:rgba(220,220,220,0.5) ; width:calc(100% - 30px); margin-left:15px;}
.cssplay_menu_mini ul ul ul {background: rgba(240,240,240,1.0); width:calc(100% - 30px);}
.cssplay_menu_mini ul ul ul ul {background: rgba(240,240,240,1.0); width:calc(100% - 30px);}
.cssplay_menu_mini ul li {position:relative; border-top:1px solid rgba(255,255,255,0.2);}
.cssplay_menu_mini li.close {display:block; height:40px; font:normal 18px/40px 'Inter', arial, sans-serif; font-weight: 500; color:var(--color-white); text-align:left; padding-left:50px; background:#5A5757 url(images/close.png) no-repeat 10px center; cursor:pointer;} /*font*/
.cssplay_overlay {position:fixed; right:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); display:none; cursor:pointer;z-index:105;}

.cssplay_menu_mini ul li a {display:block; font:normal 18px/40px 'Inter', arial, sans-serif; font-weight: 500; color:#363636; text-decoration:none; text-indent:10px;} /*font*/
.cssplay_menu_mini b {display:none;}

.lower {
    text-transform: lowercase; 
}
.search_toggle {display: none;}
.gdprMsgClose {
    position: absolute;
    right: -14px;
    top: -14px;
    display: block;
    width: 4em;
    height: 4em;
    text-align: center;
    transform: rotateZ(45deg);
}
.gdprMsgClose > label::after {
    content: "+";
    font-size: 3em;
    color: #5A5757;
    cursor: pointer;
}
.btngdpr {
    position: relative;
    top: 12px;
    left: 34px;
    color: var(--color-white);
    background-color: #3BB4E8;
    padding: 0.4em 2.2em;
    margin: 4px 0px 8px 0px;
    cursor: pointer;
    letter-spacing: 1px;
    border: none;
    font-size: 1rem;
    font-family: 'Inter';
    font-weight: 500;
    letter-spacing: 1px;
}
a.btngdpr:link, a.btngdpr:visited {
    color: var(--color-white);
    text-decoration: none;
}
a.btngdpr:hover,a {
    color:var(--color-white);
    text-decoration: underline;
}
@media only screen and (max-width: 599px) {
    #gdprMsg {
        display: none;
        height: 6rem;
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: rgba(243,243,243,1);
        padding: 30px 12px 8px 12px;
        height: 130px;
        font-size: 0.85rem;
    }
}
@media only screen and (min-width: 600px ) {
    #gdprMsg {
        display: none;
        position: fixed;
        bottom: 4em;
        left: 4em;
        overflow: hidden;
        background-color: rgba(243,243,243,.9);
        box-sizing: content-box;
        border: 1px solid #60AAE2;
        padding: 12px 12px 12px 12px;
        z-index: 260;
        width: 380px;
        height: 102px;
        color: #000;
        font-size: 0.85rem;
    }
    .gdprMsgText {
        max-width: 379px;
    }
}
@media screen and (min-width: 962px) {
    #gdprMsg {
        display: none;
        position: fixed;
        bottom: 4em;
        left: 4em;
        overflow: hidden;
        background-color: rgba(243,243,243,.9);
        box-sizing: content-box;
        border: 1px solid #60AAE2;
        padding: 12px 12px 12px 12px;
        z-index: 260;
        width: 390px;
        height: 110px;
        color: #000;
        font-size: 0.85rem;
    }
    .gdprMsgText {
        max-width: 388px;
    }
}
/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .cssplay_menu ul ul li a {border-bottom: 2px solid #EDEDED; padding: 2px 16px 2px 16px; margin: 0px; min-width: 160px;}
    .cssplay_menu ul ul li a.last {border-bottom: 2px solid var(--color-white)FFF; padding: 2px 16px 2px 16px; margin: 0px; min-width: 160px;}
}*/
@media only screen and (min-width:1087px) and (max-width:1152px) {
    /*.cssplay_menu{width:980px;text-align:left;height:52px;position:relative;z-index:100;left:26px;top:37px}*/
    .cssplay_menu .innermenu {
        grid-template-columns: 223px auto 263px;
    }
}
@media only screen and (min-width:1152px) and (max-width:1400px) {
    /*.cssplay_menu{width:980px;text-align:left;height:52px;position:relative;z-index:100;left:56px;top:37px}*/
    .cssplay_menu .innermenu {
        grid-template-columns: 153px auto 263px;
    }
    .cssplay_menu .innermenu a {
        font-size: 1.2rem;
        padding: 0px 13px 0 10px;
    }
    .dlogo {
        position: relative;
        top: 12px;
        left: 14px;
    }
}
@media only screen and (min-width:1401px) and (max-width:1680px) {
    /*.cssplay_menu {width:980px; text-align:left; height:52px; position:relative; z-index:100; left: 6vw; top: 65px;}
    .cssplay_menu a {padding: 0px 24px 0 26px;}*/
}