#css-check {
    display:none;
}

.nav-button {
    display: none;
    left: 19px;
}

.service-button {
    display: none;
}

.secondary-button {
    display: none;
}

.szg-button {
    display: none;
}

.hrmob {
    display:none;
}

.congress #navPrimary {
    display:none!important;
}

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

    #navService h2 {
        display: none;
    }

    .navMain h3 {
        display: none;
    }

    .schnellzugriff h2 {
        display: none;
    }

    .hrmob {
        display: block !important;
        padding-top: 0 !important;
    }

    .congress #navPrimary {
        display:block!important;
    }

    /* Navigation Button
     -------------------------------------------------------- */
    .nav-button,
    .nav-button.open,
    #service-btn,
    #service-btn-left.open,
    #service-btn-right,
    #sbtn,
    .szg-button.open,
    .szg-button {
        image-rendering: -moz-crisp-edges;
        image-rendering: -o-crisp-edges;
        image-rendering: -webkit-optimize-contrast;
        -ms-interpolation-mode: bicubic;
    }

    .nav-button {
        display: block;
        position: fixed;
        top: 10px;
        left: 19px;
        width: 100px;
        height: 30px;
        background: url(../../Bilder/mobile/button_menue_closed.png@__blob=normal);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
        cursor: pointer;
        border: 0 none;
        z-index: 999;
        text-transform: uppercase;
        color: #FFFFFF;
        font-weight: 700;
        padding-left: 15px;
        font-size:140%;

    }

    .chrome .nav-button {
        position: absolute;
    }

    .nav-button.open {
        background: url(../../Bilder/mobile/button_menue_open.png@__blob=normal);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    #service-btn {
        margin-top: 0;
        text-align: left;
        text-transform: uppercase;
        color: #FFFFFF;
        font-weight: 700;
        display: inline;
        width: auto;
        height: 30px;
        background: url(../../Bilder/mobile/button_middle.png@__blob=normal);
        background-position: center center;
        background-repeat: repeat-x;
        background-size: 100% 100%;
        cursor: pointer;
        border: 0 none;
        float: left;
    }

    #service-btn-left.open {
        background: url(../../Bilder/mobile/button_left_open.png@__blob=normal);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    #service-btn-left {
        display: inline;
        float: left;
        width: 38px;
        height: 30px;
        background: url(../../Bilder/mobile/button_left_closed.png@__blob=normal);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        cursor: pointer;
        border: 0 none;
    }

    #service-btn-right {
        display: inline;
        width: 18px;
        height: 30px;
        background: url(../../Bilder/mobile/button_right.png@__blob=normal);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        cursor: pointer;
        border: 0 none;
    }

    #sbtn {
        margin-top: 0;
        text-align: left;
        text-transform: uppercase;
        color: #FFFFFF;
        font-weight: 700;
        display: inline;
        width: auto;
        height: 30px;
        background: url(../../Bilder/mobile/button_middle.png@__blob=normal);
        background-position: center center;
        background-repeat: repeat-x;
        background-size: 100% 100%;
        cursor: pointer;
        border: 0 none;
        float: left;
    }

    #sbtn-left.open {
        background: url(../../Bilder/mobile/button_left_open.png@__blob=normal);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    #sbtn-left {
        display: inline;
        float: left;
        width: 38px;
        height: 30px;
        background: url(../../Bilder/mobile/button_left_closed.png@__blob=normal);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        cursor: pointer;
        border: 0 none;
    }

    #sbtn-right {
        display: block;
        width: 18px;
        height: 30px;
        background: url(../../Bilder/mobile/button_right.png@__blob=normal);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        cursor: pointer;
        border: 0 none;
    }

    .szg-button.middle {
        margin-top: 0;
        text-align: left;
        text-transform: uppercase;
        color: #FFFFFF;
        font-weight: 700;
        display: inline;
        width: auto;
        height: 30px;
        background: url(../../Bilder/mobile/button_middle.png@__blob=normal);
        background-position: center center;
        background-repeat: repeat-x;
        background-size: 100% 100%;
        cursor: pointer;
        border: 0 none;
        float: left;
    }

    .szg-button.left.open {
        background: url(../../Bilder/mobile/button_left_open.png@__blob=normal);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .szg-button.left {
        display: inline;
        float: left;
        width: 38px;
        height: 30px;
        background: url(../../Bilder/mobile/button_left_closed.png@__blob=normal);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        cursor: pointer;
        border: 0 none;
    }

    .szg-button.right {
        display: block;
        width: 18px;
        height: 30px;
        background: url(../../Bilder/mobile/button_right.png@__blob=normal);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        cursor: pointer;
        border: 0 none;
    }

    /* Navigation Bar
     -------------------------------------------------------- */

    body {
        padding-top: 45px;
        background-image: none !important;
        width: 100%;
        -webkit-text-size-adjust: none;
    }

    #navPrimary {
        background-color: transparent !important;
        float: none;
        padding: 0;
        margin: 0;
        height: 55px;
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 997;
        display:none;
    }

    .chrome #navPrimary {
        position: absolute;
    }

    #navService {

        float: none;
        padding: 0;
        margin: 0 !important;
        height: 30px;
        width: 100% !important;
    }

    #wrapperDivisions #wrapperContent #content .row #navService {
        padding-bottom: 20px;
    }

    #navSecondary #navService {
        margin-bottom: 0;
    }

    #navService ul {
        margin-bottom: 0 !important;
    }

    .navMain {

        float: none;
        padding: 0;
        margin: 0;
        height: 100%;
        padding-bottom: 0;
        width: 95% !important;
    }

    .primary-nav {
        width: 100%;
        float: none;
        background-color: #FFFFFF;
        background-image: -webkit-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: -moz-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: -ms-linear-gradient(top, #FFFFFF, #F3F3F3);
        background-image: -o-linear-gradient(top, #FFFFFF, #F3F3F3);
        display: block;
        height: 50px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .6);
        position: fixed;
        top: 0;
        left: -10px;
        z-index: 998;
        clear: both;
    }

    .chrome .primary-nav {
        position: absolute;
    }

    .primary-nav li {
        display: none;
        width: 100%;
        font-family: Arial;
    }

    .primary-nav li a {
        display: block;
        width: 100%;
        padding: 10px 5%;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        border-top: 1px solid rgba(255, 255, 255, .1);
    }

    .primary-nav li a:hover {
        background-color: #005B82 !important;
        border-top-color: transparent;
    }

    #navPrimary li em a, #navPrimary li a:hover, #navPrimary li a:focus, #navPrimary li a:active, #navPrimary li strong {
        background-color: #005B82 !important;
    }

    .primary-nav > li:first-child {
        border-top: 1px solid rgba(0, 0, 0, .2);
    }

    .service-nav {
        width: 100%;
        float: none;
        background-color: #FFF;
        display: none;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
        font-size: 120% !important;
        clear: both;
    }

    .service-nav li {
        display: none;
        width: 100%;
        font-family: Arial;
    }

    .service-nav li a {
        display: block;
        width: 100%;
        padding: 10px 5%;
    }

    .service-nav li a:hover {
        border-top-color: transparent;
    }
    .secondary-nav {
        width: 100%;
        float: none;
        background-color: #FFF;
        display: none;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
        font-size: 120% !important;
        clear: both;
    }

    .secondary-nav li {
        display: none;
        width: 100%;
        font-family: Arial;
    }

    .secondary-nav li a {
        display: block;
        width: 90%;
        padding: 10px 5%;
    }

    .secondary-nav li a:hover {
        background-color: rgba(0, 0, 0, .5);
        border-top-color: transparent;
    }

    *[class*="szg-nav"] {
        width: 100%;
        float: none;
        background-color: #FFF;
        display: none;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
        font-size: 120% !important;
        clear: both;
    }

    *[class*="szg-nav"] li {
        display: none;
        width: 100%;
        font-family: Arial;
    }

    *[class*="szg-nav"] li a {
        display: block;
        width: 90%;
        padding: 10px 5%;
    }

    *[class*="szg-nav"] li a:hover {
        background-color: rgba(0, 0, 0, .5);
        border-top-color: transparent;
    }

    /* Toggle the navigation bar open  */
    #navPrimary.open {
        height: 100%;
        background-color: transparent;
        padding-top: 50px;
    }

    .primary-nav.open {
        height: auto;
        padding-top: 50px;
    }

    .primary-nav.open li {
        display: block;
    }

    #navService.open {
        height: auto;
        background-color: transparent;
        padding-bottom: 0;
    }

    .service-nav.open {
        display: block;
        height: auto;
        padding-top: 0;
        padding-bottom: 10px;
    }

    .service-nav.open li {
        display: block;
    }

    .navMain.open {
        height: auto;
        background-color: transparent;
        padding-bottom: 0;
    }

    .secondary-nav.open {
        display: block;
        height: auto;
        padding-top: 0;
        padding-bottom: 10px;
    }

    .secondary-nav.open li {
        display: block;
    }

    .schnellzugriff.open {
        height: auto;
        background-color: transparent;
        padding-bottom: 0;
    }

    *[class*="szg-nav"].open {
        display: block;
        height: auto;
        padding-top: 0;
        padding-bottom: 10px;
    }

    *[class*="szg-nav"].open li {
        display: block;
    }

    #wrapperInner {
        width: 100%;
        margin: 0;
    }

    #wrapperBranding {
        width: 100%;
        height: auto;
    }

    #stage {
        width: 100%;
        height: auto;
        overflow: none !important;
        margin-bottom: 0 !important;
    }

    #stage path, #stage circle, #stage h3.svg, #stage svg {
        display: none !important;

    }

    #stage .teaser h3, #stage .teaser h4, #stage .teaser a.more {
        color: #005B82 !important;
    }

    #stage .teaser a.more {
        background: url(../../Bilder/mobile/more_blue.png@__blob=normal) no-repeat scroll left 3px transparent;
        font-size: 150% !important;
    }

    #stage .teaser h4 {
        font-size: 150% !important;
    }

    .js-on #stage .teaser {
        width: 90%;
        position: relative;
        display: block !important;
        float: left;
        padding-bottom: 20px;
        padding-left: 20px;
    }

    .js-on #stage h2 {
        position: relative;
        left: 20px;
        top: 0;
        width: 90%;
        margin-bottom: 10px;
    }

    #stage h2 a {
        color: #005B82;
    }

    #stage .header {
        width: 90%;
        margin-top: 15px;
        margin-left: 20px;

    }

    #stage .header h1 {
        color: #005B82;
        font-size: 180%;
    }

    #stage .header div {
        color: #005B82;
        font-size: 150%;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    #stage .teaser {
        width: 100%;
        height: auto;
        margin-bottom: 0;
        background-image: none;
        padding: 2%;
        margin: 0;
    }

    #stage .teaser h3 {
        background-image: none;
        padding-top: 0;
    }

    #branding, #brandingInnen {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        height: auto;
    }

    #instHeaders {
        display: none;
    }

    #wrapperOuter,
    #siteInfo {
        width: 100%;
    }

    #navServiceFooter {
        padding: 0;
        width: 50%;
    }

    #navServiceFooter ul {
        padding-left: 20px;

    }

    #instNavi div.institute {
        width: 100%;
    }

    #siteInfo li, #popupLinks li {
        display: block;
    }

   <!-- auskommentiert durch Materna bzgl. Ticket 121
   #navServiceMeta {
        position: absolute;
        left: 6px;
        top: 53px;
        padding-right: 3px;
        font-size: 120%;
        z-index: auto;
    } 
-->

    .meldungsliste {
        width: auto;
    }

    .mantelHomepage .slot2, .mantelHomepage .slot4 {
        float: left;
        width: 100%;
    }

    .mantelHomepage .slot1, .mantelHomepage .slot3, .fokus {
        width: 100%;
    }

    #content .fokus .teaser {
        width: 100%;
    }

    .mantelHomepage #content .slot5 {
        width: 100%;
    }

    .meldungsliste .meldung img {
        width: 100% !important;
    }

    .news-list {
        width: 100%;
        font-size: 100% !important;
    }

    .events-box ul {
        font-size: 100% !important;
    }

    .meldung {
        width: 100%;
    }

    #searchTop {
        position: fixed;
        top: 13px;
        z-index: 1000;
        right: 0;
    }

    .chrome #searchTop {
        position: absolute;
    }

    #branding_1.outer p img, #branding p img {
        margin-left: -30px;
        padding-right: 10px;
        margin-top: 5px;
        padding-bottom: 10px;
        image-rendering: -moz-crisp-edges;
        image-rendering: -o-crisp-edges;
        image-rendering: -webkit-optimize-contrast;
        -ms-interpolation-mode: bicubic;
    }

    #branding_1.outer {
        position: static;
        width: 100%;
        z-index: auto;
        top: auto;
        left: auto;
    }

    #siteInfo p.logo {
        margin: 7px 0 0;
        width: 48%;
        padding-right: 2%;
    }

    #siteInfo p.logo img {
        width: 90%;
        float:right;
        /*        image-rendering: -moz-crisp-edges;
       image-rendering: -o-crisp-edges;
       image-rendering: -webkit-optimize-contrast;
       -ms-interpolation-mode: bicubic;*/
    }

    #navSecondary div {
        margin: 0;
    }

    /*#navSecondary div div{
      margin-top:-10px;
    }*/

    #navFunctions {
        display: none;
    }

    #branding_1.outer p, #branding p {
        margin: 0;
        padding: 0;
        float: left;
    }

    #branding_1.outer .close p, #branding .close p {
        float: right;
    }

    #instNaviLinkWrapper {
        z-index: 1001;
    }

    #wrapperInner #navBreadcrumbs {
        display: none;
    }

    #wrapperDivisions {
        margin: 0;
        width: 100%;
    }

    #wrapperContent {
        width: 100%;
        display: block;
        margin: 0;
    }

    #navSecondary {
        left: 0;
        width: 90%;
        display: block;
    }

    #wrapperContent #content,
    #content {
        width: auto;
        margin-right: 0;
        padding-right: 20px !important;
        margin-left: 0;
        padding-left: 20px !important;
    }

    #content #bereichseinstieg {
        width: auto;
        padding-right: 0;
    }

    #wrapperContent #content {
        font-size: 120%;
        padding-bottom: 0;
    }

    .home #supplement,
    #supplement {
        font-size: 120%;
        float: left;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 0px;
        width: auto;
        clear: both;
    }

    .home #supplement .twitter-teaser {
        margin-top: 0;
    }
    .home #supplement .mobile-spacer {
        height: 1px;
        overflow:hidden;
        font-size:500%;
        display: block;
    }

    #supplement .teaser .wrapper {
        padding: 0;
    }

    #supplement .teaser .wrapper h3 {
        font-size: 120%;
    }

    #content .teaser.trenner img {
        padding-top: 10px;
        padding-left: 10px;
    }

    #content .teaser.trenner div.box {
        padding-left: 10px;
        width: auto;
        padding-right: 10px;
    }

    #content .teaser.trenner.ttbild .box {
        width: auto;
    }

    #content.altGrid .teaser.trenner.ttbild .box {
        width: 90%;
    }

    #faq {
        width: 100% !important;
    }

    #faq img {
        width: 100% !important;
    }

    #content form p, #content form div {
        padding-left: 0px;
    }

    .formFieldcheckbox {
        width: auto;
    }

    #content .teaser-liste img {
        width: 100% !important;
    }

    #content .teaser-liste .wrapper img {
        width: auto !important;
    }

    #content table {
        width: auto !important;
        overflow: auto !important;
    }

    #content table tbody {
        width: auto !important;
        overflow: auto !important;
    }

    #content form {
        padding: 0.1em;
    }

    #content form table tbody tr td {
        display: block;
        float: left;
        width: 90%;
    }

    #content table tbody tr {
        overflow: auto !important;
        width: auto !important;
    }

    #content .header {
        padding-right: 0;
    }
    #content .slotContent .teaser.klein, #content.altGrid .teaser.klein {
        width: auto;
    }
    #content .teaser.klein .box.bild, #content .teaser-liste.breit .box.bild {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
        margin-right: 0;
    }

    #content .sectionRelated {
        margin-top: 2em;
    }

    #content p.picture.links {
        margin-right: 0;
        /*        width: 100% !important;*/
    }

    #content .events-box ul {
        min-height: 0;
    }

    #wrapperContent #content .meldungsliste .meldung .wrapper .text {
        font-size: 120%;
    }

    .js-on #instNavi {
        z-index: 1000;
        overflow: hidden;
    }

    .js-on #instNavi .close img {
        z-index: 1002;
        margin-left: 0;
        padding: 10px 0 0 0;
    }

    .js-on #instNavi .wrapper {
        width: 100%;
    }

    .js-on #instNavi div.start {
        width: 94%;
        margin: 0;
    }

    .js-on #instNavi div.institute {
        width: 94%;
        margin: 0;

    }

    .js-on #instNavi div.einrichtungen {
        width: 94%;
        margin: 0;

    }

    .js-on #instNavi li {
        font-size: 120% !important;
    }

    .teaser h2 {
        font-size: 120% !important;
    }

    .meldungsliste .meldung .teaserText {
        padding-right: 10px;

    }

    .meldungsliste {
        margin-right: 0 !important;
    }

    .js-on #branding_1 #instNaviLinkWrapper, .js-on #branding #instNaviLinkWrapper {
        border-radius: 5px;
        margin-right: 10px;
        margin-top: -5px;
        margin-bottom: 10px;
        margin-left: 5px;
    }

    .slot3, .slot4 {
        border: none;
    }

    .js-on #instNavi .institute ul {
        width: 90%;
    }

    .js-on #instNavi div.close {
        width: 95%;
    }

    .wrapperCol {
        width: 100%;
    }

    #content .formHandle {
        padding-left: 0;
    }

    #content .teaser-liste {
        width: 100%;
    }

    #content .teaser-liste .wrapper {
        width: 90%;
    }

    .zweispaltigMitHeader .slot1, .zweispaltigMitHeader .slot2, .zweispaltigMitHeader .slot3, .zweispaltigMitHeader .slot4 {
        width: 100%;

    }

    .nonvis {
        display: none !important;
    }

    #wrapperContent #content .meldungsliste .meldung {
        margin-bottom: 10px;
    }

    #navService ul li a, #supplement #navService ul li a {
        padding-right: 0 !important;
    }

    #content .pictureSubtext {
        margin-right: 2px;
    }

    #searchTop input[type="text"] {
        font-size:140%;
    }

    #navSecondary .navMain a:hover,
    #navSecondary .navMain a:focus,
    #navSecondary .navMain a:active,
    #navSecondary .navMain em a:hover,
    #navSecondary .navMain em a:focus,
    #navSecondary .navMain em a:active {
        background-image:none;
    }

    p.picture {
        width:100% !important;
        background-color: #E5EEF2;
    }

    p.picture img.resize-image {
        width: 100% !important;
    }
    /*p.picture img{
     width:100% !important;
   }*/

    #content .photogallery .picture {
        width: 48% !important;
        height:155px !important;
        margin-right: 2% !important;
        margin-top:1% !important;
        margin-bottom:1% !important;
    }

    #content .photogallery .picture p {
        margin-bottom: 0.25em !important;
    }

    div.photogallery .galleryillustration img, div.photogallery .scrollLinks, div.photogallery .galleryZoom{
        width:100% !important;
    }

    div.photogallery .scrollLinks {
        padding:0 !important;
    }

    div.photogallery .scrollLinks center {
        display:none;
    }

    div.photogallery .galleryZoomTitle {
        padding:5px !important;
        width:auto !important;
    }

    div.photogallery .galleryZoomTitle strong{
        padding:0 !important;
    }

    #content .servicecontact .wrapper div {
        padding-left:0;
    }

    .pbe.pbehover.hover {
        width:100% !important;
    }

    #content .bereichseinstieg .abstract {
        font-size:100% !important;
    }

    /* Institutsbereich
   -------------------------------------------------------- */

    #institut {
        width: 100%;
    }

    #institut.home #content {
        margin-right: 0;
    }

    #institut.home #wrapperContent {
        margin: 0;
    }

    #institut #header {
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }

    .headerIdentImg {
        display: none;
    }

    #institut #supplement {
        z-index: auto;
        padding-top: 0;
        margin-bottom: 20px;
        width: auto;
    }

    #supplement .schnellzugriff {
        margin-left: 0;
        margin-right: 0;
        z-index: auto;
        width: auto;
    }

    #institut #supplement #navService {
        margin-left: 0 !important;
        margin-right: 0 !important;
        z-index: auto;
        width: auto !important;
    }

    #institut #instHeaders {
        position: static;
        display: block;
        height: auto;
        margin-right: 20px;
        width: auto;
        min-height: 0;
    }

    #institut #wrapperOuter {
        /*margin-top:-30px;*/
    }

    .slot1, .slot2, .slot3, .slot4 {
        margin-right: 0;
    }

    #supplement .teaser {
        margin-left: 0;
        margin-right: 0;
        width: auto;
    }

    #content form[name="WarenkorbForm"] div {
        padding: 0;
    }
    #content form[name="WarenkorbForm"] table tr {
        border: 1px dotted;
    }
    #content form[name="WarenkorbForm"] table tr td {
        width: auto;
        border: none;
        display: table-cell;
        float: none;
        padding: 0.5em 0.4em;
    }

    #content form[name="WarenkorbForm"] table tr td input {
        width: 2em;
        margin: 0;
        padding: 0.45em 0.3em;
    }

    .opera .wrapperTable {
        position: relative;
        padding-top:0;
        overflow:auto !important;
    }

    #content .wrapperTable {
        position: relative;
        padding-top:10px;
        overflow:auto !important;
    }

    .wrapperTable .table-icon-swipe {
        background: transparent url(../../Bilder/mobile/icon-swipeable.png@__blob=normal) no-repeat 0 0;
        height: 40px;
        position: absolute;
        right: 0;
        top: -10px;
        width: 120px;
    }

    #stage2 {
        height: auto;
        margin-bottom: 6px;
    }
    #stage2 .stageContainer {
        height: auto;
        width: auto;
    }

    #stage2 #stage2Claim {
        top: auto;
        position: inherit;
    }
    #stage2 .stage2-bg img {
        display: none;
    }
    #stage2 ul li.stageItem img {
        display: none;
    }

    #stage2 ul li.stageItem {
        width: 100%;
        height: auto;
    }
    #stage2 ul li a {
        float: none;
        display: none;
    }

    #stage2 ul li .stage2Flyout {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: 100%;
        position: inherit;
        top: auto;
    }
    #stage2 li .stage2-teaser {
        position: inherit;
        width: 100%;
        display: block;
        padding: 10px;
        color: #005B82;
        font-size: 16px;
    }

}

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

    .js-on #branding_1 #instNaviLinkWrapper, .js-on #branding #instNaviLinkWrapper {
        border-radius: 5px;
        margin-right: 10px;
        margin-top: 15px;
        margin-bottom: 10px;
        margin-left: -10px;
    }

}

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

    .meldungsliste .meldung .teaserText, #wrapperContent #content .meldungsliste .meldung .wrapper .teaserText {
        /*display:none;*/
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 5px;
        font-size: 120% !important;
    }

    .meldungsliste .meldung .more a {
        font-size: 130% !important;
    }

    #content .photogallery .picture {
        width: 100% !important;
        height:155px !important;
        margin-right: 0 !important;
        margin-top:1% !important;
        margin-bottom:1% !important;
    }

    #content .photogallery .picture p {
        margin-bottom: 0.25em !important;
    }

}

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

    .meldungsliste .meldung .teaserText {
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 5px;
    }

    #instNavi .institute ul {
        float: none;
    }

}

@media only screen and (max-width: 600px) and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (max-width: 600px) and (min--moz-device-pixel-ratio: 1.3),
only screen and (max-width: 600px) and (min-resolution: 192 dpi),
only screen and (max-width: 600px) and (-o-min-device-pixel-ratio: 2) {

    #sbtn-left.open,#service-btn-left.open,.szg-button.left.open {
        background: url(../../Bilder/mobile/button_left_open_hd.png@__blob=normal);
        background-size: 100% 100%;
    }

    #sbtn-left,#service-btn-left,.szg-button.left {
        background: url(../../Bilder/mobile/button_left_closed_hd.png@__blob=normal);
        background-size: 100% 100%;
    }

    #sbtn-right,#service-btn-right,.szg-button.right {
        background: url(../../Bilder/mobile/button_right_hd.png@__blob=normal);
        background-size: 100% 100%;
    }

    .nav-button {
        background: url(../../Bilder/mobile/button_menue_closed_hd.png@__blob=normal);
        background-size: 100% 100%;
    }

    .nav-button.open {
        background: url(../../Bilder/mobile/button_menue_open_hd.png@__blob=normal);
        background-size: 100% 100%;
    }

    #service-btn, #sbtn, .szg-button.middle {
        background: url(../../Bilder/mobile/button_middle_hd.png@__blob=normal);
        background-size: 100% 100%;
    }

    .wrapperTable .table-icon-swipe {
        background: transparent url(../../Bilder/mobile/icon-swipeable_hd.png@__blob=normal) no-repeat 0 0;
        height: 40px;
        position: absolute;
        right: 0;
        top:-10px;
        width: 120px;
        background-size: 100% 100%;
    }
}