@charset "utf-8";

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

.deskCases,
.deskDsgvo,
.deskImpressum,
.deskUeberMich{
    display: none;
}

/*################## 
#### breadcrumb ####
##################*/
nav {
    font-family: futura-pt-condensed, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    height: 80px;
}

nav>ol>li>a {
    font-size: 1.3em;
    letter-spacing: 2px;
    text-decoration: none;
    color: #fff;
}

nav>ol>li>a:first-child{
    margin-left: 20px;
}

nav>ol {
    list-style: none;
    justify-content: flex-start;
}

.navbar {
    height: 5vh;
}

.breadcrumb-small{
    background-color: #000;
}

.breadcrumb-large {
    display: none;
}

embed {
    display: none;
}

/*################################ 
############ Tablette ############
##################################*/

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

        /*################## 
        #### breadcrumb ####
        ##################*/

        nav > ol {
            margin-top: 15px;
        }
    
        nav > ol >li > a:first-child {
          margin-left: 45px;   
        }


}


/*################################ 
############ Desktop #############
##################################*/
@media all and (min-width:1200px){



    /*################# 
    ####### Logo ######
    ##################*/
    embed {
        display: block;
        position: absolute;
        top: 200px;
        left: 650px;
    }

    /*################## 
    #### Nav Desktop ###
    ##################*/

    nav > ul {
        list-style: none;
        position: absolute;
    }
    /*#### Kreis ###*/
    .deskUeberMich,
    .deskCases,
    .deskImpressum,
    .deskDsgvo {
        display: block;
        background-color: #fff;
        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;
        
}

    .deskUeberMich {
        top: 75px;
        left: 1000px;
    }

    .deskCases {
        top: 300px;
        left: 1000px;
    }


    .deskImpressum {
        top: 475px;
        left: 850px;
    }

    .deskDsgvo {
        top: 550px;
        left: 615px;
}


    /*################## 
    #### breadcrumb ####
    ##################*/
    .breadcrumb-small {
        display: none;
    }

    .breadcrumb-large {
        display: block;
        background-color: #000;
        display: flex;
        justify-content: center;
    }

    nav>ol>li {
        margin-left: -635px;
    }

}