/* Eric Meyer CSS Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: sans-serif;
}
/* Eric Meyer CSS Reset */


body { background-image: url("hgstream.jpg"); background-attachment: fixed; background-color: #AFEEEE; background-repeat: no-repeat; background-size: cover; background-position: center; font-family: Verdana, Arial, Sans-Serif;}

/*
 background: Whitesmoke;
*/

h2 {
 font-weight: Normal;
}



form.anm { 
 width: 300px;
 margin: auto;
 margin_bottom: 3px;
 background-color: rgb(0, 200, 255, 0.1);
}



*:focus-visible {
  outline: Solid 2px Royalblue;
outline-offset: 1px;
}




.ghost_btn {
    background-color: rgba(255, 255, 255, 0.4); / Weiß mit 50% Transparenz /
    text-decoration: none;
    font-size: 100%;
    font-weight:400;
    color: #000 ;
    border: 2px solid #FFF;
    padding: 0.65em 1.7em;
    display: inline-block;
    overflow: hidden;
    border-radius: 4px;
    transition: all 0.6s ease 0s;
    cursor: pointer;
margin-top: 40px;
margin-left: 20px;
margin-right: 40px;
 }

a.ghost_btn:hover{
   background-color: rgba(255, 255, 255, 0.2);
   color: #F00;
font-size: 110%;
}



dir_list {
 margin-left: 20%;
 margin-top: 25px;
 width: 40%;
 height: 400px;
 padding: 12px;
 background-color: #ABCDEF;
 border-radius: 31px;
 border: Solid 5px #C0C0C0;
 overflow: auto; 
}



.log_form {
 margin-left: 25px;
 margin-top: 25px;
 width: 80%;
 height: 300px;    /* Setze die gewünschte Höhe */
 padding: 12px;    /* Optional: füge etwas Padding hinzu */
 background-color: #ABCDEF;
 border-radius: 31px;
 border: Solid 5px #C0C0C0;   /* Optional: füge einen Rand hinzu */
 overflow: auto; 
 overflow-y: scroll;    /* Aktiviere das vertikale Scrollen */
}



/*

*/