@font-face {
    font-family: 'noi-grotesk';
    src: url('../fonts/NoiGrotesk-Regular.woff2') format('woff2');
    font-weight: 400;
}

.piktos {
    display: flex;
    justify-content: space-between;
}

.piktos__1 {
    margin-top: calc(100 / 1728 * 100vw);
    ;
    margin-bottom: calc(165 / 1728 * 100vw);
    align-items: flex-end;
}

.piktos__2 {
    margin-bottom: calc(165 / 1728 * 100vw);
    align-items: flex-end;
}

.piktos__3 {
    margin-bottom: calc(165 / 1728 * 100vw);
    align-items: flex-end;
}

.piktos__4 {
    margin-bottom: calc(165 / 1728 * 100vw);
    align-items: flex-end;
}

.piktos__6 {
    margin-bottom: calc(165 / 1728 * 100vw);
    align-items: flex-end;
}

.piktos__5 {
    margin-bottom: calc(165 / 1728 * 100vw);
    align-items: flex-end;
}


.body {
    background-color: rgb(0, 0, 0);
}

.bilder {
    padding: 50px 100px 50px 100px;
    width: 50%;

}

.about {

    font-size: 32px;
    font-family: noi-grotesk;
    color: rgb(255, 255, 255);
    transition: all 0.1s linear;
    text-decoration: none;
    margin-left: calc(60 / 1728 * 100vw);
    margin-top: calc(15/ 1728 * 100vw);
    display: flex;
}

.menu {

    font-size: 32px;
    font-family: noi-grotesk;
    color: rgb(255, 255, 255);
    margin-left: calc(210/ 1728 * 100vw);
    margin-top: calc(30/ 1728 * 100vw);
    display: flex;
}

.sprachen {
    margin-top: calc(30 / 1728 * 100vw);
    margin-left: calc(250 / 1728 * 100vw);
    font-size: 32px;
    font-family: noi-grotesk;
    color: rgb(255, 255, 255);
    display: flex;
}

.typo {
    display: flex;
    align-items: flex-start;
}

.about:hover {
    transform: scale(110%)
}

.menu-wort:hover {
    transform: scale(110%);
    transition: all 0.1s linear;
}

.bild:hover {
    transform: scale(130%)
}

.pics {
    justify-content: center;
}

.link {
    font-size: 200px;
}

.bild {
    width: 100%;
    height: 100%;
}

.link__prepress {
    /* 1728 Bildschirmgrösse */
    margin-left: calc(219 / 1728 * 100vw);
    width: calc(496 / 1728 * 100vw);
    height: calc(515 / 1728 * 100vw);
    display: flex;
}

.link__paris {
    margin-right: calc(219 / 1728 * 100vw);
    width: calc(519 / 1728 * 100vw);
    height: calc(543 / 1728 * 100vw);
    display: flex;
}

.link_blickwechsel {
    margin-left: calc(208 / 1728 * 100vw);
    width: calc(485 / 1728 * 100vw);
    height: calc(485 / 1728 * 100vw);
    display: flex;
}

.link_paris1 {
    margin-right: calc(219 / 1728 * 100vw);
    width: calc(519 / 1728 * 100vw);
    height: calc(545 / 1728 * 100vw);
    display: flex;
}

.link_foto1 {
    width: calc(523 / 1728 * 100vw);
    height: calc(314 / 1728 * 100vw);
    margin-left: calc(208 / 1728 * 100vw);
    position: flex;
}

.link_banner {
    width: calc(417 / 1728 * 100vw);
    height: calc(555 / 1728 * 100vw);
    margin-right: calc(253 / 1728 * 100vw);
    position: flex;
}

.link_london {
    width: calc(392 / 1728 * 100vw);
    height: calc(392 / 1728 * 100vw);
    margin-left: calc(244 / 1728 * 100vw);
    position: flex;
}

.link_fokus {
    width: calc(241 / 1728 * 100vw);
    height: calc(500 / 1728 * 100vw);
    margin-right: calc(341 / 1728 * 100vw);
    position: flex;
}

.link_typo {
    width: calc(420 / 1728 * 100vw);
    height: calc(588 / 1728 * 100vw);
    margin-left: calc(236 / 1728 * 100vw);
    position: flex;
}

.link_illustration {
    width: calc(521 / 1728 * 100vw);
    height: calc(311 / 1728 * 100vw);
    margin-right: calc(210 / 1728 * 100vw);
    position: flex;
}

.pikto_rot {
    position: absolute;
    width: calc(137 / 1728 * 100vw);
    height: calc(137 / 1728 * 100vw);
    margin-left: calc(1566 / 1728 * 100vw);
    margin-right: calc(24 / 1728 * 100vw);
    margin-top: calc(30 / 1728 * 100vw);
    position: fixed;
    display: flex;

}

.bilder1 {
    padding: 49px 109px 49px 109px;
}

.bilder2 {
    padding: 49px 864px 49px 109px;
}

.bilder3 {
    padding: 49px 109px 49px 328px;
}

.bilder4 {
    padding: 49px 109px 49px 109px;

}

.bilder5 {
    padding: 49px 864px 49px 109px;
}

.bilder6 {
    padding: 49px 109px 49px 328px;
}

.bilder10 {
    padding: 49px 109px 49px 864px;
}

.bilder12 {
    display: flex;
}
.bilder13 {
    display: flex;
}
.bilder14 {
    display: flex;
}
.bilder90 {
    display: flex;
}


.bilder15 {
    width: 50%;
    padding: 100px 110px 50px 110px;
    
}

.animation {
    padding: 49px 1050px 150px 109px;

}

.animation1 {
    padding: 49px 109px 150px 1050px;
    ;

}

.body2 {
    background-color: rgb(0, 0, 0);
}

.foto_titel {
    line-height: 160px;
    font-family: noi-grotesk;
    font-size: 190px;
    padding: 160px 330px 49px 109px;
    color: rgb(255, 255, 255);
}

.foto_text {
    font-family: noi-grotesk;
    font-size: 32px;
    padding: 0px 874px 49px 109px;
    color: rgb(255, 255, 255);
}

.nadine {
    padding: 49px 109px 49px 109px;
    width: 400%;
}

.body0 {
    background-color: rgb(0, 0, 0);
}

.body {
    font-size: 200px;
}


.versteckt {
    display: none;
}

.menupunkt {
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-size: 32px;
    font-family: noi-grotesk;

}


.info {
    margin-left: 10px;
    margin-top: calc(60/ 1728 * 100vw);
    list-style-type: none;
    
}

.info li {
    display: block;

}

.info a {
    display: block;
}

.sprachen :hover {
    transform: scale(110%)
}

.menupunkt:hover {
    transform: scale(110%)
}

.bilder30 {
    width: 50%;
    padding: 100px 110px 50px 110px;
}
.bilder31 {
    width: 50%;
    padding: 100px 110px 50px 110px;
}

 .about_me {
    display: flex;
 }