body {
        font-family: 'Sanchez', serif;
        background-color: #0E0E10;
        padding-left: 2vw;
        padding-right: 2vw;
        padding-top: 0.5vw;
    }
    
    .container {
        display: grid;
        grid-template-columns: 15vw 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        gap: 0px 0px;
        max-height: 12vw;
        grid-template-areas:
            "bild test test"
    
    }
    
    .containerextern {
        display: grid;
        grid-template-columns: 15vw 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        gap: 0px 0px;
        max-height: 12vw;
        grid-template-areas:
            "test test test"
    
    }
    
    .containerexternindex { 
        display: grid;
        justify-items: center;
        grid-template-columns: 1fr 1fr ;
        grid-template-rows: 1fr 1fr ;
        max-height: 12vw;
        grid-template-areas:
          "Bild-1 Bild-2"
          "Bild-1 Bild-2";
      }
    
      .containertheme {
        display: grid;
        justify-items: center;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        gap: 0px 0px;
        max-height: 12vw;
        grid-template-areas:
            ". theme ."
    
    }

    .containertheme2 {
        display: grid;
        justify-items: center;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        gap: 0px 0px;
        max-height: 15vw;
        grid-template-areas:
            ". otter ."
            ". download .";
    }

    
    .image-container {
        margin-top: -3vw;
        display: grid;
        justify-items: center;
    }

    .image {
    border-radius: 1vw;
    width: 35vw;
    }


    .otter {
        grid-area: otter;
        margin-top: 0.5vw;
        max-width: 10vw;
    }
    
    .download {
        grid-area: download;
        margin-top: -1vw;
        max-width: 20vw;
    }
    
    .containerabschluss {
        display: grid;
        justify-items: center;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 0px 0px;
        max-height: 14vw;
        margin-top: 3.7vw;
        grid-template-areas:
            "zeugnisvorne zeugnisihk"
    
    }
    
    .zeugnisvorne{
        border-radius: 1vw;
        grid-area: zeugnisvorne;
        max-width: 31vw; 
        margin-bottom: 1vw;
    
    }
      
    .zeugnishinten{
        border-radius: 1vw;
        grid-area: zeugnishinten;
        max-width: 31vw; 
        margin-bottom: 1vw;
    
    }
    
    .zeugnisihk{
        border-radius: 1vw;
        grid-area: zeugnisihk;
        max-width: 31vw; 
        margin-bottom: 1vw;
    
    }
    
      .Bild-1 { 
        border-radius: 1vw;
        grid-area: Bild-1;
        width: 30vw;
        margin-bottom: 1vw;
    }
      
      .Bild-2 { 
        border-radius: 1vw;
        grid-area: Bild-2;
        width: 30vw;
        margin-bottom: 1vw; }
      
    
    
    .Header {
        
        grid-area: test;
    }
    
    
    .bild {
        max-width: 13vw;
        border-radius: 2vw;
        border: 0.15vw solid #969696;
    
    }
    
    .theme { 
        border-radius: 1vw;
        grid-area: theme;
        max-width: 30vw;
        margin-top: 1.4vw;
        margin-bottom: 1vw;
     }
    
    
    
    .schrift-header {
        font-size: 0.8vw;
        padding: 1.4vw;
    }
    
    .schrift-header-extern {
        font-size: 1vw;
        padding: 1.7vw;
    }
    
    .Menübox {
        border-radius: 1vw;
        background-color: #18181B;
        height: 5vw;
        margin-top: 0vw;
        border: 1px solid #969696;
    }
    
    h1 {
        list-style: none;
        overflow: hidden;
        text-decoration: solid;
        color: #DADADB;
        font-size: 1vw;
    }
    
    
    li a {
        color: #DADADB;
        border-radius: 13px;
        padding: 0.6vw 0.6vw;
        text-decoration: none;
    }
    
    li a.active {
        border-radius: 13px;
        background-color: #969696;
        text-decoration: none;
    }
    
    li a:hover:not(.active) {
        border-radius: 13px;
        background-color: #555;
        color: white;
        text-decoration: none;
    }
    
    ul {
        margin-top: -3.9vw;
        margin-right: 4vw;
        display: flex;
        justify-content: right;
        font-size: 0.9vw;
        list-style-type: none;
    
    }
    
    .Trenner-vom-header {
        border-radius: 1vw;
        background-color: #18181B;
        text-align: center;
        padding: 1vw;
        border: 1px solid #969696;
        margin-left: 20vw;
        margin-right: 20vw;
        margin-bottom: 1vw;
    }

    .Trenner-von-software {
        border-radius: 1vw;
        background-color: #18181B;
        text-align: center;
        padding: 1vw;
        border: 1px solid #969696;
        margin-left: 20vw;
        margin-right: 20vw;
        margin-bottom: 0vw;
        margin-top: 5vw;
    }

    .beschreibung {
        border-radius: 1vw;
        background-color: #18181B;
        text-align: center;
        padding: 1vw;
        border: 1px solid #969696;
        margin-left: 30vw;
        margin-right: 30vw;
        margin-top: 1vw;
    }