body{
            font-family: 'Open Sans', sans-serif;
            background-color: rgb(85, 90, 86);
            margin: 0;
        }
     
        header{
            width: 100%;
            height: 120px;
        
            
        }
         .center{
           
             display: flex;
             justify-content: center;
             align-items: center;
        }
        
        .teaser{
            width: 100%;
            height: 200px;
        }

        #teaser img{
           height: 100%;
           width: 100%;
           object-fit: cover;
        } 
              
        @media screen and (min-width:1000px) {
            #teaser {
                height: 300px;
            }
            
        }
        
        .LundZ{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .LundZ img{
            width: 700px;
            padding: 2px;
        }

        @media screen and (max-width:600px) {
            .LundZ img {
                width: 400px;
            }
        }

                      

        nav{
            position: sticky;
            top: 0;
        }

        nav ul{
            list-style: none;
            margin: 0;
            padding: 0;
            padding-top: 24px;
            padding-bottom: 24px;
            backdrop-filter: blur(11px);
           
        }

        nav ul li a{
            font-optical-sizing: 20px;
            color: rgb(184, 154, 98);
            padding: 16px;
        }


         .einleitung{
            max-width: 1000px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 15px;
            font-size: 17px;
            color: aqua;
            margin-bottom: 100px;

        }    

    
        .a2{
            font-size: 16px;
            
        }
        .T2{
            color: white;
        }   
       
        

        .Bu1{
            background-color: rgb(70, 72, 72);
            text-align: center;
                        
                        
        }

        .Bu1:hover{
            background-color: rgb(74, 77, 78);
        }

       
        #bota{
        display: grid;
        place-items: center;
        min-height: auto;
        margin: 0;
        background-color: rgb(74, 77, 78);
        
        
        }

       #taschstyle{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0,5rem;
        margin: 5px;
        border-color: black;
        background-color: rgb(74, 77, 78);
        
       }
       #taschenrechner * {
        color:inherit;
         }


       #anzeige{
        grid-column: span 4;
        border: 2px solid #75afdb;
        border-radius: 0.5em;
        padding: 0.5em;
        text-align: end;
        display: flex;
        flex-direction: column;
        gap: 0.5em;
        color: aqua;
        margin-bottom: 20px;
        margin-top: 40px;

        }
        
        #rechenweg-anzeige{
            line-height: 1.2;
            height: 1.2em;
        }

        #eingabefeld {
            background-color: transparent;
            border: none;
            font-size: 2rem;
            text-align: inherit;
        }
        #eingabefeld:focus-visible{
            outline: none;
        }
        #anzeige:focus-within{
            outline: 1px solid white;
        }

        #rechenweg-anzeige.fehler {
            color: red;
        }
        .taste{
            font-size: 1.2rem;
            padding: 1em 2em;
            border-radius: 0,25em;
            border-color: rgb(145, 145, 145);
            background-color: rgb(84, 87, 87);
            color: aqua;
            cursor:pointer;
            transition: background-color 0.2s; 
        }

        .taste:hover{
            background-color: rgb(100, 100, 97); 
        
        }


     
        .anschrift{
            text-align: center;
            color: rgb(226, 227, 228);
            font-size: 16px;
            padding-top: 5%;
            margin-bottom: 10%;
        }