#mobilemenubutton, #mobilenavi {
    display: none;
}
.inmobile {
    display: none !important;
}

.hidemobile {
    display: block !important;
}
#content div.search-box ul {
    display: none;
}
@media (max-device-width : 800px), (max-width : 800px)  {

    .inmobile {
        display: block !important;
    }

    .hidemobile {
        display: none !important;
    }
    h1,h2,h3,h4,h5,h6 {
        width: auto;
    }
    .overview p {
        padding-right: 0;
        width: 95%;
    
        /* margin-right: 0; */
        /* -webkit-margin-before: 0; */
        /* -webkit-margin-after: 0; */
        /* margin: 0; */
        /* padding: 0; */
}
    #container {
        width: 100vw;   
        margin: 0;
        
    }
    
    
    #header {
        width: 100%;
        height:80px;
        position:relative;
    
        border-bottom: 0;
    }
    #header > a {
        text-align:center;
        display:block;
        margin-left: auto;
        margin-right: auto;
        position:relative;
    }
    
    #header > a > img {
        
        position:relative;
    
        width: 192px;
}
    
    #header > ul {
        display: none;
    }
    
    #header form input {
        width: 0px;
        background-color:#fff;
    }
    
    #header form input:focus {
        width: 200px;
        border: 1px solid #000;
        background-color: #ddd;
        margin-right:10px;
    }
    
    #header h4 {
        position: relative;
        width: 100%;
        text-align: center;
    
        top: 13px;
}
    
    #footer {
       width: 100%;
       
    }
    
    #footer ul {
        width: 100%;
        bottom:-130px; 
        left:0; 
        position: absolute;
        margin-bottom:1em;
        padding-top: 1em;
        border-top: 1px solid black;
    }
    
    #footer img {
        position: relative;
        margin-bottom: 1em;
        margin-left: 1em;
    }
    #footer img#footer-azb, #footer img#footer-vkg, #footer img#footer-elk{
        bottom:initial;
        left: initial;
    }
     #main, #main #content, .start #main, .start #main #content, .overview #main, .overview #main #content {
         width: 100%;
         
     
         /* overflow: hidden; */
    
         float: none;
}
    .start #main {
        background: none;
        min-height: 100%;
    }
    
    .overview #main #content {
        padding-left: 10px;   
    
        width: 95%;
        /* overflow: hidden; */
        /* padding-right: 10px; */
}
    
    #main #navigation {
        display:none;
    }
    
    #main #content #content-visual {
        width: 100%;
        
    
        /* display: none; */
}
    #main #content #content-visual ul {
        width: 100%;
    
        height:  160px;
}
    #content #content-visual ul li {
        width: 100%;
        height: 100%;
    }
    #main #content #start-boxes {
        width: 100%;
        padding: 0 0.5em;
    
        /* display: none; */
}
    #main #content #start-boxes > div {
        float: none;
        width: 82%;
        height: auto;
        margin-bottom: 0.5em;
        
    }

    .start #second {
        float: none;
        margin-left:0.5em;
    
        width: 82%;
        margin-right:  0.5em;
        /* background-color: #ddd; */
        border: 0;
}
    .start #start-news {
        width: 100%;
        display: block;
    }
    .start #start-boxes h3 {
        font-size: 120%;
        width: 70%;
    }
     .start #start-boxes  div div {
         left: 95%;
         top: 14px;
         width: 20px;
         height: 20px;
         overflow: hidden;
     
         display: block;
}
    .start #start-boxes  div div p {
        display: none;
    }
    .start #start-boxes  div div p.start-boxes-more {
        display: block;
        
    }
    #content #content-visual p#visual-pager {
        width: 100%;
    }
    
    #second #start-teaser-box-1,#second #start-teaser-box-2 {
        background-color: #ddd;
        margin:0;
        width: 100%;
        padding: 1.3em
        
    }

    

    #main #content .overview-boxes, #main #content .overview-boxes div {
        display: block;
        width: 97%;
        padding:0;
        
        margin-left: 0;
}

    #main #content ul.tabs-nav {
        width: 100%;
    }
    #main #content ul.tabs-nav li {
        width: 46%;
    }
    
    div.tabs-content {
        width: 85%;
    }
    form.people-search input[type=text] {
        width: 100%
    }
    #content form.people-search > ul {
        width: 100%;
        -moz-column-count: 1;
-moz-column-gap: 0;
-webkit-column-count: 1;
-webkit-column-gap: 0;
column-count: 1;
column-gap: 0;
    }
    #content ul.content-listing {
        width: 100%;
    
        margin: 0 0 2em 0;
        /* border: 1px solid green; */
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        overflow: hidden;
}
    #content ul.content-listing li {
        width: 32%;
        margin-right: 2px;
    }
    #content ul.content-listing li > a {
        padding-left:0;
        background: none;
        font-size: 100%;
        text-align: center;
        
    
        width: 88%;
}
    #content ul.content-listing li.content-listing-content {
        width: 100%;
    
    
        padding: 10px;
}
    
    
    .article-sidebar-box, #article-sidebar-box, #single-sidebar-box {
        display: none;
        left: -9999px;
    }
    body.scrolltopreached div.article-sidebar-box, body.scrolltopreached div#single-sidebar-box {
        position: relative;

    }

    #single-sidebar-box.findmittel-sidebar {
        display: block;
        left: 0;
        width: 85%;
        position: relative;
        margin-bottom: 1em;
        min-height: 20px;
    }
    #single-sidebar-box.findmittel-sidebar.open {
        min-height: 70vh;
    }
    #single-sidebar-box.findmittel-sidebar h5:before{
        content: "\f0c9";
        display: block;
        float:left;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        margin-right:0.5em;
    }
    #single-sidebar-box.findmittel-sidebar.open h5:before {
        transform: rotate(90deg);

    }

    #single-sidebar-box.findmittel-sidebar > dl, #single-sidebar-box.findmittel-sidebar > ul {
        display:none;
    }
    #single-sidebar-box.findmittel-sidebar.open > dl,  #single-sidebar-box.findmittel-sidebar.open > ul {
        display:block;
    }
    .findmittel-sidebar #findmittel-tools > dt {
        width: 25%;
    }
    #content div#single-sidebar-box.findmittel-sidebar:hover ul.article-sb {
        width:85%;
    }
    #content div#single-sidebar-box.findmittel-sidebar:hover ul.article-sb,#content div#single-sidebar-box.findmittel-sidebar ul.article-sb {
        width: 82%;
    }

    div#single-sidebar-box.findmittel-sidebar:hover #findmittel-tools dd, div#single-sidebar-box.findmittel-sidebar:hover #findmittel-tools dd label,  div#single-sidebar-box.findmittel-sidebar #findmittel-tools dd, div#single-sidebar-box.findmittel-sidebar #findmittel-tools dd label,div#single-sidebar-box.findmittel-sidebar:hover {
        width: 85%;
    }

    div#article-content {
        width: 100%;
    }
    dl.article-index {
        width: 100%;
    }
     dl.article-index dt {
         display: none;
     }
     dl.article-index dd {
         width: 100%;
     }
     dl.article-index dd ol {
         width: 85%
     }
     
     
     dl.image-left, dl.image-right {
         float:none;
     }
     dl.image-left dt div img, dl.image-right dt div img {
         width: 100%;
     }
     
     
     div.small-gallery, div.big-gallery {
         width: 80vw;
         overflow: scroll;
         margin-left:0;
     }
     div.small-gallery div {
         margin:0;
         
     }
     dl.grid {
         width: 100%
     }
     dl.grid dd {
         width: 60%;
         margin-left: 22px;
         /* border:  1px solid red; */
}


    dl.download-list, dl.people-detail-info,dl.people-archive-list {
        width: 100%;
        padding: 0;
    }
    dl.download-list dd, dl.people-detail-info dd,dl.people-archive-list dd {
        width: 70%;
    }
    dl.download-list dt, dl.people-detail-info dt, dl.people-archive-list dt {
        width: 20%;
    }


    #content ul.content-listing.inmobile li , #content ul.content-listing.inmobile li a{
        float: none;
        width: 100%;
        text-align: left;
    }
    #content ul.content-listing.inmobile li a {
        padding-left:5px;
    }
    #content ul.content-listing.inmobile li.noavail a:before{
        display:none;
    }
    #content ul.content-listing.inmobile li a:before {
        display:inline-block;
        content: "\f04b";
        line-height: 1.2em;
        position: absolute;
        right: 10px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    div.news-teaser h2, .news h2 {
        width: 100%;
    }

    #mobilenavi {
        margin:0;
        padding:0;
        
    }
    #mobilenavi ul {
        border-top: 1px solid #fff;
    }
    #mobilenavi li {
        background-color:#803777;
        /* font-size: 1.2em; */
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid #fff; 
        
    }
    #mobilenavi a {
        font-size: 5vw;
        display: inline-block;
        padding: 0.5em;
        width: 90%;
        
        
    }
    #mobilenavi a::before {
        display:inline-block;
        content: "\f04b";
        line-height: 1.2em;
        position: absolute;
        right: 10px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .start #content #start-boxes div p.start-boxes-more a {
        background: none;
        color: rgba(0,0,0,0);
    }
    .start #content #start-boxes div p.start-boxes-more::before {
        display:inline-block;
        content: "\f04b";
        line-height: 1.2em;
        position: absolute;
        right: 10px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    #mobilenavi > li::before {
        color: #fff;
    }
     #mobilenavi > li ul {
         display: none;
     }
    #mobilenavi > li > a {
        color: #fff;
    }
     #mobilenavi > li  > ul li {
        background-color:#ddd;   
     }
     
     #mobilenavi > li  > ul li ul li {
        background-color:#eee;   
     }

     
     #mobilemenubutton {
         display: block;
         border: 0;
         background-color: #fff;
         font-size:2em;
         position: absolute;
         top: 0.4em;
         left: 0.15em;
         padding-left: 10px; 
         padding-right: 10px;
         
     }
     
}