@media (max-width: 1375px) {

    #inhaltsbereich .frame>.rahmen,
    #inhaltsbereich .tx_cn-multicontent>.rahmen {
        width: 80%;
    }
}

@media (max-width: 1180px) {

    #inhaltsbereich>.frame-default h1,
    #inhaltsbereich>.frame-default h2,
    #inhaltsbereich>.frame-default .ce-headline-primary,
    #inhaltsbereich>.frame-bildslider h1,
    #inhaltsbereich>.frame-bildslider h2,
    #inhaltsbereich>.frame-bildslider .ce-headline-primary,
    #inhaltsbereich>.frame-leistungen .ce-headline-primary,
    #inhaltsbereich>.frame-umrandung h1,
    #inhaltsbereich>.frame-umrandung h2,
    #inhaltsbereich>.frame-umrandung .ce-headline-primary,
    .frame-leistung .ce-textpic {
        margin-left: -65px;
    }

    #inhaltsbereich .frame-leistung .ce-bodytext h1 {
        margin-left: 35px;
    }
}

@media (max-width: 1050px) {

    #inhaltsbereich .frame-bildslider>.rahmen,
    #inhaltsbereich .frame-bildslider .tx_cn-multicontent>.rahmen {
        flex-wrap: wrap;
    }

    .frame-bildslider .frame-default {
        flex-basis: calc(50% - 15px);
    }
}

@media (max-width: 950px) {
    #header .ce-bodytext {
        bottom: 10px;
        font-size: 17px;
    }

    #header .ce-bodytext p:last-child {
        font-size: 26px;
    }

    .frame-linie .ce-bodytext {
        margin-left: 130px !important;
    }

    .frame-linie>.rahmen::before {
        left: 110px;
    }

    .frame-flip .tx_cn-multicontent>.rahmen,
    .frame-flip .tx_cn-columns .row {
        flex-direction: column;
        align-items: center;
    }

    .frame-flip .frame-default {
        width: 230px;
        margin-bottom: 50px;
    }

    .frame-flip::before {
        border-width: 0 0 420px 970px;
    }

    .frame-leistungen .frame-default {
        max-width: none;
        padding: 20px;
        text-align: center;
    }

    .frame-leistungen>.rahmen,
    .frame-leistungen .tx_cn-multicontent>.rahmen,
    .frame-leistungen .tx_cn-columns .row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px;
    }

    .frame-leistungen p:not(:first-child) {
        display: none;
    }
}

@media (max-width: 850px) {
    .frame-flip .ce-textpic {
        width: 200px;
        height: 200px;
        flex: 0 0 200px;
    }

    #inhaltsbereich>.frame:not(.frame-layout-1),
    #inhaltsbereich>.tx_cn-multicontent:not(.frame-layout-1) {
        margin: 30px 0 !important;
    }
}

@media (max-width: 830px) {
    .site-brand {
        min-height: 67px;
    }

    #header {
        margin-top: 67px;
    }

    /* #inhaltsbereich>.frame:not(.frame-linie) {
        margin: 30px 0;
    } */

    #inhaltsbereich>.frame-leistung+.frame {
        margin-top: -30px;
    }

    #footer .ce-gallery {
        position: absolute;
        right: 20px;
    }

    #inhaltsbereich .rahmen>header>*:last-child {
        margin-bottom: 20px;
    }
}

@media (max-width: 700px) {

    #inhaltsbereich>.frame-default h1+h2,
    #inhaltsbereich>.frame-default h3:not(.ce-headline-primary),
    #inhaltsbereich>.frame-default .ce-headline-secondary,
    #inhaltsbereich>.frame-bildslider h1+h2,
    #inhaltsbereich>.frame-bildslider h3:not(.ce-headline-primary),
    #inhaltsbereich>.frame-bildslider .ce-headline-secondary,
    #inhaltsbereich>.frame-leistungen .ce-headline-secondary,
    #inhaltsbereich>.frame-umrandung h1+h2,
    #inhaltsbereich>.frame-umrandung h3:not(.ce-headline-primary),
    #inhaltsbereich>.frame-umrandung .ce-headline-secondary {
        margin-left: -15px;
        font-size: 18px;
    }

    #inhaltsbereich>.frame-default h1,
    #inhaltsbereich>.frame-default h2,
    #inhaltsbereich>.frame-default .ce-headline-primary,
    #inhaltsbereich>.frame-bildslider h1,
    #inhaltsbereich>.frame-bildslider h2,
    #inhaltsbereich>.frame-bildslider .ce-headline-primary,
    #inhaltsbereich>.frame-leistungen .ce-headline-primary,
    #inhaltsbereich>.frame-umrandung h1,
    #inhaltsbereich>.frame-umrandung h2,
    #inhaltsbereich>.frame-umrandung .ce-headline-primary,
    .frame-leistung .ce-textpic {
        margin-left: -30px;
    }

    #inhaltsbereich .frame-leistung .ce-bodytext h1 {
        margin-left: 15px;
    }

    .frame-umrandung .ce-textpic {
        margin-top: 35px;
    }

    .powermail_fieldwrap {
        display: block;
        width: 100%;
        margin: 0 0 10px !important;
    }

    .frame-anwalt {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid var(--hofbauer-gray-light);
    }

    .frame-anwalt .ce-bodytext,
    .frame-anwalt .ce-gallery {
        float: left;
        clear: both;
    }

    .frame-anwalt .tx_cn-columns .row .col-25,
    .frame-anwalt .tx_cn-columns .row .col-75,
    #inhaltsbereich>.frame-anwalt.frame-type-textmedia .ce-gallery {
        width: 100%;
        max-width: 100%;
        margin: 0 !important;
    }

    .frame-leistungen .tx_cn-columns .row {
        margin-top: 0;
    }
}

@media (max-width: 600px) {

    #inhaltsbereich>.frame>.rahmen,
    #inhaltsbereich>.tx_cn-multicontent>.rahmen {
        width: 90%;
        margin: 0 5%;
    }

    #inhaltsbereich>.frame-default h1,
    #inhaltsbereich>.frame-default h2,
    #inhaltsbereich>.frame-default .ce-headline-primary,
    #inhaltsbereich>.frame-bildslider h1,
    #inhaltsbereich>.frame-bildslider h2,
    #inhaltsbereich>.frame-bildslider .ce-headline-primary,
    #inhaltsbereich>.frame-leistungen .ce-headline-primary,
    #inhaltsbereich>.frame-umrandung h1,
    #inhaltsbereich>.frame-umrandung h2,
    #inhaltsbereich>.frame-umrandung .ce-headline-primary,
    .frame-leistung .ce-textpic {
        margin-left: 0;
    }

    #header {
        margin-top: 59px;
    }

    #header .ce-bodytext {
        bottom: 0;
        font-size: 15px;
    }

    #header .ce-bodytext p:first-child,
    #header .ce-bodytext p:last-child {
        padding: 5px 20px;
    }

    #header .ce-bodytext p:last-child {
        font-size: 20px;
    }

    .frame-linie h1,
    .frame-linie h2,
    .frame-linie .ce-headline-primary {
        font-size: 24px;
    }

    .frame-linie header>*:last-child {
        margin-left: 40px;
    }

    .frame-linie .ce-bodytext {
        margin-left: 80px !important;
    }

    .frame-linie>.rahmen::before {
        left: 60px;
    }

    #inhaltsbereich .frame-linie>.rahmen {
        padding: 35px 0;
    }

    .frame-leistungen img {
        max-width: 50px;
    }

    .site-brand a {
        font-size: 24px;
    }

    .frame-bildslider .frame-default {
        flex-basis: 100%;
    }

    #footer .ce-bodytext {
        max-width: 100%;
    }

    #footer .ce-gallery {
        position: relative;
        right: auto;
    }
}

@media (max-width: 450px) {

    .frame-umrandung .ce-bodytext,
    .frame-umrandung .ce-gallery {
        float: left;
        clear: both;
    }
}

@media (max-width: 400px) {
    .site-brand a {
        font-size: 22px;
    }

    .frame-linie .ce-bodytext {
        margin-left: 20px !important;
    }

    .frame-linie header>*:last-child {
        margin-left: 0;
    }

    .frame-linie>.rahmen::before {
        left: 0;
    }

    .frame-leistungen>.rahmen,
    .frame-leistungen .tx_cn-multicontent>.rahmen,
    .frame-leistungen .tx_cn-columns .row {
        grid-template-columns: 1fr !important;
    }
}