/**
 * 81-responsive.css
**/


@media only screen and (max-width: 1300px) {
    .mod_article,
    .mod_sitemap,
    .section_header .inside,
    .section_footer .inside {
        width: 98%;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

    .mod_article.mod_heroslider {
        width: 100%;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2em;
    }

    .mod_article.fullsize {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .mod_article.fullsize .article_wrapper {
        width: 98%;
        max-width: 1200px;
        padding-left: 1%;
        padding-right: 1%;
    }

    .mod_teaser.medium {
        width: 47.3333333333%;
        margin-left: 2.6666666666%;
    }

    .mod_teaser.medium.first,
    .mod_teaser.medium:first-child {
        margin-right: 2.6666666666%;
    }

    .teaser_row > .mod_teaser.medium .slider-control,
    .teaser_row > .mod_teaser.medium .mod_teaser_link {
        width: 47.3333333333%;
    }

    .mod_slider .caroufredsel_wrapper {
        border-width: 0;
    }

    .mod_teaser_link {
        font-size: .875em;
        overflow: hidden;
    }

    .mod_teaser_link a {
        white-space: nowrap;
    }

    .mod_search_simple .formbody,
    .mod_search_simple .formbody input {
        max-width: 100%;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mod_search_simple .formbody {
        position: relative;
    }

    .mod_search_simple .formbody .text {
        width: 245px;
        margin-right: 30px;    
    }

    .mod_search_simple .formbody .submit {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        border: none;

    }
}

@media only screen and (min-width: 1201px) {
    .mod_mmenu,
    span.mobile_only {
        display: none !important;
    }
}

@media only screen and (max-width: 1100px) {
    .mod_search_simple,
    .mod_navigation_main {
        display: none;
    }

    .mod_mmenu_toggle {
        display: block;
    }
    
    .section_header .mod_changelanguage {
        right: 66px;
    }
    
    .section_header .mod_login {
        right: 120px;
    }
    
    .section_header .mod_user {
        right: 130px;
    }
    
    .mod_user_wrapper {
        right: 120px;
    }
}

@media only screen and (max-width: 1023px) {
    #left {
        width: 0;
    }
    
    #main {
        width: 100%;
    }
    
    .section_sidebar .mod_login,
    .section_sidebar .lost_password {
        display: none;
    }
    
    .section_container {
        margin-top: 77px;
    }
    
    blockquote {
        margin: 0 0 2em 0;
    }
    
    blockquote p {
        font-size: 24px;
    }
    
}

@media only screen and (max-width: 960px) {
    .mobile_hide {
        display: none !important;
    }

    .mod_article,
    .mod_sitemap,
    .section_header .inside,
    .section_footer .inside {
        width: 95%;        
        max-width: none;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .mod_branding {
        margin-left: 20px;
    }

    .mod_branding img {
        border-width: 0;
    }

    .mod_branding .slogan {
        display: block;
        margin-left: 0;
        line-height: 1.5;
    }

    .mod_teaser_link {
        font-size: .75em;
    }

    .mod_teaser_link a {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
        white-space: nowrap;
    }

    .mod_video {
        width: 500px;
        min-height: 250px;
        margin-left: auto;
        margin-right: auto;
    }

    .mod_video .image_container {
        position: static;

    }
    
    #left, #main {
        width: 100%;
    }

    .section_sidebar .mod_navigation_main {
        display: block;
    }

    .search_wrapper,
    .section_sidebar .menu_wrapper {
        width: 95%;
        max-width: none;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .section_header .mod_branding {
        margin-left: 0;
    }

    .mod_branding em {
        position: static;
    }

    .section_header .ce_text {
        margin-top: 6em;
    }

    .section_header .mod_login {
        right: 104px;
    }
    
    .section_header .mod_changelanguage {
        right: 50px;
    }
    .mod_mmenu_toggle {
        /*top: 45px;*/
        right: 0;
    }
    
    
	
	.mm-listitem strong {
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 10%;
		flex-basis: 10%;
		font-weight: normal;
		padding: .9em 10px .9em 20px;
	}
	.mm-listitem.mm-listitem_selected strong {
		color: #0057C0;
	}
    .section_header .mod_login {
        /*margin-top: 2em;*/
    }

    .section_sidebar .mod_search_simple {
        display: block;
    }
    
    button[type="submit"], .button {
            padding: 5px 15px;
            font-size: .85em;
    }
}

@media only screen and (max-width: 880px) {
    .section_footer .mod_contact {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .copyright,
    .section_footer .mod_customnav,
    .section_footer .mod_customnav ul {
        float: none;
        text-align: center;
    }

    .section_footer .mod_teaser_link {
        position: static;
    }

    .section_footer .mod_customnav {
        margin-top: 1em;
    }

    .mod_contact {
        min-height: 0;
    }

    .section_footer {
        position: relative;
    }

    .mod_sitemap .thin {
        width: 48%;
        margin-bottom: 1em;
    }

    .mod_sitemap .thin:nth-child(odd) {
        clear: both;
    }

    .mod_software .article_inside {
        padding: 0;
        border: none;
        border-width: 0;
        background: transparent;        
    } 

    .mod_video {
        float: none;
        margin-bottom: 0;
    }

    .section_main .ce_text.video_teaser {
        float: none;
        width: auto;
        max-width: 500px;
        margin: 0 auto 2em;
    }    
}

@media only screen and (max-width: 768px) {
    h1, h2 {
        font-size: 1.125em;
    }

    .image_container.float_left,
    .image_container.float_right,
    .image_container.float_left + .text_container,
    .image_container.float_right + .text_container {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .image_container.float_left img,
    .image_container.float_right img {
        display: block;
        margin: 0 auto;
    }

    .mod_teaser_link {
        font-size: .875em;
    }
    
    .mejs-poster,
    .mejs-overlay-play,
    .ce_player .mejs-container video,
    .ce_player .mejs-container {
        width: 100% !important;
        height: auto !important;
        
    }
    
    .ce_player {
        border: 1px solid #DDD;
    }
    
    .mejs-overlay-button {
        position: static;
        
        margin: 15% auto 0 auto;
        background-color: rgba(0,0,0,.2);
        border-radius: 5px;
    }
    
    .section_main .ce_text.landingpage {
        margin: 0;
    }
    
    .section_footer .inside, 
    .section_header .inside, 
    #container, 
    .inside {
        padding: 0;
    }
    
}

@media only screen and (min-width: 681px) and (max-width: 768px) {
    .mod_teaser_link a:after {
        margin-left: .125em;
    }
}


@media only screen and (max-width: 680px) {
    .mod_article,
    .mod_sitemap,
    .section_header .inside,
    .section_footer .inside {
        width: 90%;        
        margin-left: 5%;
        margin-right: 5%;        
    }

    .section_footer {
        min-height: 0;
    }

    .section_footer .mod_contact.first {
        display: none;
    }

    .mod_contact_form .formgroup,
    .mod_teaser.medium,
    .mod_teaser.small,
    .ce_text.medium,
    .ce_text.small {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .mod_article + .mod_sitemap {
        opacity: 0;
        visibility: hidden;
        margin-top: 0em;
        height: 2em;
    }

    .mod_contact_form .submit {
        display: block;
        margin: 1em auto;
    }

    .mod_branding {
        left: 0;
        margin: 1.5em 0
    }

    .mod_mmenu_toggle {
        right: 0;
    }

    .teaser_row > .mod_teaser.ce_sliderStart .slider-control,
    .teaser_row > .mod_teaser.small .mod_teaser_link,
    .teaser_row > .mod_teaser.medium .mod_teaser_link {
        position: static;
        width: 100%;
    }

    .mod_slider .caroufredsel_pagi,
    .mod_slider .caroufredsel_navi {
        display: none !important;
    }

    .mod_slider .ce_text .text_container h1 {
        font-size: .875em;
        line-height: 1.25;
    }    

    .mod_slider .ce_text.visible .text_container {
        left: .5em;
    }

    .mod_video,
    .mod_video .image_container {
        width: auto;
        height: auto;
        background: none;
    }
    .mod_video .image_container a,
    .mod_video .image_container .video_container {
        margin: 2em 10%;
    }

    .mod_video .image_container img {
        max-width: 100%;
    }    
    
    .mod_software {
        margin-top: 0;
        padding: 0 0 0 0;
    }
    
    h4 {
        margin-bottom: 0;
    }
    
    .mod_branding em {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .mod_branding .slogan {
        font-size: 14px;
    }

    .mod_sitemap .thin {
        float: none;
        width: 98%;
        margin-bottom: 1em;
    }
}