@media (max-device-width: 940px) and (min-device-width: 767px), (max-width: 1200px) and (min-width: 979px) {
    #header img.headImg1 {
        height:40px;
    }

    body {
        font-size:70%;
        margin-top:75px;
    }
    
    #header {
        height:51px;
    }
    
    #nav_main > ul > li > a, #nav_main > ul > li > strong {
        padding:19px 5px !important;
    }
    
    #main {
        padding:0 7px;
    }
}

@media (max-device-width: 905px), (max-width: 1150px) {           
    .container {
        margin-right:0 !important;
    }
}

@media (max-device-width: 842px), (max-width: 1070px) {
    #leftsidebar {
        left:-150px;
        transition:1s ease all;
    }
    
    .container, .animated_teaser {
        width:auto;
    }
}

@media (max-device-height: 610px), (max-height: 775px) {
    #quick_info {
        display:none;
    }
}

@media (max-device-height: 480px), (max-height: 610px) {
    #left_flag3 {
        display:none;
    }
}

@media (max-device-width: 767px), (max-width: 979px) {
    * {word-break:break-word;}
    
    body {font-size:42px; overflow-x:hidden; margin-top:0}
    
    input, textarea {width:auto; font-size:100%; padding:5px;}
    
    .container {
        width:auto;
    }
           
    #header {height:auto; position:static}
    
    #headermain {
        padding:15px;
        width:auto;
        position:relative !important;
    }
    
    #headermain, #nav {
        display:block;
    }
    
    #header #topnav {font-size:80% !important; display:none; right:60px; z-index:32; margin-right:70px;}
    #header #topnav #quick_contact {color:#F00; font-size:300%; text-decoration:none;}
    #headermain > a {width:440px;}
    
    .aktDatum, #leftsidebar, #top_thema, #picture {display:none;}
    
    #header img.headImg1 {height:auto; width:100%; position:static;}
    
    #header div.tx-macinasearchbox-pi1 {left:0; right:0; bottom:20px;}
    
    #header div.tx-macinasearchbox-pi1 form {position:relative; z-index:1}
    
    #header div.tx-macinasearchbox-pi1 input[type="text"] {background-color:transparent !important; background-position:right 5px center; float:right; font-size:400%; opacity:0.4; width:124px; height:150px; border:0; padding:25px 35px; border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:0.4s ease all; background-size:auto;}

    #header div.tx-macinasearchbox-pi1 form input:focus {background-color:#F5F5F5 !important; opacity:1; width:100%}
    
    #teaser {margin-bottom:40px;}
    #teaser .rootline {margin-bottom:15px; max-width:670px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
    #teaser .rootline, #teaser .rootline a {font-size:20px !important}
    
    #mobile_flags {margin-bottom:50px;}
    .left_flag, .info_flag {height:auto; font-size:120%; border:0;background: #ffffff; /* Old browsers */
        left:auto;
    }
    .flag_gradient {display:none;}
    .head_h3 {text-align:center;}
    .left_flag h3, .left_flag .head_h3 {
        -webkit-transform:none;
        -moz-transform:none;
        transform:none;
    }
    .left_flag .flag_desc {padding:0 90px; background-repeat:no-repeat; background-position:10px center; background-size:10%; text-align:center;}
    .left_flag p, .left_flag .flag_desc {
        width:auto;
        height:auto;
        margin-left:0 !important;
        box-shadow:none !important;
    }
    #left_flag1 .flag_desc {background-image:url(embedded.png)}
    #left_flag2 .flag_desc {background-image:url(webapps.png)}
    #left_flag3 .flag_desc {background-image:url(embedded.png)}
    
    .quickinfo-responsive {text-align:center;}
    
    .langMenu img {width:65px; margin:0 1px !important; vertical-align:middle;}
    
    #page_margins {width:auto; margin:0;}
    
    #page {margin-right:auto; width:auto;}
    
    #main {padding:30px;}
    
    .upper {padding:0;}
    
    #col1 {display:none;}
    
    #col3 {margin:0; float:left; width:400px;}
    
    .flexi > div {float:none !important; margin:45px 0; width:auto !important}
    
    h1, h5 {font-size:80% !important; text-align:center; background:#F3F3F3; padding:30px 10px; color:#000; border-color:#A7A7A7;}
    
    p, h5, h1, li {height:auto !important; line-height:normal !important;}
    
    #col3 {background-image:none; padding-left:0;}
    
    .csc-textpic-imagecolumn img {width:100%;}
    
    .flexi > div, .flexi.three-cols .left, .flexi.three-cols .center, .flexi.three-cols .right, .flexi.two-cols .left, .flexi.two-cols .right {
        width:auto !important;
    }
    
    #main ul {margin-left:18px;}
        
    #footer {padding:5px 30px; font-size:60%;}
        
    #nav {margin-right:0;}
    #toggle_menu {display:block; text-align:center; background:#F00 url(menu.png) no-repeat 42px center; background-size:50px; padding:10px; text-decoration:none; font-size:210%; color:#fff;} 
    #nav_main {border-top:3px solid transparent; display:none;}
    #nav_main ul li {float:none !important; margin:0 !important;}
    #nav .menu > li:hover ul {display:none;} 
    #nav_main ul li a {padding:30px 23px !important; color:#000 !important; border-bottom:1px solid #E2E2E2;}
    #nav li:hover > a {background:#F1F1F1 !important;}
    #nav ul ul {position:static; background:#E2E2E2 !important; box-shadow:0px 0px 14px 0px #A7A7A7 inset; display:none; opacity:1 !important; visibility:visible !important; margin-top:0 !important; transition:none}
    #nav ul ul li {background:none; text-indent:15px; border-color:#CECECE; margin:0 !important;}
    #nav ul ul li a {border:0;}
    #nav_main ul a.active {color:#EC0000 !important;}
    
    .toggle .toggle_details {font-size:36px; padding:20px}
    
    


/*@media only screen and (max-device-width: 800px) {   */
    #col2, #col3 {float:none; width:auto;}
    
    .subcolumns > div {width:auto; margin:0; float:none}
    .subcolumns .subc, .subcolumns .subcl, .subcolumns .subcr  {padding:0;}
    
    DIV.csc-textpic IMG {width:auto; height:auto; max-width:100%}
    
    .csc-textpic-text {margin-left:37px;}
    
    /*Kontakt*/
    fieldset.tx-powermail-pi1_fieldset {padding:2px; border:0; background:none;}
    fieldset.tx-powermail-pi1_fieldset legend {display:none}
    fieldset.tx-powermail-pi1_fieldset label {display:block; float:none; width:auto;}
    fieldset.tx-powermail-pi1_fieldset input, fieldset.tx-powermail-pi1_fieldset textarea {width:95% !important; padding:2% !important;}
    fieldset.tx-powermail-pi1_fieldset .powermail_captcha.powermail_captcha_captcha {width:200px}
    fieldset.tx-powermail-pi1_fieldset .invalid {border:2px solid #F00 !important;}
    fieldset.tx-powermail-pi1_fieldset .tx_powermail_pi1_fieldwrap_html_submit {text-align:center;}
    fieldset.tx-powermail-pi1_fieldset input.powermail_submit {margin:0; width:97% !important; padding:10px 0 !important;}
    .error {visibility:hidden !important;}
    
    /*Suche*/
    .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {width:auto;}
    
}