html {font-family: "Share", sans-serif;}            :root {
                --color-dunkel: rgba(24, 109, 128, 1);
                --color-mittel: rgba(35, 155, 193, 1);
                --color-hell: rgba(202, 231, 238, 1);
            }
            .color-dunkel {
                background-color: rgba(24, 109, 128, 1);
                color:white;
            }
            .color-mittel {
                background-color: rgba(35, 155, 193, 1);
            }
            .color-hell {
                background-color: rgba(202, 231, 238, 1);
            }
            .border-dunkel {
                border-color: rgba(24, 109, 128, 1);
            }
            .border-mittel {
                border-color: rgba(35, 155, 193, 1);
            }
            .border-hell {
                border-color: rgba(202, 231, 238, 1);
            }
            .text-color-hell {
                color: rgba(202, 231, 238, 1);
            }
            .text-color-mittel, main p a:hover, .m-submenu a:hover, footer a:hover {
                color: rgba(35, 155, 193, 1);
            }
            .text-color-dunkel {
                color: rgba(24, 109, 128, 1);
            }
            .m-layout-3--bg-gradient {
                background: linear-gradient(to bottom, rgba(24, 109, 128, 1) 75%, rgba(24, 109, 128, 0) 50%);
            }
            .m-topslider-button {
                color: white;
                background-color: transparent;
            }
            .m-topslider-button:hover {
                color: black;
                background-color: white;
            }

            .m-icon-plus {
              fill:rgba(35, 155, 193, 1);
            }
            .tx-container, .tx-container.color-hell, .tx-container > .container > .color-hell, .tx-container > .container.color-hell {
                .m-button {
                    background-color: rgba(24, 109, 128, );
                    color: rgba(24, 109, 128, 1);
                }
                .m-button:hover{
                    background-color: rgba(24, 109, 128, 1);
                    color: rgba(202, 231, 238, 1);
                }
                .button-border {
                    border-color: rgba(24, 109, 128, 1);
                }
            }
            .tx-container.color-dunkel, .tx-container > .container > .color-dunkel, .tx-container > .container.color-dunkel {
                .m-button {
                    background-color: rgba(202, 231, 238, );
                    color: rgba(202, 231, 238, 1);
                }
                .m-button:hover{
                    background-color: white;
                    color: rgba(24, 109, 128, 1);
                }
                .button-border {
                    border-color: rgba(202, 231, 238, 1);
                }
            }
        h1,h2 {
        	color: var(--color-dunkel);
        }      @font-face {
  font-family: "Share";
  src: url("/fileadmin/user_upload/osab_gr_ch/config/Font/Share.woff2") format("woff2");
}