body{
    margin: 0;
    padding: 0;
    color: black;
}
a{
    text-decoration: none;
}
h1{
    font-size: 40px;
}
h2{
    font-size: 35px;
    text-decoration: underline;
}
a{
    text-decoration: none;
}
.link{
    font-size: 30px;
    word-break: break-word;
}
.section-a{
    height: 100vh;
    width: 100%;
}
.section-a .container{
    display: grid;
    grid-template-rows: repeat(6,1fr) 50px;
    grid-template-columns: repeat(5,1fr);
    width: 100%;
    height: 100%;
    justify-items: center;
    align-items: center;
    text-align: center;
}
.header{
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 3;
    grid-column-end: 4;
}
.field{  
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 3;
    grid-column-end: 4;
    width: 100%;
}
.protokollInput{
    grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 1;
    grid-column-end: 2;
}
.subDomainInput{
    grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 2;
    grid-column-end: 3;
}
.domainInput{
    grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 3;
    grid-column-end: 4;
}
.topDomainInput{
    grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 4;
    grid-column-end: 5;
}
.pfadInput{
    grid-row-start: 4;
    grid-row-end: 5;
    grid-column-start: 5;
    grid-column-end: 6;
}
.protokoll{
    grid-row-start: 5;
    grid-row-end: 6;
    grid-column-start: 1;
    grid-column-end: 2;
}
.subDomain{
    grid-row-start: 5;
    grid-row-end: 6;
    grid-column-start: 2;
    grid-column-end: 3;
}
.domain{
    grid-row-start: 5;
    grid-row-end: 6;
    grid-column-start: 3;
    grid-column-end: 4;
}
.topDomain{
    grid-row-start: 5;
    grid-row-end: 6;
    grid-column-start: 4;
    grid-column-end: 5;
}
.pfad{
    grid-row-start: 5;
    grid-row-end: 6;
    grid-column-start: 5;
    grid-column-end: 6;
}
.protokollDesc{
    grid-row-start: 6;
    grid-row-end: 7;
    grid-column-start: 1;
    grid-column-end: 2;
    width: 194px;
    text-align: center;
    align-self: flex-start;
}
.subDomainDesc{
    grid-row-start: 6;
    grid-row-end: 7;
    grid-column-start: 2;
    grid-column-end: 3;
    width: 194px;
    text-align: center;
    align-self: flex-start;
}
.domainDesc{
    grid-row-start: 6;
    grid-row-end: 7;
    grid-column-start: 3;
    grid-column-end: 4;
    width: 194px;
    text-align: center;
    align-self: flex-start;
}
.topDomainDesc{
    grid-row-start: 6;
    grid-row-end: 7;
    grid-column-start: 4;
    grid-column-end: 5;
    width: 194px;
    text-align: center;
    align-self: flex-start;
}
.pfadDesc{
    grid-row-start: 6;
    grid-row-end: 7;
    grid-column-start: 5;
    grid-column-end: 6;
    width: 194px;
    text-align: center;
    align-self: flex-start;
}
.obj1{
    grid-row-start: 7;
    grid-row-end: 8;
    grid-column-start: 1;
    grid-column-end: 2;
    z-index: 1;
}
.obj2 {
    grid-row-start: 7;
    grid-row-end: 8;
    grid-column-start: 2;
    grid-column-end: 3;
    z-index: 1;
}
.obj3 {
    grid-row-start: 7;
    grid-row-end: 8;
    grid-column-start: 3;
    grid-column-end: 4;
    z-index: 1;
}
.obj4 {
    grid-row-start: 7;
    grid-row-end: 8;
    grid-column-start: 4;
    grid-column-end: 5;
    z-index: 1;
}
.awr{
    grid-row-start: 7;
    grid-row-end: 8;
    grid-column-start: 5;
    grid-column-end: 6;
    justify-self: flex-start;
}
.social{
    grid-row-start: 7;
    grid-row-end: 8;
    grid-column-start: 5;
    grid-column-end: 6;
    justify-self: flex-end;
}
.footerBlack{
    grid-row-start: 7;
    grid-row-end: 8;
    grid-column-start: 1;
    grid-column-end: 6;
    background-color: black;
    width: 100%;
    height: 50px;
    bottom: 0;
    align-self: flex-end;
}
.btn{
        grid-row-start: 3;
        grid-row-end: 4;
        grid-column-start: 3;
        grid-column-end: 4;
        border-width:2px ;
        border-color: #a42a22;
        border-style: solid;
        border-radius: 5px;
        width: 60%;
        text-align: center;
}
.btn:hover{
    transition: 1s ease-in-out;
    background: #a42a22;
}

.btn1:hover{
    transition: 1s ease-in-out;
    background: #a42a22;
}
.da {
    display: block;
}
@media(max-width:764px)
{
    .da{
        display: none;
    }
    .section-a{
        height: 100%;
        width: 100vw;
    }
    .section-a .container{
        display: grid;
        grid-template-rows: repeat(19,1fr);
        grid-template-columns: 100%;
        width: 100vw;
        height: 100%;
        justify-items: center;
        align-items: center;
    }
    .header{
        grid-row-start: 1;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .field{  
        grid-row-start: 2;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: 2;
        width: 80%;
    }
    .btn{
        grid-row-start: 3;
        grid-row-end: 4;
        grid-column-start: 1;
        grid-column-end: 2;
        border-width:2px ;
        border-color: #a42a22;
        border-style: solid;
        border-radius: 5px;
        width: 50%;
        text-align: center;
}
    .protokollInput{
        grid-row-start: 5;
        grid-row-end: 6;
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .protokoll{
        grid-row-start: 6;
        grid-row-end: 7;
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .protokollDesc{
        grid-row-start: 7;
        grid-row-end: 8;
        grid-column-start: 1;
        grid-column-end: 2;
        width: 194px;
        text-align: center;
        align-self: flex-start;
    }
    .subDomainInput{
        grid-row-start: 8;
        grid-row-end: 9;
        grid-column-start: 1;
        grid-column-end: 1;
    }
    .subDomain{
        grid-row-start: 9;
        grid-row-end: 10;
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .subDomainDesc{
        grid-row-start: 10;
        grid-row-end:11;
        grid-column-start: 1;
        grid-column-end: 2;
        width: 194px;
        text-align: center;
        align-self: flex-start;
    }
    .domainInput{
        grid-row-start: 11;
        grid-row-end: 12;
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .domain{
        grid-row-start: 12;
        grid-row-end: 13;
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .domainDesc{
        grid-row-start: 13;
        grid-row-end: 14;
        grid-column-start: 1;
        grid-column-end: 2;
        width: 194px;
        text-align: center;
        align-self: flex-start;
    }
    .topDomainInput{
        grid-row-start: 14;
        grid-row-end: 15;
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .topDomain{
        grid-row-start: 15;
        grid-row-end: 16;
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .topDomainDesc{
        grid-row-start: 16;
        grid-row-end: 17;
        grid-column-start: 1;
        grid-column-end: 2;
        width: 194px;
        text-align: center;
        align-self: flex-start;
    }
    .pfadInput{
        grid-row-start: 17;
        grid-row-end: 18;
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .pfad{
        grid-row-start: 18;
        grid-row-end: 19;
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .pfadDesc{
        grid-row-start: 19;
        grid-row-end: 20;
        grid-column-start: 1;
        grid-column-end: 2;
        width: 194px;
        text-align: center;
        align-self: flex-start;
    }
}