body {
        font-family: 'HostGrotesk-Regular', sans-serif;
        background-color: rgb(255, 255, 255);
        font-size:small;
    }


    .textcursiv {
        text-align: left;
        font-style: italic;
    }

    .cvtextcursiv {
        text-align: left;
        width: 90%;
        font-style: italic;
    }


    .textbold {
        font-weight: 700;
    }

    a {
        text-decoration: underline;
        color:blue
    }

    a:hover{
        text-decoration: underline;
        font-weight: bold;
    }

    b{
        font-weight: 400;
        text-decoration: underline;
        color:rgba(0, 0, 255, 0.4)
    }

    .maincontent {
        text-align: left;
        width: 100%;
    }
   



    




    .grid{
        display: grid;
        grid-template-columns: 1fr 4fr 4fr 1fr;
        gap: 20px;
    }
    
    .img-grid{
        display: grid;
        grid-template-columns: 1fr 8fr 1fr;
        gap: 20px;
    }
    .img-grid-2{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
    
    .title-text{
        text-align: right;
    }
    
    p{
        margin-block-start: 1 em;
    }
    
    img {
        max-width: 100%;
        height: auto;
    }
    
   
   
   
    @media only screen and (max-width: 768px){
       body {
        padding-left: 5%;
        padding-right: 5%;
        font-size: 1em;
       }

        .grid{
            display: block;
        }
       
        .img-grid{
            display: block;
        }

        .img-grid-2{
            display: block;
        }

        .title-text{
            padding: 0px;
            text-align: left;
        }

        p{
            margin-block-start: 0;
        }

        img {
            max-width: 100%;
            height: auto;
        }
 
        
    }



       
    

       

        .navigation {
            position: fixed;
            top: 0;
            left: 0;
            padding-right: 2%;
            width: 98%;
            padding-top: 1cm;
            display: flex;
            justify-content: right;
            text-align: right; 
        }


        .home {
            transition: transform .1s;
            position: fixed;
            top: 1cm;
            left: 5%; 
        }

        .home:hover{
            transform: scale(1.2);
        }