@media screen and (max-width: 1250px) {
	
    .desktopmenu {
        display: none;
    }
    
    /*------ BUTTON ------*/

    .menu-button {
        display: block;
    }
    
    .submenu {
    	display: none !important;
	}
	
	.mm-menu {
        display: block !important;
    }
}

@media screen and (max-width: 1024px) {

/*==========================================================================
01. HEADER
==========================================================================*/





    header {
        padding: 1.2em;
        height: auto;
    }

    /*------ LOGO ------*/

    header .logo {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
    }

    header .logo img {
        width: 90px;
    }

    header .logo .ce-above .ce-gallery {
        margin-bottom: 0;
    }
    
    /*------ SOLR SEARCH ------*/

    header .solrsearch {
        top: 0.7em;
        right: 3em;
        width: calc(100% - 4em);
    }

    header .tx-solr-q {
        height: 38px;
        border: none;
        width: 103px;
        padding: 0 1.6em 0 0.5em;
        float: right;
        position: relative;
        z-index: 2;
        background: transparent;
    }

    header .tx-solr-q:focus {
        width: 100%;
        background: #ffffff;
    }

    header #inputButton {
        z-index: 1;
        top: 8px;
        right: 7px;
        width: auto;
        height: auto;
    }

    header .tx-solr-q:focus +#inputButton {
        z-index: 3;
    }

    header .solrsearch ::-webkit-input-placeholder {
        color: #ffffff;
        display: none;
        font-size: 0;
    }

    header .solrsearch ::-moz-placeholder {
        color: #ffffff;
        display: none;
        font-size: 0;
    }

    header .solrsearch :-ms-input-placeholder {
        color: #ffffff;
        display: none;
        font-size: 0;
    }

    header .solrsearch :-moz-placeholder {
        color: #ffffff;
        display: none;
        font-size: 0;
    }

    /*------ MMENU ------*/

    .mm-menu > .mm-list {
        padding: 0 0 40px 0;
    }

    #mmenu {
        top: 60px;
    }

    .mm-menu.mm-front {
        box-shadow: none;
    }

    .mm-menu {
        width: 100%;
    }

    .mm-menu.mm-front {
        left: -100%;
    }

    #mmenu .menuUlLvl1 > .menuLvl1Li:first-child {
        background: #197b9d;
    }

    #mmenu .menuUlLvl1 > .menuLvl1Li:first-child a {
        padding-left: 44px;
        position: relative;
    }

    #mmenu .menuUlLvl1 > .menuLvl1Li:first-child a:before {
        position: absolute;
        content: " ";
        background: url(/fileadmin/templates/images/prosa_lock.png) no-repeat;
        width: 20px;
        height: 20px;
        top: 11px;
        left: 21px;
    }

    .mm-list > li > a, .mm-list > li > span {
        color: #197b9d;
        font-size: 1rem;
        font-family: "Montserrat", Helvetica, Arial, sans-serif;
    }

    #mmenu .menuUlLvl1 > .menuLvl1Li:first-child a {
        color: #ffffff;
    }

    .mm-menu.mm-white .mm-list > li > a.mm-subopen:after,
    .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
        border-color: #197b9d;
    }

    .mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
        border-color: transparent;
    }

    .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before {
        border: 1px solid transparent;
        width: 12px;
        height: 12px;
    }

    .mm-list a.mm-subopen:after {
        border-top: none;
        border-left: none;
    }

    .mm-list a.mm-subclose:before {
        border-bottom: none;
        border-right: none;
    }

    .mobile-phone,
    .mobile-mail {
        display: inline-block;
        width: 50%;
        background: #f3f3f3;
        height: 100px;
        text-align: center;
        padding: 4em 0 1em 0;
        font-size: 1rem;
        position: relative;
    }

    .mobile-phone a,
    .mobile-mail a {
        color: #c52c1a;
    }

    .mobile-phone a:before,
    .mobile-mail a:before {
        position: absolute;
        top: 18px;
        left: 50%;
        margin-left: -20px;
        content: "";
        width: 35px;
        height: 35px;
        background: url(/fileadmin/templates/images/phone_icon.png) no-repeat;
        background-size: contain;
    }

    .mobile-mail a:before {
        top: 23px;
        background: url(/fileadmin/templates/images/mail_icon.png) no-repeat;
    }

    .mobile-location {
        background: #c52c1a;
        text-align: center;
        padding: 1em 1em 1em 2em;
        font-size: 1rem;
    }

    .mobile-location a {
        color: #ffffff;
        position: relative;
    }

    .mobile-location a:before {
        position: absolute;
        top: -1px;
        left: -23px;
        content: "";
        width: 22px;
        height: 22px;
        background: url(/fileadmin/templates/images/find_os_icon.png) no-repeat;
        background-size: contain;
    }

/*==========================================================================
02. MAIN
==========================================================================*/

    main {
        padding: 0 0 0 0;
        background: #ffffff;
    }

    .submenu {
        display: none;
    }

    .submain,
    .submain.with_col,
    .right_col {
        float: none;
        width: 100%;
    }

    .full .main-container > div > h2 {
        text-align: center;
    }

    .find-more {
        width: calc(100% - 2em);
        margin: 0 auto;
        display: block;
        max-width: none;
    }

/*==========================================================================
03. FRONTPAGE
==========================================================================*/

    /*------ BANNER ------*/

    .hero-img {
        background: url(/fileadmin/templates/images/blivmedlem-mobile.jpg) no-repeat top center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .hero-img .ce-above .ce-gallery {
        display: none;
    }

    .hero-img .ce-bodytext {
        position: static;
        background: rgba(10,43,62,0.75);
        left: 0;
        max-width: none;
        width: 100%;
        height: 100%;
        padding: 2em 1em;
        top: 0;
        transform: none;
        text-align: center;
    }

    .hero-img .ce-bodytext h1 {
        font-size: 1.2em;
        margin-bottom: 2rem;
        position: relative;
    }

    .hero-img .ce-bodytext h1:after {
        content: "";
        width: 100px;
        height: 1px;
        background: #ffffff;
        position: absolute;
        bottom: -1rem;
        left: 50%;
        margin-left: -50px;
    }

    .hero-img .ce-bodytext p {
        font-size: 0.9em;
    }

    .hero-img .ce-bodytext a {
        width: 100%;
    }

    .hero-img > div > div:last-child .ce-bodytext p:before {
        display: none;
    }

    /*------ BANNER ------*/

    .articles-front a {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .small-banner img {
        max-width: none;
    }

    .small-banner .ce-textpic {
        overflow: hidden;
    }

    /*------ NEWS GENERAL ------*/

    .article {
        border: none;
    }

    /*------ OPINION ------*/

    .opinion-front .news-list-view a:last-child {
        display: none;
    }

    .opinion-front .news-text-container {
        padding: 1em 1em 0 1em;
    }

    /*------ EVENTS ------*/
    .events-front .article {
        border: 1px solid #e9e9e9;
    }

    /*------ ACTUAL ------*/

    .actual-front h2 {
        text-align: center;
    }

    .actual-front .article {
        border: 1px solid #e9e9e9;
    }

    .actual-front img {
        display: none;
    }

/*==========================================================================
04. SUBPAGE
==========================================================================*/

    .submain {
        padding: 1em;
    }

    .submain.detail-article {
        padding: 1em;
    }

/*==========================================================================
05. FOOTER
==========================================================================*/

    .footer-container {
        max-width: 1000px;
        margin: 0 auto;
        padding: 0;
    }

    footer ul {
        margin-bottom: 0;
    }

    footer li {
        margin-bottom: 1em;
    }

    .footermenu a {
        font-family: "Montserrat", Helvetica, Arial, sans-serif;
    }

}