@font-face {
    src: url(fonts/Teko/Teko-VariableFont_wght.ttf);
    font-family: 'Teko';
}
    


    body {
   
     

        min-width: 360px;
        max-width: 1600px; 
       
              
    
        margin: 1rem;
        margin-left: auto;
        margin-right: auto;
       

        a:link {
            text-decoration: none;
            color:black; 
        }

        a:visited {
            color: black;
        }

          
        a:hover {
            text-decoration: underline ;
        }


        a:active {
            color: red;
        }

      
       

        h1 {
            font-family: 'Teko';
            font-size: clamp(2rem, 1rem + 5vw, 4rem);
            font-weight: bolder;
            margin-bottom: 1rem;
        }

        h2 {
            font-family: 'Teko';
            font-size: clamp(1.5rem, .75rem + 5vw, 3rem);
            font-weight: bold;
            margin-top: 0;
        }

        h3 {
            font-family: 'Teko';
            font-size: clamp(1.5rem, .5rem + 5vw, 3rem);
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 0;

        }
        h4 {
            font-family: 'Teko';
            font-size: clamp(1.5rem, .5rem + 4vw, 3rem);
            font-weight: 500;
            margin-top: 2rem;
            margin-bottom: 0;        
        }

        h5 {
            font-family: 'Teko';
            font-size: clamp(1.5rem, .5rem + 4vw, 3rem);
            font-weight: 450;
            margin-top: 0;
            margin-bottom: 0;        
        }

        p {
            font-family: 'Teko';
            font-size: clamp(1rem, .5rem + 3vw, 2rem );
            font-weight: normal;
            margin-top: 0;
            margin-bottom: 0;
        } 
        
        ul {
            font-family: 'Teko';
            font-size: clamp(1rem, .5rem + 3vw, 2rem );
            font-weight: normal;
            list-style-type: disc;
            margin-top: 0;
            margin-bottom: 0;
            margin-left: 3rem;
            padding-left: 1rem;
        }

        ol {
            font-family: 'Teko';
            font-size: clamp(1rem, .5rem + 3vw, 2rem );
            font-weight: normal;
            list-style-type: decimal;
            margin-top: 0;
            margin-bottom: 0;
            padding-left: 1rem;
        }
        


       .introbild {
                max-width: 1600;
                height: auto;
                margin-left: auto;
                margin-right: auto;
                margin-top: 1rem;
                align-items: center;
                object-fit: scale-down;
                justify-content: center;
                

       }

       .introbild img {
                width: 100%;
                height: auto;
                
                object-fit: scale-down;
                justify-content: center;
                align-items: center;


       }
        
        .banner {

                max-width: 1600px;
                height: auto;
                margin-left: 2rem;
                margin-right: 2rem;
                margin-top: 1.5rem;
                padding-left: 0rem;
                padding-right: 0rem;
                align-items: center;
                object-fit: scale-down;
                justify-content: center;
                
        }

        .banner img {
                width: 100%;
                height: auto;
                object-fit: scale-down;
                justify-content: center;
                align-items: center;
                
        }

           

        #logo img {
                width: auto;
                height: clamp(1.5rem, 1.2rem + 4vw, 6rem);             
        }

        
       .nav {
                display: flex;
                justify-content: center;
                align-items: center;
                margin-top: 1.5rem;
                font-family: Teko;
                font-size: clamp(1.5rem, 1rem + 2vw, 4rem);
                
               
                
        }
        nav {
            position: sticky;
            backdrop-filter: blur(8px);
            top: 0px;
        }
            

        nav ul {
                list-style: none ;
                margin: 0;
                padding: 0;
                padding-top: 1rem;

        }

        nav ul li a {
                padding: clamp(1rem, .5rem + .3vw, 4rem);
        }

        .footer {
                display: flex;
                justify-content: center;
                align-items: center;
                margin-top: 3rem;
                margin-bottom: 48px;
                font-family: Teko;
                font-size: clamp(1rem, .5rem + 2vw, 2rem);
                position: sticky;
        }

        footer ul {
                list-style: none;
                margin: 0;
                padding: 0;
        }

        footer ul li a {
                padding: clamp(1rem, .5rem + .3vw, 4rem);
        }
        
        section {
            align-items: center;
                max-width: 1600px;
                margin-left: 2rem;
                margin-right: 2rem;
                margin-top: 2rem;
                padding-left: 1rem;
                padding-right: 1rem;
        }



    }