:root {
            --color-dunkel: rgba(83, 86, 44, 1);
            --color-mittel: rgba(182, 117, 19, 1);
            --color-hell: rgba(221, 221, 213, 1);
        }
        main .m-text a {
            color: rgba(182, 117, 19, 1);
        }
        html, body {
            font-family: 'Bricolage Grotesque', sans-serif;
        }
        .color-dunkel {
            background-color: rgba(83, 86, 44, 1);
            color:white;
        }
        .m-layout-3--bg-gradient {
            background: linear-gradient(to bottom, rgba(83, 86, 44, 1) 75%, rgba(83, 86, 44, 0) 50%);
        }
        .m-button {
            background-color: rgba(83, 86, 44, 0);
            color: rgba(83, 86, 44, 1);
        }
        .m-button:hover{
            background-color: rgba(83, 86, 44, 1);
            color: rgba(221, 221, 213, 1);
        }
        .button-border {
            border-color: rgba(83, 86, 44, 1);
        }
        .border-mittel {
            border-color: rgba(182, 117, 19, 1);
        }
        .m-icon-plus {
          fill:rgba(182, 117, 19, 1);
        }
        .m-button-inverted {
            background-color: rgba(221, 221, 213, 0);
            color: rgba(221, 221, 213, 1);
        }
        .m-button-inverted:hover{
            background-color: rgba(221, 221, 213, 1);
            color: rgba(83, 86, 44, 1);
        }
        .button-border-inverted {
            border-color: rgba(221, 221, 213, 1);
        }
        .color-mittel {
            background-color: rgba(182, 117, 19, 1);
        }
        .text-color-mittel {
            color: rgba(182, 117, 19, 1);
        }
        .color-hell {
            background-color: rgba(221, 221, 213, 1);
        }iframe.dp--iframe  {background-color: rgba(133,166,215)!important;}