@font-face {
    font-family: 'Yport';
    src: url(font/Yport-RegularItalic.otf) format('opentype');
}
body
{
    font-family: 'Yport';
    padding:0;
    margin:0;
    background-color:coral;
    line-height: 0;
    color:black;
    padding:1.2vw;
   
}
a:link{color: black;}
a:hover{text-decoration: line-through; color: black;}




.wrapper_1fr_text
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    font-size:5vw;
    letter-spacing: 1vw;
    line-height: 100%;
    
}

.wrapper_1fr_text_sub
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    font-size:1vw;
    letter-spacing: 0vw;
    line-height: 100%;
    
}

#subnav
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.list_text
{
    border-bottom: 1px solid black;
    width: 100%;
    font-size: 2.5vw;
    letter-spacing: 0vw;
    line-height: 200%;
    margin-top: 2vw;
    
    
}

#kern_text
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    font-size:5vw;
    letter-spacing: 1vw;
    line-height: 100%;
    display: none;
    
    
}

#lau_text
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    font-size:5vw;
    letter-spacing: 1vw;
    line-height: 100%;
    display: none;
    
    
}

#mbk_text
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    font-size:5vw;
    letter-spacing: 1vw;
    line-height: 100%;
    display: none;
    
    
}

#parzelle_text
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    font-size:5vw;
    letter-spacing: 1vw;
    line-height: 100%;
    display: none;
    
    
}

.wrapper_1fr_end
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    font-size:0.8vw;
    letter-spacing: 0.2vw;
    line-height: 100%;
    
}

#pictures
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    display: none;
    width:15vw;
    
}

.wrapper_3fr
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    
}

.wrapper_1fr
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    
}

.wrapper_2fr
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    
}

.wrapper_2fr
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    
}


@media screen and (orientation: portrait)
{
    .list_text
{
    border-bottom: 1px solid black;
    width: 100%;
    font-size: 3vw;
    letter-spacing: 0vw;
    line-height: 400%;
    margin-bottom:10vw;
    
    
}

.wrapper_3fr
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.2vw;
    overflow: hidden;
    padding-bottom: 2.2vw;
    
}

.wrapper_2fr
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.2vw;
    overflow: hidden;
    padding-bottom: 2.2vw;
    
}

#pictures
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    display: none;
    width:50%;
    
}

.wrapper_1fr_text
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    font-size:7vw;
    letter-spacing: 1vw;
    line-height: 100%;
    
}

#kern_text
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    font-size:7vw;
    letter-spacing: 1vw;
    line-height: 100%;
    display: none;
    
    
}

#lau_text
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    font-size:7vw;
    letter-spacing: 1vw;
    line-height: 100%;
    display: none;
    
    
}

#mbk_text
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    font-size:7vw;
    letter-spacing: 1vw;
    line-height: 100%;
    display: none;
    
    
}

#parzelle_text
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    font-size:7vw;
    letter-spacing: 1vw;
    line-height: 100%;
    display: none;
    
    
}

.wrapper_1fr
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.2vw;
    overflow: hidden;
    padding-bottom: 2.2vw;
    
}

#subnav
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom:2vw;
}

.wrapper_1fr_end
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    font-size:2.8vw;
    letter-spacing: 0.2vw;
    line-height: 100%;
    margin-bottom:4vw;
    
}

.wrapper_1fr_text_sub
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6vw;
    overflow: hidden;
    padding-bottom: 0.6vw;
    font-size:2.8vw;
    letter-spacing: 0vw;
    line-height: 120%;
    
}

body
{
    
    padding:2.2vw;
   
}



}