@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
    align-items: center;
}
body {
    padding: 0;
    padding-top: 3vw;
    overflow:hidden;
    
}
body.about {
    overflow-y: auto;
}
html {
    touch-action: none;
    overscroll-behavior: none;
}
img {
    display: block;
}
a {
    text-decoration: none;
    color: black;
}
a:hover {
    font-style: italic!important;
}
.lila {
    color: mediumblue;
}
.lila:hover {
    font-style: normal!important;
    color: #7600ff;
}
br {
    line-height: 30px;
}
br.noDist {
    line-height: 0px;
}
div.aboutLegal br {
    line-height: 0px;
}
div.aboutLegal p {
    margin-bottom: 1vw;
}
.italic{
    font-style: italic!important;
    z-index: 102!important;
}
.italicLowestLevel{
    font-style: italic!important;
    z-index: 80!important;
}
.show {
    display: block!important;
}
.hide {
    display: none!important;
}
.burgercheck {
    background-color: yellow;
}


/***** HEADER *****/

div.nav, div.info {
    position:fixed;
    font-family:'krete';
    text-transform:;
    font-weight: 400;
    font-size: 8vw;
    line-height: 1.3;
}
div.nav a:hover{
    padding-right: 1.2em;
}
div.info a:hover{
    padding-left: 0.5em;
}
body.indexhtml div.nav{
    z-index: 91;
}
div.nav {
    width: 80vw;
    left: 7vw;
    text-align: left;
    z-index: 80;
}
div.krypttypeface{
    top: 56vw;
    width: 7em;
}
div.hushwindow{
    top: calc(56vw + 10vw);
    width: 6.5em;
}
div.farbendeszerfalls{
    top: calc(56vw + 20vw);
    width: 8.7em;
}
div.dermonoton{
    top: calc(56vw + 30vw);
    width: 6.4em;
}
div.bellevuedimonaco{
    top: calc(56vw + 40vw);
    width: 9em;
}
div.code{
    top: calc(56vw + 50vw);
    width: 5.3em;
}
div.mhmmagazin{
    top: calc(56vw + 60vw);
    width: 7.6em;
}
div.tourist{
    top: calc(56vw + 70vw);
    width: 4.2em;
}
div.derkleineflo{
    top: calc(56vw + 80vw);
    width: 6.7em;
}
div.pigment{
    top: calc(56vw + 90vw);
    width: 5.2em;
}
div.info{
    width: 6em;
    right: 3vw;
    text-align: right;
    z-index: 102;
}
div.edithfredel{
    top: 6vw;
    right: 17vw;
}
div.work{
    top: calc(6vw + 10vw);
    right: 17vw;
    display: none;
}
div.contact{
    top: calc(6vw + 20vw);
    right: 17vw;
    display: none;
}
div.about{
    top: calc(6vw + 30vw);
    right: 17vw;
    display: none;
}


/***** BURGERMENU *****/

div.burgermenu {
    display: block;
    position: fixed;
    top: 6.3vw;
    right: 3vw;
    width: 9vw;
    z-index: 100;
    cursor: pointer;
}
#burgerOpen {
    display: block;
    position: fixed;
    top: 6.3vw;
    right: 3vw;
    width: 9vw;
}
#burgerClose {
    display: none;
    position: fixed;
    top: 6.3vw;
    right: 3vw;
    width: 9vw;
}



/***** PROJECTS *****/

div.projects {
    position: relative;
    left: 0vw;
    top: 0vw;
    width:;
    background-color:;
    z-index:/*don't fill!*/;
}
div.projects div/*coverimg*/{
    z-index: 90;
}






/***** KRYPTTYPEFACE COVER *****/

div.krypttypefaceCover {   
    position:static;
    height: 120vh;
}
div.krypttypefaceCover1 {
    position: absolute;
    width: 50vw;
    height: 67vw;
    top: calc(10vw + 20vh);
    right: 7vw;
}
div.krypttypefaceCover2 {
    position: absolute;
    width: 55vw;
    height: 40vw;
    top: calc(33vw + 35vh);;
    left: 25vw;
    background-color: aquamarine;
    z-index: 89!important;
}



/***** HUSH WINDOW COVER *****/

div.hushwindowCover {
    position: relative;
    height: 120vh;
}
div.hushwindowCover1 {
    position:absolute;
    width: 70vw;
    height: 50vw;
    top: 40vh;
    left: 20vw;
    background-image: url(p/hushwindow/hushwindowCover-d.jpg);
    background-size: cover;
}



/***** CODE COVER *****/

div.codeCover {
    position: relative;
    height: 120vh;
}
div.codeCover1 {
    position: absolute;
    width: 70vw;
    height: 39vw;
    top: 50vh;
    right: 0vw;
    background-image: url(p/code/codeCover-d.png);
    background-size: contain;
}


/***** BELLEVUE DI MONACO COVER *****/

div.bellevuedimonacoCover {
    position: relative;
    height: 120vh;
}
div.bellevuedimonacoCover1 {
    position: absolute;
    width: 75vw;
    height: 112.5vw;
    top: 15vh;
    right: 3vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco08-d.jpg);
    background-size: contain;
}


/***** TOURIST COVER *****/

div.touristCover {
    position: relative;
    height: 120vh;
}
div.touristCover1 {
    position: absolute;
    width: 50vw;
    height: 75vw;
    top: calc(180px);
    right: 3vw;
    background-image: url(p/tourist/tourist04-d.jpg);
    background-size:cover;
}
div.touristCover2 {
    position: absolute;
    width: 25vw;
    height: 36.5vw;
    top: calc(420px);
    left: 17vw;
    background-image: url(p/tourist/tourist03-d.jpg);
    background-size:cover;
}


/***** MHM MAGAZIN COVER *****/

div.mhmmagazinCover {
    position: relative;
    height: 120vh;
}
div.mhmmagazinCover1 {
    position: absolute;
    width: 75vw;
    height: 50vw;
    top: 0;
    right: 3vw;
    background-image: url(p/mhmmagazin/mhmmagazin03-d.jpg);
    background-size:cover;
}
div.mhmmagazinCover2 {
    position: absolute;
    width: 50vw;
    height: 75vw;
    top: 50vh;
    left: 0vw;
    background-image: url(p/mhmmagazin/mhmmagazin06-d.jpg);
    background-size:cover;
}


/***** DER MONOTON COVER *****/

div.dermonotonCover {
    position: relative;
    height: 120vh;
}
div.dermonotonCover1 {
    position: absolute;
    width: 80vw;
    height: 18vw;
    top: 16vh;
    left: 0vw;
    border: 0.1vw solid #dbdbdb;
    background-image: url(p/dermonoton/dermonotonCover.gif);
    background-size: cover;
}


/***** FARBEN DES ZERFALLS COVER *****/

div.farbendeszerfallsCover {
    position: relative;
    height: 120vh;
}
div.farbendeszerfallsCover1 {
    position: absolute;
    width: 85vw;
    height: 51vw;
    top: calc(3vw + 50vh);
    right: 0vw;
    background-image: url(p/farbendeszerfalls/farbendeszerfallsCover.jpg);
    background-size: cover;
}


/***** PIGMENT COVER *****/

div.pigmentCover {
    position: relative;
    height: 120vh;
}
div.pigmentCover1 {
    position: absolute;
    width: 60vw;
    height: 40vw;
    top: 23vh;
    left: 33vw;
    background-image: url(p/pigment/pigment05-d.jpg);
    background-size:cover;
}
div.pigmentCover2 {
    position: absolute;
    width: 50vw;
    height: 75vw;
    top: 53vh;
    left: 17vw;
    background-image: url(p/pigment/pigment02-d.jpg);
    background-size:cover;
}


/***** DER KLEINE FLO COVER *****/

div.derkleinefloCover {
    position: relative;
    height: 120vh;
}
div.derkleinefloCover1 {
    position: absolute;
    width: 50vw;
    height: 94.5vw;
    top: calc(40vh - 30vw);
    left: 27vw;
    background-image: url(p/derkleineflo/derkleineflo04-d.jpg);
    background-size: contain;
    border: 1.5px solid black;
}




/***** PROJECT ELEMENTS *****/

div.projectElements {
    position: absolute;
    top:/*js,dont fill*/;
    left: 5vw;
    bottom: 4vh;
    width: 92vw;
    height: auto;
    z-index:/*don't fill!*/; 
    overflow-y:scroll;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    overflow-x: hidden;
    background-color:#fafafa;
}
div.projectElements #description {
    z-index:100;
}
div.projectElements div {
    z-index: 90;
}



/***** DESCRIPTIONMENU *****/

div.descriptionmenu {
    display: block;
    position: relative;
    top: 1vw;
    left: calc(35px + 2vw);
    width: 9vw;
    cursor: pointer;
}
#descriptionOpen {
    display: block;
    position: fixed;
    width: calc(25px + 2vw);
}
#descriptionClose {
    display: none;
    position: fixed;
    width: calc(25px + 2vw);
}
div.goBack {
    position: relative;
    top: 1vw;
    left: 1vw;
    width: 9vw;
    cursor: pointer;
    z-index: 100!important;
}
#goBack {
    position: fixed;
    width: calc(25px + 2vw);
}


/***** DESCRIPTION *****/

div.description{
    position: relative;
    font-family: 'ff-meta-web-pro', sans-serif;
    font-style: normal;
    word-spacing: /*-0.2vw*/;
    font-weight: 400;
    font-size: calc(12px + 0.5vw);
    line-height: 1.35;
    overflow:hidden;
}
a.subtitle {
    font-family: 'ff-meta-web-pro', sans-serif;
    font-weight: 400;
    font-size: calc(12px + 0.5vw);
    line-height: 1.35;
}
.subtitle {
    font-family: 'ff-meta-web-pro', sans-serif;
    font-weight: 400;
    font-size: calc(12px + 0.5vw);
    line-height: 1.35;
}
@media screen and (max-device-width: 800px) {
    div.description{
    position: relative;
    font-style: normal;
    word-spacing: /*-0.2vw*/;
    font-size: calc(13px);
    line-height: 1.35;
    overflow:hidden;
    }
    .subtitle {
    font-family: 'ff-meta-web-pro', sans-serif;
    font-size: 13px;
    }
    div.description p {
    position: fixed;
    top: calc(10vw + 4vh);
    display: none;
    padding: 7vh 0vw 3vw 2vw;
    width: 92vw;
    }
    br {
    line-height: 20px;
    }
    div.aboutLegal br {
    line-height: 0px;
    }
    div.aboutText br {
    line-height: 30px;
    }
    div.aboutText br.noDist {
    line-height: 0px;
    }
}

div.descriptionScreenBig {
    display: none;
}
div.description p {
    position: fixed;
    top: calc(10vw + 4vh);
    display: none;
    padding: 7vh 2vw 3vw 2vw;
    width: 85vw;
}


/***** KRYPTTYPEFACE ELEMENTS *****/


div.krypttypefaceElement1 {
    display: none;
}
div.krypttypefaceElement1m {
    position: absolute;
    width: 25vw;
    height: 34vw;
    top: calc(22vw + 9vh);
    right: 7vw;
}
div.krypttypefaceElement2 {
    display: none;
}
div.krypttypefaceElement2m {
    display: block;
    position: absolute;
    width: 75vw;
    height: 40.5vw;
    top: calc(43vw + 28vh);
    right: 0vw;
    border-top: 1px solid black;
}
div.krypttypefaceElement3 {
    display: none;
}
div.krypttypefaceElement3m {
    position: absolute;
    width: 40vw;
    height: 40vw;
    top: calc(105vw + 32vh);
    left: 5vw;
}
div.krypttypefaceElement4 {
    position: absolute;
    width: 25vw;
    height: 33vw;
    top: calc(120vw + 35vh);
    left: 33vw;
    background-color: aquamarine;
    margin-bottom: 10vw;
    z-index: 80!important;
}


/***** HUSHWINDOW ELEMENTS *****/


div.hushwindowElement1 {
    position: absolute;
    width: 75vw;
    height: 42.19vw;
    top: calc(50vh - 15vw);
    left: 10vw;
}
div.hushwindowElement2{
    position: absolute;
    width: 75vw;
    height: 112.5vw;
    top: calc(60vh + 26vw);
    left: 10vw;
}
div.hushwindowElement3{
    position: absolute;
    width: 75vw;
    height: 60vw;
    top: calc(68vh + 138vw);
    left: 10vw;
    background-image: url(p/hushwindow/hushwindow01-d.jpg);
    background-size: contain;
}
div.hushwindowElement4{
    position: absolute;
    width: 75vw;
    height: 112.5vw;
    top: calc(80vh + 193vw);
    left: 10vw;
    background-image: url(p/hushwindow/hushwindow02-d.jpg);
    background-size: contain;
}
div.hushwindowElement5{
    position: absolute;
    width: 75vw;
    height: 112.5vw;
    top: calc(87vh + 307vw);
    left: 10vw;
    background-image: url(p/hushwindow/hushwindow03-d.jpg);
    background-size: contain;
    margin-bottom: 7vw;
}




/***** DERMONOTON ELEMENTS *****/

div.dermonotonElement1 {
    position: absolute;
    width: 65vw;
    height: 25vw;
    top: calc(30vw + 12vh);
    right: 5vw;
}
div.dermonotonElement2 {
    position: absolute;
    width: 50vw;
    height: auto;
    top: calc(57vw + 20vh);
    right: 5vw;
}
div.dermonotonElement3 {
    position: absolute;
    top: calc(57vw + 20.5vh);
    right: 5.8vw;
    display: flex;
}
div.dermonotonElement3 div{
    width: 8vw;
    height: 8vw;
    margin-right: 1.2vw;
    cursor: pointer;
}


/***** FARBENDESZERFALLS ELEMENTS *****/

div.farbendeszerfallsElement1 {
    position: absolute;
    width: 50vw;
    height: 33vw;
    top: 5vw;
    right: 0vw;
    background-image: url(p/farbendeszerfalls/fabendeszerfalls01-d.jpg);
    background-size: cover;
}
div.farbendeszerfallsElement2 {
    position: absolute;
    width: 25vw;
    height: 17vw;
    top: calc(60vw - 3vh);
    left: 5vw;
    background-image: url(p/farbendeszerfalls/fabendeszerfalls02-d.jpg);
    background-size: cover;
}
div.farbendeszerfallsElement3 {
    position: absolute;
    width: 70vw;
    height: 47vw;
    top: calc(90vw - 3vh);
    right: 5vw;
    background-image: url(p/farbendeszerfalls/fabendeszerfalls03-d.jpg);
    background-size: cover;
}
div.farbendeszerfallsElement4 {
    position: absolute;
    width: 55vw;
    height: 83vw;
    top: calc(170vw - 5vh);
    left: 0vw;
    background-image: url(p/farbendeszerfalls/fabendeszerfalls04-d.jpg);
    background-size: cover;
}
div.farbendeszerfallsElement5 {
    position: absolute;
    width: 25vw;
    height: 38vw;
    top: calc(230vw - 3vh);
    right: 3vw;
    background-image: url(p/farbendeszerfalls/fabendeszerfalls05-d.jpg);
    background-size: cover;
}
div.farbendeszerfallsElement6 {
    position: absolute;
    width: 67vw;
    height: 45vw;
    top: calc(290vw - 3vh);
    left: 8vw;
    margin-bottom: 8vw;
    background-image: url(p/farbendeszerfalls/fabendeszerfalls06-d.jpg);
    background-size: cover;
}



/***** BELLEVUE DI MONACO ELEMENTS *****/

div.bellevuedimonacoElement1 {
    position: absolute;
    width: 40vw;
    height: 60vw;
    top: 26vw;
    right: 4vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco01-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement2 {
    position: absolute;
    width: 35vw;
    height: 47vw;
    top: 100vw;
    left: 0vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco02-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement3 {
    position: absolute;
    width: 35vw;
    height: 47vw;
    top: 123.4vw;
    left: 37vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco02-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement4 {
    position: absolute;
    width: 35vw;
    height: 47vw;
    top: 149vw;
    left: 0vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco02-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement5 {
    position: absolute;
    width: 35vw;
    height: 47vw;
    top: 172.4vw;
    left: 37vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco02-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement6 {
    position: absolute;
    width: 60vw;
    height: 40vw;
    top: 260vw;
    left: 4vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco03-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement7 {
    position: absolute;
    width: 30vw;
    height: 30vw;
    top: 310vw;
    right: 10vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco04-d.gif);
    background-size: cover;
}
div.bellevuedimonacoElement8 {
    position: absolute;
    width: 75vw;
    height: 50vw;
    top: 370vw;
    right: 0vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco05-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement9 {
    position: absolute;
    width: 25vw;
    height: 33.2vw;
    top: 440vw;
    left: 26vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco06-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement10 {
    position: absolute;
    width: 25vw;
    height: 33.2vw;
    top: 440vw;
    left: 52vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco06-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement11 {
    position: absolute;
    width: 25vw;
    height: 33.2vw;
    top: 440vw;
    left: 78vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco06-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement12 {
    position: absolute;
    width: 25vw;
    height: 33.2vw;
    top: 474.5vw;
    left: 0vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco06-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement13 {
    position: absolute;
    width: 25vw;
    height: 33.2vw;
    top: 474.5vw;
    left: 26vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco06-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement14 {
    position: absolute;
    width: 25vw;
    height: 33.2vw;
    top: 474.5vw;
    left: 52vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco06-d.jpg);
    background-size: cover;
}
div.bellevuedimonacoElement15 {
    position: absolute;
    width: 65vw;
    height: 49vw;
    top: 545vw;
    right: 3vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco07-d.gif);
    background-size: cover;
}
div.bellevuedimonacoElement16 {
    position: absolute;
    width: 75vw;
    height: 120vw;
    top: 615vw;
    left: 5vw;
    background-image: url(p/bellevuedimonaco/bellevuedimonaco08-d.jpg);
    background-size: cover;
    margin-bottom: 15vw;
}

/***** CODE ELEMENTS *****/

div.codeElement1m{
    position: absolute;
    width: 70vw;
    height: 39vw;
    top: 40vw;
    right: 4vw;
    background-image: url(p/code/code01-m.gif);
    background-size: cover;
}
div.codeElement1 {
    display: none;
}
div.codeElement2{
    position: absolute;
    width: 50vw;
    height: 27.8vw;
    top: 86vw;
    right: 4vw;
    background-image: url(p/code/code02-d.png);
    background-size: cover;
    margin-bottom: 8vw;
}



/***** PIGMENT ELEMENTS *****/

div.pigmentElement1 {
    position: absolute;
    width: 45vw;
    height: 30vw;
    top: 30vw;
    right: 0vw;
    background-image: url(p/pigment/pigment01-d.jpg);
    background-size: cover;
}
div.pigmentElement2 {
    position: absolute;
    width: 35vw;
    height: 52.2vw;
    top: 40vw;
    left: 2vw;
    background-image: url(p/pigment/pigment02-d.jpg);
    background-size: cover;
}
div.pigmentElement3 {
    position: absolute;
    width: 30vw;
    height: 20vw;
    top: 85vw;
    right: 5vw;
    background-image: url(p/pigment/pigment03-d.jpg);
    background-size: cover;
}
div.pigmentElement4 {
    position: absolute;
    width: 65vw;
    height: 43.3vw;
    top: 130vw;
    right: 5vw;
    background-image: url(p/pigment/pigment04-d.jpg);
    background-size: cover;
}
div.pigmentElement5 {
    position: absolute;
    width: 92vw;
    height: 61.3vw;
    top: 200vw;
    left: 0vw;
    background-image: url(p/pigment/pigment05-d.jpg);
    background-size: cover;
}
div.pigmentElement6 {
    position: absolute;
    width: 65vw;
    height: 96.6vw;
    top: 345vw;
    right: 6vw;
    background-image: url(p/pigment/pigment06-d.jpg);
    background-size: cover;
}
div.pigmentElement7 {
    position: absolute;
    width: 50vw;
    height: 36.6vw;
    top: 290vw;
    left: 7vw;
    background-image: url(p/pigment/pigment07-d.jpg);
    background-size: cover;
}

/***** TOURIST ELEMENTS *****/

div.touristElement1 {
    position: absolute;
    width: 50vw;
    height: 75vw;
    top: 16vw;
    left: 0vw;
    background-image: url(p/tourist/tourist01-d.jpg);
    background-size: contain;
}
div.touristElement2 {
    position: absolute;
    width: 30vw;
    height: 45vw;
    top: 65vw;
    right: 5vw;
    background-image: url(p/tourist/tourist02-d.jpg);
    background-size: cover;
}
div.touristElement3 {
    position: absolute;
    width: 60vw;
    height: 90vw;
    top: 150vw;
    right: 0vw;
    background-image: url(p/tourist/tourist03-d.jpg);
    background-size: cover;
}
div.touristElement4 {
    position: absolute;
    width: 45vw;
    height: 67.5vw;
    top: 195vw;
    left: 0vw;
    background-image: url(p/tourist/tourist04-d.jpg);
    background-size: cover;
}
div.touristElement5 {
    position: absolute;
    width: 30vw;
    height: 45vw;
    top: 254vw;
    right: 7vw;
    background-image: url(p/tourist/tourist05-d.jpg);
    background-size: cover;
}
div.touristElement6 {
    position: absolute;
    width: 70vw;
    height: 105vw;
    top: 360vw;
    left: 5vw;
    background-image: url(p/tourist/tourist06-d.jpg);
    background-size: cover;
}
div.touristElement7 {
    position: absolute;
    width: 40vw;
    height: 60vw;
    top: 435vw;
    right: 6vw;
    background-image: url(p/tourist/tourist07-d.jpg);
    background-size: cover;
    margin-bottom: 20vw;
}



/***** MHMMAGAZIN ELEMENTS *****/

div.mhmmagazinElement1 {
    position: absolute;
    width: 60vw;
    height: 40vw;
    top: 90vw;
    left: 6vw;
    background-image: url(p/mhmmagazin/mhmmagazin01-d.jpg);
    background-size: cover;
}
div.mhmmagazinElement2 {
    position: absolute;
    width: 35vw;
    height: 52.5vw;
    top: 8vw;
    right: 0vw;
    background-image: url(p/mhmmagazin/mhmmagazin02-d.jpg);
    background-size: contain;
}
div.mhmmagazinElement3 {
    position: absolute;
    width: 85vw;
    height: 61vw;
    top: 150vw;
    left: 0vw;
    background-image: url(p/mhmmagazin/mhmmagazin03-d.jpg);
    background-size: cover;
}
div.mhmmagazinElement4 {
    position: absolute;
    width: 35vw;
    height: 52.5vw;
    top: 247vw;
    left: 7vw;
    background-image: url(p/mhmmagazin/mhmmagazin04-d.jpg);
    background-size: cover;
}
div.mhmmagazinElement5 {
    position: absolute;
    width: 70vw;
    height: 46.6vw;
    top: 314vw;
    right: 0vw;
    background-image: url(p/mhmmagazin/mhmmagazin05-d.jpg);
    background-size: cover;
}
div.mhmmagazinElement6 {
    position: absolute;
    width: 50vw;
    height: 75vw;
    top: 385vw;
    right: 5vw;
    background-image: url(p/mhmmagazin/mhmmagazin06-d.jpg);
    background-size: cover;
}
div.mhmmagazinElement7 {
    position: absolute;
    width: 50vw;
    height: 36.6vw;
    top: 470vw;
    left: 0vw;
    background-image: url(p/mhmmagazin/mhmmagazin07-d.jpg);
    background-size: cover;
    margin-bottom: 30vw;
}


/***** DER KLEINE FLO *****/

div.derkleinefloElement1 {
    position: absolute;
    width: 50vw;
    height: 94.5vw;
    top: 30vw;
    right: 7vw;
    background-image: url(p/derkleineflo/derkleineflo01-d.jpg);
    background-size: contain;
    border: 1.5px solid black;
}
div.derkleinefloElement2 {
    position: absolute;
    width: 50vw;
    height: 94.5vw;
    top: 137vw;
    right: 7vw;
    background-image: url(p/derkleineflo/derkleineflo02-d.jpg);
    background-size: contain;
    border: 1.5px solid black;
}
div.derkleinefloElement3 {
    position: absolute;
    width: 50vw;
    height: 94.5vw;
    top: 244vw;
    right: 7vw;
    background-image: url(p/derkleineflo/derkleineflo03-d.jpg);
    background-size: contain;
    border: 1.5px solid black;
}
div.derkleinefloElement4 {
    position: absolute;
    width: 50vw;
    height: 94.5vw;
    top: 351vw;
    right: 7vw;
    background-image: url(p/derkleineflo/derkleineflo04-d.jpg);
    background-size: contain;
    border: 1.5px solid black;
    margin-bottom: 4vw;
}

/***** ABOUT *****/

div.aboutElement1 {
    position:;
    width: 91vw;
    height: 60.6vw;
    left: 0vw;
    background-image: url(p/about/about01-d.jpg);
    background-size: cover;
}
div.aboutElements {
    position: absolute;
    top: calc(27vh + 6vw);
    left: 5vw;
    width: 92vw;
    height: auto;
    z-index:/*don't fill!*/;
}
div.legalElements {
    position: absolute;
    left: 5vw;
    bottom: 4vh;
    width: 92vw;
    height: auto;
    z-index:/*don't fill!*/; 
    overflow-y:scroll;
    overflow-x: hidden;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    background-color:#fafafa;
}
div.aboutElements div {
    z-index: 90;
}
div.aboutText {
    margin-top: 5vw;
    left: 0vw;
}
div.aboutLegal {
    width: 80vw;
    margin-left: 2vw;
    margin-top: 5vw;
    margin-bottom: 5vw;
}


/***** TEST *****/

div.test {
    position: fixed;
    background-color: antiquewhite;
    font-size: 2.5vw;
    right: 5vw;
    bottom: 10vw;
    width: 35vw;
    height: 5vw;
    z-index: 200;
}