.mobile-quicklinks {
    display: none;
}
.mm-suche {
    display: none;
}

.horse-list .info {
    float: none !important;
}

#mobile-navigation {
    display: none;
}

#metanavigation ul {
    top: 9px;
}

@media screen and (max-width: 1024px) {
    body {
        background: #9B0B0B;
    }

    h1 {
        font-size: 24px;
    }

    .mm-navbars_bottom {
        background: #4c0101 !important;
    }

    .mm-navbar:nth-last-child(2) {
        margin-bottom: 10px;
    }

    .mm-navbar span {
        color: #fff;
    }

    #wrapper {
        width: auto;
    }

    #contentwrapper {
        background: #9B0B0B;
        box-shadow: none;
    }

    #content {
        width: 73%;
        min-height: 782px;
        margin-top: 270px;
        float: left;
        overflow: hidden;
        background: #fff;
    }


    #titel {
        width: auto;
        float: none;
        margin-left: 120px;
        padding-top: 15px;
    }
    #navigation {
        display: none;
    }

    #sprachnavigation {
        display: none;
    }

    #mobile-sprachnavigation {
        display: none;
        list-style: none;
        display: flex;
        justify-content: space-around;
        margin: 0;
        border-top: 1px solid #fff;
    }

    #mobile-sprachnavigation li a {
        color: #fff;
    }

    .hauptsuche {
        display: none;
    }

    .submit {
        height: 26px;
        background: #4c0101;
        color: white;
        border: none;
        margin-bottom: 0;
        margin-left: 5px;
    }

    .tx-indexedsearch-searchbox-sword {
        width: 65%;
    }

    .login {
        display: none;
    }

    .servicelinks {
        display: none;
    }

    #maincontent {
        width: 90%;
        padding: 20px;
    }

    #maincontent .ce-gallery img {
        border: none !important;
        width: 100%;
        height: auto;
        margin: 0;
    }


    #sidebar {
        width: 27% !important;
        float: left;
        min-height: 820px;
        margin-top: 270px;
    }


    #social {
        margin-right: 20px;
    }

    #social img.fb {
        margin-right: 10px;
    }

    #werbung {
        top: 370px;
        left: 0;
        right: 0;
        width: 90%;
        margin: 0 auto;
    }

    #werbung .item {
        float: left;
        width: 23%;
        margin-right: 10px;
    }

    #werbung .item:last-child {
        margin-right: 0;
    }

    #werbung .item img {
        width: 100%;
        height: auto;
    }

    #sidebar .schatten {
        display: none;
    }

    #footer {
        background: transparent;
        height: auto;
        width: 90%;
        margin: 0 auto;
    }

    #footer .item {
        width: auto;
        float: left;
        height: auto;
        border: none;
    }

    .footeradresse {
        margin-bottom: 20px !important;
    }

    #footer p, p.bodytext {
        margin: 0;
    }


    .horse-single .contact {
        width: 100% !important;
    }


    .span-news, .span-pferdemarkt, .span-kontakt, .span-login {
        color: white;
        float: left;
        margin-left: 20px;
    }

    .span-news::before {
        content: "";
        display: inline-block;
        height: 20px;
        width: 30px;
        background-size: 20px 20px;
        background-image: url(../Images/news.png);
        background-repeat: no-repeat;
        position: relative;
        top: 5px;
    }

    .span-pferdemarkt::before {
        content: "";
        display: inline-block;
        height: 20px;
        width: 30px;
        background-size: 20px 20px;
        background-image: url(../Images/pferd.png);
        background-repeat: no-repeat;
        position: relative;
        top: 5px;
    }

    .span-kontakt::before {
        content: "";
        display: inline-block;
        height: 20px;
        width: 30px;
        background-size: 20px 20px;
        background-image: url(../Images/brief.png);
        background-repeat: no-repeat;
        position: relative;
        top: 5px;
    }

    .span-login::before {
        content: "";
        display: inline-block;
        height: 20px;
        width: 30px;
        background-size: 20px 20px;
        background-image: url(../Images/schlüssel.png);
        background-repeat: no-repeat;
        position: relative;
        top: 5px;
    }

}



/* MMENU */
@media (max-width: 1024px) {
    #main-navigation {
        display: none !important;
    }
    button#hamburger-icon {
        outline: none;
        float: left;
    }
}

@media (min-width: 1025px) {
    #mm-main-navigation{
        display: none !important;
    }
    #hamburger-icon {
        display: none !important;
    }
}



@media (max-width: 881px) {
    #content {
        min-height: 796px;
    }
}


@media (max-width: 784px) {
    #content {
        min-height: 810px;
    }
}


@media (max-width: 767px) {

    #maincontent-full iframe {
        margin-left: 10px;
    }

    #header h2 {
        font-size: 16px;
    }

    #header img {
        width: 100%;
        height: auto;
    }

    #header {
        height: 250px;
    }

    #werbung {
        top: 290px;
    }

    #content {
        width: 90%;
        min-height: auto;
        margin: 200px auto 0 auto;
        float: none;
        overflow: hidden;
        background: #fff;
    }

    #sidebar {
        width: 90% !important;
        margin: 0 auto;
        float: none;
        margin-bottom: 40px;
        min-height: auto;
    }

    #footer .item {
        float: none;
        display: none;
    }

    .powermail_form_3 .powermail_fieldwrap_type_select {
        margin-left: 0 !important;
    }

    .frame-type-felogin_login .absenden, .frame-type-felogin_login form input[name=submit] {
        margin-left: 0 !important;
    }

    /* pferdemarkt */
    .horse-list .horse-listitem {
        height: 220px !important;
    }

    .horse-list .info p {
        width: 100% !important;
    }

    .horse-list .image {
        float: none !important;
    }

    .tx-sn-shpferdemarkt .filtersort {
        width: 100% !important;
        height: 160px !important;
    }

    .tx-sn-shpferdemarkt .sorting {
        float: left !important;
    }

    #footermetanavigation {
        padding-top: 20px;
    }

}


@media (max-width: 1024px) {

    #werbung .item {
        display: none;
    }

    #werbung .item:nth-child(-n+5) {
        display: block;
    }

    #titel.abstammung {
        margin-left: 120px;
    }
}


@media (max-width: 650px) {
    #header {
        height: 215px;
    }

    #werbung {
        top: 270px;
    }
}

@media (max-width: 500px) {

    p.breadcrumb {
        display: none;
    }

    #header {
        height: 140px;
    }

    #werbung {
        margin-top: -10px;
        top: 215px;
    }

    #werbung .item:nth-child(-n+5) {
        display: none;
    }

    #werbung .item:nth-child(-n+4) {
        display: block;
    }

    #werbung .item {
        width: 30%;
    }

    .frame header h2 {
        margin-top: 10px;
    }

    #sidebar .frame-default {
        padding-bottom: 15px;
    }

    /* POWERMAIL */
    label.powermail_label {
        width: 100%;
        margin-bottom: 5px;
    }

    input.powermail_input {
        width: 90%;
    }

    textarea.powermail_field {
        width: 90%;
    }

    .powermail_fieldwrap {
        margin-bottom: 10px;
    }

    #recaptchaf108 iframe {
        margin: 0;
    }

    input.powermail_submit {
        margin: 20px 0 0 0;
    }

    #map {
        width: 100% !important;
    }



    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 50%;
    }

    td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

}


@media (max-width: 550px) {
    .ce-textpic {
        display: flex;
        flex-flow: column;
    }
    .ce-gallery {
        margin-left: 0 !important;
    }
}





@media (max-width: 500px) {
    h1 {
        font-size: 16px;
    }
}



/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
    padding: 3px 15px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible; }
.hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative; }

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
.hamburger-inner::before {
    top: -10px; }
.hamburger-inner::after {
    bottom: -10px; }

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg); }
.hamburger--arrowturn.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
.hamburger--arrowturn.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg); }
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
    top: 2px;
    -webkit-transition: background-color 0s 0.13s linear;
    transition: background-color 0s 0.13s linear; }
.hamburger--spring .hamburger-inner::before {
    top: 10px;
    -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring .hamburger-inner::after {
    top: 20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
    -webkit-transition-delay: 0.22s;
    transition-delay: 0.22s;
    background-color: transparent; }
.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }