/*################################ 
############ Mobile ###############
##################################*/

/*################# 
#### burgermenu ###
##################*/

/*##### Burgermenu: Container #####*/
.mobile-container {
    display: block;
    display: flex;
    justify-content: flex-end;
}

.topnav #myLinks {
    display: none;
}

#swUeberMich {
    display: none;
}

/*##### Burgermenu: Icon #####*/
.topnav a.icon {
    display: block;
    position: fixed;
}

.icon {
    margin: 20px;
}


/*##### Kreis #####*/
.kreisMobil {
    display: block;
    position: fixed;
    position:absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    width: 180px;
    height: 180px;
    border-radius: 90px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    -ms-border-radius: 90px;
    -o-border-radius: 90px;
}

/*##### weißer Kreis #####*/
.kreisWeiss {
    background-color: #fff;
    color: #000;
}			

/*##### schwarzer Kreis #####*/
.kreisSW {
    background-color: #000;
    color: #fff;
}

/*##### Kreise + Typografie #####*/
a {
    text-decoration: none;
}

h4 {
    font-size: 1.8em;
    font-family: futura-pt-condensed, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
}


/*##### Kreise: Positionierung #####*/
.ueber-mich {
    right: 30px;
    top: 75px;
}

.cases {
    right: 75px;
    top: 200px
}

.impressum {
    right: 30px;
    top: 325px;
}

.dsgvo {
    right: 75px;
    top: 450px;
}



/*############################ 
############# desk ###########
##############################*/

@media all and (min-width:1200px){

    .mobile-container {
        display: none;
    }
    
}