/*  https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_sidenav_buttons  */

.mySidenav a {
    position: fixed;
    transition: 0.3s;
    background-color: rgba(0,89,148,0.1);
    right: -104px;
    width: 144px;
    padding: 0 0 10px 0;
    border-radius: 30px 0 0 30px;
    border-top: 3px solid #2E75A5;
    border-left: 4px solid #2E75A5;
    border-bottom: 3px solid #2E75A5;
}

.mySidenav a:hover {
    right: 0;
    background-color: rgba(255,102,0,1.0);
}

.about {
    top: 3px;
}


/*  https://ppfeufer.de/css-bildwechsel-bei-mouseover/  */

.bildwechsel       {background: url(../images/infosOpen1.png) 10px 6px no-repeat; width: 130px; height: 26px; display:block;}
.bildwechsel:hover {background: url(../images/infosOpen2.png) 10px 6px no-repeat;}