article.prose {
        line-height: 1.75;
        display:contents
    }

    article.prose a {
        font-weight: 500;
        text-decoration:underline
    }



    
    

    article.prose figure.cms-image, article.prose figure.cms-video {
        margin-block:2em
    }

    article.prose figure > * {
        margin-block:0
    }

    article.prose figure.cms-image img, article.prose figure.cms-video video, article.prose figure.cms-video iframe {
        width: 100%;
        display:block
    }

    article.prose figure.cms-video iframe {
        aspect-ratio: 16/9;
        border:0
    }

    article.prose figcaption {
        opacity: .7;
        margin-top: .857143em;
        font-size: .875em;
        line-height:1.42857
    }

    article.prose .columns {
        gap: 1.5em;
        margin-block: 1.25em;
        display:flex
    }

    article.prose .column {
        flex: 1;
        min-width:0
    }

    @media (max-width: 640px) {
        article.prose .columns {
            flex-direction:column
        }
    }

    article.prose blockquote {
        margin-block: 1.6em;
        padding:.75em 1.25em
    }

    article.prose ul, article.prose ol {
        padding-inline-start:1.5em
    }

    article.prose table {
        table-layout: auto;
        width: 100%;
        margin:1.5em 0
    }

    article.prose thead th {
        vertical-align: bottom;
        font-weight:600
    }

    article.prose tbody td {
        vertical-align:baseline
    }

    article.prose tfoot td {
        vertical-align:top
    }

    article.prose th, article.prose td {
        text-align: start;
        padding:.75em
    }

    article.prose thead th:first-child, article.prose tbody td:first-child, article.prose tfoot td:first-child {
        padding-inline-start:0
    }

    article.prose thead th:last-child, article.prose tbody td:last-child, article.prose tfoot td:last-child {
        padding-inline-end:0
    }

    article.prose thead {
        box-shadow:0 1px #ffffffbf, 0 1px
    }

    article.prose tbody tr {
        box-shadow:0 1px #ffffffd9, 0 1px
    }

    article.prose hr {
        opacity: .3;
        margin: 3em 0
    }



    :root {
    /* Color */
    --primary-color: #8e7f6d;
    --secondary-color: #4E736E;
    --white: #fff;
    --fliesstext: #8e7f6d;

    /* Font */
    --font-inherit: inherit;
    --font-montserrat: "Montserrat", sans-serif;
    }


    * {
        margin: 0;
        padding:0
    }

    *, :before, :after {
        box-sizing:border-box
    }

    body {
        -webkit-font-smoothing:antialiased
    }

    textarea:focus-visible {
        outline:none
    }

    p {
        font-family: var(--font-montserrat);
        font-optical-sizing: auto;
        font-weight: 400 700;
        font-style: normal;
        color: var(--primary-color);
    }

    button {
        font: inherit;
        color: inherit;
        background: 0 0;
        border-style: none;
        width: auto;
        line-height: normal;
        overflow:visible
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration:inherit
    }

    input {
        font: inherit;
        background-color: inherit;
        border: none;
        outline:none
    }

    textarea, select {
        font: inherit;
        background-color:inherit
    }

    img, picture, video, canvas, svg {
        display:block
    }

    [data-reaction-click] {
        cursor:pointer
    }

    [data-visible=false] {
        display:none !important
    }

    .before-hidden:before, .after-hidden:after {
        display:none
    }

    .before-visible:before, .after-visible:after {
        content: ""
    }

    ::placeholder {
        color: inherit;
        opacity:.54
    }

    body * {
        scrollbar-width:none
    }

    body ::-webkit-scrollbar {
        display:none
    }

    [name=honey-pot-field] {
        display:none !important
    }

    .h1 {
        margin-block: 0 1.23em;
        font-size: 4em;
        line-height:1.11;
        font-weight: 700;
    }

    .h2 {
        margin-block: 2em 1em;
        font-size: 1.5em;
        line-height:1.34;
    }

    .h3 {
        margin-block: 1.6em .6em;
        font-size: 1.25em;
        line-height:1.6;
    }

    .h4 {
        margin-top: 1.5em;
        margin-bottom: .5em;
        line-height:1.5;
    }

    .dick {
        font-weight: 700;
    }

    .text {
        white-space: pre-wrap;
        overflow-wrap:break-word;
    }

    .fliesstext {
        display: flex;
        align-self: stretch;
    }

    .pointer-events-none {
        pointer-events: none
    }

    #_ {
        background-color: #fff;
        min-height: 100vh;
        display:grid
    }

    .padding-2em {
        flex-flow: column;
        flex-shrink: 0;
        justify-content: flex-start;
        align-items: start;
        row-gap: 0;
        width: 100%;
        margin: 0;
        padding: 0 4em;
        display: flex;
        position: relative;
    }

    .button {
        position: relative;
        -webkit-font-smoothing: inherit;
        -moz-osx-font-smoothing: inherit;
        filter: drop-shadow(0 4px 10px #00000040);
        border-radius: 4px;
        flex-shrink: 0;
        width: 100%;
        height: 30px;
        
    }

    .dark {
        width: 320px;
        background-color: var(--secondary-color);
        margin: 0;
        position: relative;
    }

    .white {
        width: 320px;
        background-color: var(--white);
        margin: 0;
        position: relative;
    }

    .dark.language {
        width: 52px;
    }

    .white.menu {
        width: 120px;
    }

    .rahmen {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0%;
        right: 0%;
        bottom: 0%;
        left: 0%;
        border-radius: 4px;
    }

    .button-text {
        text-align: center;
        background-clip: text;
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        display: inline-block;
        position: relative;
        top: calc(50% - 8px);
    }

    .dark .button-text > a > p {
        color: var(--white);
    }

    #header {
        grid-column-gap: 0px;
        --f2w-oder:0;
        border-radius: 0;
        flex-flow: row;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0;
        padding: 40px 0;
        display: flex;
        position: relative;
    }

    .logo-small {
        grid-column-gap: 0px;
        --f2w-order:0;
        border-radius: 0;
        width: 166.9px;
        height: auto;
        margin: 0 auto 0 0;
        padding: 0 8px;
        display: block;
        position: relative;
    }

    #menu {
        grid-column-gap: 20px;
        --f2w-oder:1;
        border-radius: 0;
        flex-flow: row;
        flex-shrink: 0;
        justify-content: flex-start;
        align-items: center;
        width: min-content;
        margin: 0 auto 0 0;
        padding: 0;
        display: flex;
        position: relative;
    }

    #contents {
        --f2w-order:1;
        flex-flow: column;
        flex-shrink: 0;
        justify-content: flex-start;
        align-items: start;
        row-gap: 64px;
        width: 100%;
        margin: 0;
        padding: 0 0 40px;
        display: flex;
        position: relative;
    }

    #top {
        display: flex;
        position: relative;
        grid-column-gap: 0px;
        --f2w-order:0;
        flex-flow: row;
        flex-shrink: 0;
        justify-content: space-between;
        align-items: start;
        align-self: stretch;
        width: 100%;
        margin: 0;
        padding: 80px 0 0;
    }

    .top-left {
        --f2w-order:0;
        flex-flow: column;
        flex-grow: 1;
        flex-basis: 0;
        justify-content: center;
        align-items: start;
        row-gap: 32px;
        width: 100%;
        margin: 0 auto 0 0;
        padding: 0;
        display: flex;
        position: relative;
    }

    .top-left .h2 {
        margin-block: 0em;
    }


    .top-right {
        --f2w-order:1;
        position: relative;
        display: flex;
        flex-flow: column;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        margin: 0;
        gap: 12px;
    }

    .top-right > .logo-small {
        margin: 0;
    }

    .logo-big {
        align-self: stretch;
        position: relative;
        overflow: hidden;
        object-fit: cover;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .logo-big > img {
        width: 70%;
        height: auto;
    }

    #uebersetzung, #dolmetschen, #sonstiges, #ueberMich, #kontakt {
        --f2w-oder:1;
        border-radius: 0;
        flex-flow: column;
        flex-shrink: 0;
        justify-content: flex-start;
        align-items: start;
        row-gap: 32px;
        width: 100%;
        margin: 0;
        padding: 0;
        display: flex;
        position: relative;
    }

    .title {
        display: flex;
        flex-flow: column;
        row-gap: 20px;
        align-self: stretch;
    }

    .title > .h2 {
        margin-block: 2em 0em;
    }

    .desktop-row {
        width: 100%;
        position: relative;
        display: flex;
        flex-flow: row;
        align-items: flex-start;
        gap: 80px;
    }

    .thumbnails {
        display: flex;
        position: relative;
        grid-column-gap: 32px;
        --f2w-order:1;
        border-radius: 0px;
        flex-flow: row;
        flex-shrink: 0;
        justify-content: start;
        align-items: flex-start;
        align-self: stretch;
        width: 100%;
        margin: 0;
        padding: 0;
        overflow-x: auto;
    }

    .thumbnails-child {
        --f2w-order:1;
        border-radius: 0px;
        flex-shrink: 0;
        width: 134px;
        height: 176px;
        margin: 0 auto 0 0;
        position: relative;
    }

    .thumbnails-child > img {
        width: 134px;
        height: auto;
    }

    .thumbnails-firmen {
        --f2w-order:1;
        border-radius: 0px;
        flex-shrink: 0;
        width: 342px;
        height: 176px;
        margin: 0 auto 0 0;
        position: relative;
    }

    .thumbnails-firmen > img {
        width: 342px;
        height: 176px;
    }

    .avue-logo > a > img {
        width: 20%;
        height: auto;
    }

    .list {
      	width: 100%;
  	    position: relative;
  	    display: flex;
  	    align-items: center;
  	    justify-content: center;
  	    text-align: left;
  	    color: var(--primary-color);
  	    font-family: var(--font-montserrat);
        line-height: 1.8;
    }

    .list-container {
  	    flex: 1;
  	    position: relative;
        padding-left: 19px;
    }

    .list-container-paddingL {
  	    margin: 0;
  	    font-family: inherit;
  	    font-size: inherit;
  	    padding-left: 19px;
        font-size: 14px;
    }

    .list-fliesstext > a {
        text-decoration: underline;
        text-decoration-color: var(--fliesstext);
    }

    .list-fliesstext2 > a {
        color: var(--secondary-color);
    }


    .list-fliesstext {
  	    margin-bottom: 0px;
    }

    .gap {
        display: flex;
        flex-flow: column;
        row-gap: 1em;
    }

    .icon {
        flex: 1;
        display: flex;
        align-items: flex-start;
        gap: 60px;
        height: 30px;
        width: auto;
    }

    .icon-child {
        display: contents;
        color: var(--primary-color);
    }

    .icon-child i {
        font-size: 30px;
    }

    .icon-child svg {
        width: 32px;
        height: 32px;
    }

    .mail {
        content: "\eae5";
    }

    .linkedin {
        content: "\ec8c";
    }

    .blusky {
        content: "\fd75";
        height: 200%;
        width: auto;
    }

    #footer {
        width: 100%;
        position: relative;
        display: flex;
        flex-flow: row;
        align-items: flex-start;
        padding: 60px 0px 60px;
        box-sizing: border-box;
        gap: 16px;
        text-align: left;
    }