body  {background-color: rgb(28, 28, 28);}


#sonne {z-index: -8;
    position: sticky; top:0px;
       margin-left:1%; margin-top:0px; 
       transform: scale(1.9);}


#logo {position: absolute; 
        top: 20px; 
        left: 4%;
        transform: scale(.8); }


h2 {color: #111; text-align: center; text-decoration: none;font-size: 40pt; font-weight: strong; margin-top: 45px; margin-left: 0px; width: auto; display: none;}

.auto { position: absolute; left: 2.5%; top: 280px;
        
        width:auto;}



.daten { 
         border-style: double; 
         border-width: 8px;             
         border-radius: 3mm;
         border-color: #111; 
         background-color: #ffff00; 
         text-align: center; 
         text-decoration: none;
    color: #111;
    padding-left: 25px; 
    padding-top: 8px; 
    padding-right: 20px; 
    padding-bottom: 8px;}


.daten_gelb { min-width: 380px;
              border-style: double;
              border-width: 8px;
              border-radius: 3mm;
              border-color: #111;
              background-color: rgb(189, 160, 45);
              text-align: center;
              padding-left: 25px;
              padding-top: 0px;
              padding-right: 20px;
              padding-bottom: 8px;
              margin-top: 10px; 
              font-size: 20px;}









.ablauf {position: absolute; left: 2%x; top: 2250px;
        color: #cccccc; 
        text-align: center; font-size: 35pt; font-weight: strong; margin-left: 0px; min-width:20%;
        border-style: double; 
        border-width: 8px;
        border-color: #cccccc;
        background-color: #3d995c;
        border-radius: 4mm;
        padding:20px 50px; 20px; 50px; } 

:hover.ablauf {text-decoration: underline; 
               text-decoration-color: #000; 
               color: #ff0000; }



.aaa {font-size: 24pt; color: #111; text-decoration: inherit;   } 
.bbb {font-size: 22pt; color: #111; }


.aa {border-style: double; 
     border-width: 8px; 
     border-radius: 3mm; 
     border-color: #000; 
     background: linear-gradient( 35deg, #dd8798 1%, rgb(221, 30, 60) 4%, #e82820 95%, #d42274); 
    text-align: center; 
    padding-left: 20px; padding-top: 5px; 
    padding-right: 20px; padding-bottom: 5px; 
    color: #ccc; font-size: 16pt;}


.a-wrapper {position: absolute; left:2%; top: 400px;}

.aa1 {position: relative; left: 20px;  max-width: 420px; }

.aa2 {position: relative; left:  0px;  max-width: 420px; }

.aa3 {position: relative; left:  0px;  max-width: 420px; }

.aa4 {position: relative; left:  0px; max-width: 420px; }

.aa5 {position: relative; left:  0px; max-width: 420px; }

.aa6 {position: relative; left:  0px; max-width: 420px; }

.aa7 {position: relative; left:  0px; max-width: 420px; }