/* ---------------------------------------------------------------------- */


/* Media Queries 
/* ---------------------------------------------------------------------- */


/* Standard 960 or larger (browsers) */

@media only screen and (min-width: 960px) {
    .mobilesOnly {
        display: none;
    }
}


/* Smaller than standard 960 (devices and browsers) */

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


/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
        width: 748px;
    }
    .desktopOnly {
        display: none;
    }
    .headerbild,
    .headerbild img {
        height: auto;
    }
    .sf-menu li a {
        font-size: 12px;
        padding: 9px 8px;
    }
}


/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {
    #navbar,
    #nav,
    #nav1 {
        position: relative;
        height: auto;
    }
    .sf-menu {
        height: 36px;
        z-index: 100;
    }
    .sf-menu li {
        clear: none;
        width: 50%;
        /* this will need to be adjusted for your needs */
    }
    .sf-menu li a {
        padding: 9px 10px;
        text-align: center;
        border-left: none;
        background-image: none;
        background-color: #F0F0F0;
        text-transform: uppercase;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    .sf-menu li.menu-item-17 a {
        padding: 18px 10px;
    }
    .sf-menu li.current-menu-ancestor a,
    .sf-menu li.current-menu-item a,
    .sf-menu .current {
        background-image: none;
        background-color: #B6160A;
        color: #fff;
        text-decoration: unset;
    }
    /* new style for drop list items */
    .sf-menu li ul li {
        display: none;
    }
    .desktopOnly {
        visibility: hidden;
    }
    .one-half,
    .one-third,
    .one-fourth,
    .two-thirds,
    .three-fourths {
        float: none;
        display: block;
        margin-right: 0;
        width: 100%;
        max-width: none;
    }
    /* Floats */
    .float-left,
    .float-right {
        float: none;
    }
    /* Containers */
    #main,
    #sidebar {
        margin-bottom: 40px;
    }
    /* Header */
    #header-top .one-half:first-child {
        text-align: left;
    }
    #header-top .one-half.column-last:after {
        content: "";
        display: block;
        height: 0;
        overflow: hidden;
        clear: both;
    }
    #header-top .one-half.column-last {
        margin-top: 20px;
    }
    #logo {
        float: none;
        margin: 0 auto;
    }
    #logo,
    #logo a,
    #logo img {
        display: inline;
    }
    #tagline {
        float: none;
        margin-top: 5px;
    }
    #header .kontakt-info {
        float: left;
        margin-top: 0;
    }
    #header .kontakt-info p {
        float: none;
        margin-top: 5px;
        margin-left: 0;
    }
    #header .kontakt-info p:first-child {
        margin-top: 0;
    }
    /* Footer */
    #footer-nav ul {
        text-align: left;
    }
    #footer-top>.one-half,
    #footer-top>.one-third,
    #footer-top>.one-fourth,
    #footer-top>.two-thirds,
    #footer-top>.three-fourths {
        margin-top: 40px;
    }
    #footer-top>.one-half:first-child,
    #footer-top>.one-third:first-child,
    #footer-top>.one-fourth:first-child,
    #footer-top>.two-thirds:first-child,
    #footer-top>.three-fourths:first-child {
        margin-top: 0;
    }
    .page-nav li,
    .page-nav>span {
        margin-bottom: 10px;
    }
    .table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
    }
    .table-wrapper table {
        margin-bottom: 0;
    }
    .table-wrapper .scrollable table {
        margin-left: 37.3%;
    }
    .table-wrapper .scrollable {
        overflow: scroll;
        overflow-y: hidden;
    }
    .table-wrapper caption {
        display: none;
    }
    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        width: 37.3%;
        height: 100%;
        background-color: #fff;
        overflow: hidden;
        overflow-x: scroll;
    }
    .pinned table th,
    .pinned table td {
        white-space: nowrap;
        border-right: none;
    }
    .pinned .empty-left-top,
    table.responsive th {
        height: 88px;
    }
    table.responsive td,
    table.responsive th {
        white-space: nowrap;
        overflow: hidden;
    }
    table.responsive th:first-child,
    table.responsive td:first-child,
    table.responsive td:first-child,
    table.responsive.pinned td {
        display: none;
    }
    .entry-image.float-left,
    .float-left.caption,
    .entry-image.float-right,
    .float-right.caption {
        margin: 20px 0;
    }
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* Container */
    .container {
        width: 80%;
    }
    .headerbild,
    .headerbild img {
        width: 420px;
        height: auto;
    }
    .desktopOnly {
        display: none;
    }
    h1 {
        font-size: 1.6em;
        /* 29px */
        line-height: 1.1em;
    }
    #page-header {
        margin-bottom: 20px;
    }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {
    /* Container */
    .container {
        width: 300px;
    }
    .headerbild,
    .headerbild img {
        width: 300px;
        height: auto;
    }
    .desktopOnly {
        display: none;
    }
    h1 {
        font-size: 1.6em;
        /* 29px */
        line-height: 1.1em;
    }
    #page-header {
        margin-bottom: 20px;
    }
    .wp-caption img {
        /* Scale down if too big */
        max-width: 99.03225806%;
        /* 614/620 */
        height: auto;
        text-align: center;
    }
    #navbar,
    #nav,
    #nav1 {
        position: relative;
        height: auto;
    }
    /* set height so content isn't pushed down add z-index to keep drops above content */
    .sf-menu {
        height: 36px;
        z-index: 100;
    }
    /* restyle so main links are horizontally aligned */
    .sf-menu li {
        clear: none;
        width: 50%;
        /* this will need to be adjusted for your needs */
    }
    .sf-menu li a {
        font-size: 12px;
        padding: 9px 3px;
        text-align: center;
        border-left: none;
        background-image: none;
        background-color: #F0F0F0;
        text-transform: uppercase;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    .sf-menu li.menu-item-31 a {
        padding: 9px 10px;
    }
    .sf-menu li.current-menu-ancestor a,
    .sf-menu li.current-menu-item a,
    .sf-menu .current {
        background-image: none;
        background-color: #B6160A;
        color: #fff;
    }
    /* new style for drop list items */
    .sf-menu li ul li {
        display: none;
    }
}