@media (max-width: 700px) {

    .nav-wrapper{
        position: relative;
        height: 1px!important;
        min-height: 5px!important;
    }
    li.cell{
        width: 100%!important;
        float: left;
        clear: both;
    }
    .sub-nav-institute{
     display: block!important;   
    }
    .sub-nav-person{
        display: block!important;    
    }
    .half-box{
        width: 100vw;
    }
    .float-right:before{
        shape-outside: none;
    }
    .float-left:before{
        shape-outside: none;
    }
    #termine{
        width: 100vw;
        padding-left: 0px;
    }
    
    .float-left:before, .float-right:before{
         margin-top: auto;
    width: auto;
    height: auto;
    }
    
    .icon_pic {
        right: 0;
        left: 0;
    }
    .icon {
        width: 100vw;
        height: auto;
    }
    .top-title {
        position: relative;
        top: 40vh;
        right: 20px;
    }
    .bar-wrapper {
        font-size: 0.6em!important;
        bottom: 0;
        min-height: 70px;
        height: 70px;
    }
    .box {
        padding: 10px;
    }
    .person div {
        bottom: 20px;
        left: 20px;
    }
    .astra {
        position: relative;
        display: block;
        padding: 0px;
        margin: 0px;
    }
    .inst-box {
        width: 100vw!important;
    }
    .contact-box {
        width: 100%;
    }
  
#vita dd{
    width: 100%;
}
    #termine dd{
        float: right;
    }
    
    #termine{
        width: 80vw;
        margin: auto;
    }
    #termine dt{
        clear: both;
        float: left;
    }


    .inst-box dl{
        text-align: center;
        margin: auto;
    }
}