@media (max-width:1350px) {
    ul.level_1 li,
    .strong.active.first {
        font-size: 1.4em;
    }
    .geschichte_wrap,
    .bewertungen_wrap {
        max-width:100%;
    }
    .mobile-slider {
        display:block;
        margin-top: calc(90px + 2em);
    }
    .text-wrap-section {
        padding:0;
    }
    .text-img-parallax > .rs-columns > .rs-column {
        display: none;
    }
    .dreihaeuser {
        font-size:80%;
    }
    .dreihaeuser .domkeller,
    .dreihaeuser .ratskeller,
    .dreihaeuser .cafe-am-dom {
        padding:0;
    }
    #slidersection {
        display:none;
    }
    .ce_text,
    .content-text,
    .title-wrap,
    .ce_form,
    .content-form,
    .mod_newslist {
        padding:0 2em;
    }
    .page_reservierung .ce_form,
    .page_reservierung .content-form {
        padding:0;
    }
    .title-wrap h1 {
        margin: 1em 0;
    }
    .text-img-parallax > .rs-columns > .rs-column:nth-child(2) {
        /*width: 70%;*/
        margin: 0 auto;
        float: none;
        display:block;
    }
    .mod_eventreader .back a,
    .mod_newsreader .back a {
        margin-left:2em;
    }
    .tr-form .formbody {
        flex-direction: column;
        align-items: stretch;
        padding:2em;
        margin-top:0;
    }
    .tr-form select,
    .tr-form input,
    .tr-form button {
        width:100%;
        margin-bottom: 1.5em;
        font-size:1.7em;
    }
    .tr-form button {
        margin-bottom: 0;
    }
    .allg .gruppen_personen {
        width:100%;
    }
    .table-reservation {
        display:none;
    }
    .table-reservation-button {
        display:block;
    }
    .table-reservation-button {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .table-reservation-button a {
        background-color: #AC8A62;
        position: absolute;
        z-index: 3;
        margin-top: -3.5em;
        padding: 1.8em;
        outline: 0;
        border: 0;
        max-width: 800px;
        width:60%;
        text-align:center;
        font-family: "Fira Sans Extra Condensed", sans-serif;
        font-size: 1.5em;
        font-weight: 600;
        transition: color 0.2s ease;
        text-transform:uppercase;
    }
    .table-reservation-button.relative a {
        position:relative;
        margin-top:1em;
        width:100%;
    }
    .dreihaeuser h2 {
        font-size: 50px;
        padding: 40px 20px;
    }
    .dreihaeuser > .ce_text h2,
    .dreihaeuser > .content-text h2 {
        opacity: 1; 
        top: 0; 
        background: none;
        z-index:1;
        pointer-events:none;
    }
    .dreihaeuser > .ce_text.domkeller h2,
    .dreihaeuser > .content-text.domkeller h2 {
        color:#1C4133;
    }
    .dreihaeuser > .ce_text.ratskeller h2,
    .dreihaeuser > .content-text.ratskeller h2 {
        color:#A93C19;
    }
    .dreihaeuser > .ce_text.cafe-am-dom h2,
    .dreihaeuser > .content-text.cafe-am-dom h2 {
        color:#AC8A62;
    }
    .infowrap {
        opacity:1;
        z-index:1;
    }
    .dreihaeuser > .ce_text > .infowrap p:nth-child(-n+3),
    .dreihaeuser > .content-text > .infowrap p:nth-child(-n+3) {
        display: none;
    }
    h2.ce_headline,
    h2.content-headline,
    h1.ce_headline,
    h1.content-headline {
        padding-left:2rem;
    }
    .page_reservierung fieldset.flexy {
        flex-wrap: wrap;
    }
    .page_reservierung fieldset.flexy .widget {
        width:48%;
    }
    .page_reservierung fieldset.gruppen_personen .widget {
        width:100%;
    }
    .infowrap {
        padding: 1em 2em;
    }
    .speisekarte {
        display:block;
        width:100%;
        margin-right:0;
        padding: 0.5em 0;
        display:flex;
        align-items:center;
    }
    .infowrap p:after {
        display:none;
    }
    .text-img-parallax {
        padding: 7em 0 5em;
    }
}