html {font-family: "Bricolage Grotesque", sans-serif;}        :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);
        }      @font-face {
        font-family: "Bricolage Grotesque";
        src: url("/fileadmin/user_upload/zippelzappel.ch/config/Font/BricolageGrotesque12pt-Regular.woff2") format("woff2");
      }iframe.dp--iframe  {background-color: rgba(133,166,215)!important;}