@media (min-width:768px) and (max-width:979px) {
    .logo {
        width: 20rem;
        margin-top: 1rem;
        ;
    }
    .telephone {
        top: 0.25rem;
        font-size: 1.25em;
    }
    .showat768 {
        display: block;
    }
    .hideat768 {
        display: none;
    }
    .header-navigation {
        gap: 1rem;
    }
    .header-navigation .nav-main>ul>li>a,
    .header-navigation .nav-main>ul>li>.active,
    .header-navigation .nav-main>ul>li>.trail {
        font-size: 1.25rem;
    }
    .header-navigation .nav-main .level_2 .active,
    .header-navigation .nav-main .level_2 .trail,
    .header-navigation .nav-main .submenu .level_2 a,
    .header-navigation .nav-main .submenu .level_2 span {
        font-size: 1rem!important;
    }
    /*
#jump-to-nav {
    position:absolute;
    color:#fff;
    //float:right;
    margin-top:1.5rem;
    //margin-right:0.5rem;
    font-size:2rem;
    z-index:9999999;
    right:2rem;
}
*/
    /* Font Awesome Icons */
    .icon-4x {
        font-size: 3em;
    }
    #footer .scrollupbutton,
    #footer .scrollupbutton a,
    #footer .scrollupbutton a:hover,
    #footer .scrollupbutton a:visited,
    #footer .scrollupbutton a:active,
    #footer .scrollupbutton a:focus {
        right: 0;
    }
    /*----- navigation ------- */
    /*
.nav-main,
.nav-left {
    font-size:0.6em;
    margin-top:-42px;
    display:none;
}
*/
    /*----- layout ------- */
    .slidebox1 figure {
        //   float: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .caption {
        margin-bottom: 20px;
    }
    /*----- slider on demo content elements page ------- */
    .slidebox1 figure {
        opacity: 0.5;
    }
    .slidebox1 .rte {
        position: absolute;
        top: 0;
        opacity: 0.8;
    }
    /*
.sliderdemo .slidebox1 .image_container {
    right:-10px;
    opacity: 0.1;
    z-index: 55;
}
.sliderdemo .content-slider h1,
.sliderdemo .content-slider p {
    position:absolute;
    margin-right:10%;
    z-index: 99;
}
.sliderdemo .slidebox1 p {
    top:70px;
}
.sliderdemo .content-slider .slidebox1 h1,
.sliderdemo .content-slider .slidebox1 p {
    margin-right:10px;
    margin-left:20px;
}
/*----- forms ------- */
    #container .mod_login .text,
    #container .mod_login label {
        display: block;
    }
    #container .mod_login .text {
        width: 97%;
    }
    #container .mod_login .checkbox_container label {
        display: inline;
    }
    #container .mod_login .submit_container {
        margin-left: 0;
    }
    span.captcha_text {
        display: block;
    }
}