#desktopmenu{
            display: none;
        }
        #smartmenu{
            display: block;
        }
        .icon{
            width: 32px;
            margin-left: 10px;
            margin-right: 10px;
        }
        #mobilemenu{
            top: 0;
            left: -100%;
            width: 100%;
            position: fixed;
            height: 100%;
            z-index: 2000;
            display: block;
            background-image: url(images/transparent.png);
            transition: left 1s ease;
        }
        #mobilemenu a, #mobilemenu a:hover, #mobilemenu a:link, #mobilemenu a:visited{
            text-transform: uppercase;
            font-size: 20px;
            font-family: Amaranth;
            display: block;
            text-decoration: none;
            color: #fff;
            padding: 5px;
        }
        #close{
            position: absolute;
            display: block;
            right: 10px;
            top: 10px;
        }
        .pos{
            scroll-margin-top: 120px;

        }

          #desktopslider{
                position: relative;
                width: 98%;
                left: 1%;
            }
            #mobileslider{
                    display: none;
                    
            }
            
        h1{
            font-size: 26px;
        }   
        .header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            padding-top: 80vw;
            background-image: url('images/titelbild_mobile.jpg');
            background-size: cover;
            background-position: center 20%;
            transition: padding-top 1s ease;
            z-index: 1000;
        }
        .content {
            position: relative;
            left: 2%;
            width: 96%;
            margin-top: calc(80vw + 20px);
            height: auto;
            background: #f4f4f4;
        }        
        .logo{
            position: absolute;
            width: 60%;
            right: 20%;
            height: auto;
            top: 50%;
            transition: top 1s ease;
        }

        .shrink {
            padding-top: 30vw !important;
        }
        .menu-fixed {
            top: 30vw !important;
        }
        .logo-fixed{
            top: 10% !important;
            width: 50%;
            left: 25%;
            transition: left 0.4s ease, width 0.4s ease
        }
        
        .menu {
            text-decoration: none;
            position: fixed;
            top: calc(100vw / 1.25);
            z-index: 1100;
            }