:root {
                --color-dunkel: rgba(37,102,103, 1);
                --color-mittel: rgba(152,195,130, 1);
                --color-hell: rgba(242, 242, 242, 1);
            }
            .color-dunkel {
                background-color: rgba(37,102,103, 1);
                color:white;
            }
            .color-mittel {
                background-color: rgba(152,195,130, 1);
            }
            .color-hell {
                background-color: rgba(242, 242, 242, 1);
            }
            .border-dunkel {
                border-color: rgba(37,102,103, 1);
            }
            .border-mittel {
                border-color: rgba(152,195,130, 1);
            }
            .border-hell {
                border-color: rgba(242, 242, 242, 1);
            }
            .text-color-hell {
                color: rgba(242, 242, 242, 1);
            }
            .text-color-mittel, main p a:hover, .m-submenu a:hover, footer a:hover {
                color: rgba(152,195,130, 1);
            }
            .text-color-dunkel {
                color: rgba(37,102,103, 1);
            }
            .m-layout-3--bg-gradient {
                background: linear-gradient(to bottom, rgba(37,102,103, 1) 75%, rgba(37,102,103, 0) 50%);
            }
            .m-topslider-button {
                color: white;
                background-color: transparent;
            }
            .m-topslider-button:hover {
                color: black;
                background-color: white;
            }

            .m-icon-plus {
              fill:rgba(152,195,130, 1);
            }
            .tx-container, .tx-container.color-hell, .tx-container > .container > .color-hell, .tx-container > .container.color-hell {
                .m-button {
                    background-color: rgba(37,102,103, 1);
                    color: rgba(37,102,103, 1);
                }
                .m-button:hover{
                    background-color: rgba(37,102,103, 1);
                    color: rgba(242, 242, 242, 1);
                }
                .button-border {
                    border-color: rgba(37,102,103, 1);
                }
            }
            .tx-container.color-dunkel, .tx-container > .container > .color-dunkel, .tx-container > .container.color-dunkel {
                .m-button {
                    background-color: rgba(242, 242, 242, 1);
                    color: rgba(242, 242, 242, 1);
                }
                .m-button:hover{
                    background-color: white;
                    color: rgba(37,102,103, 1);
                }
                .button-border {
                    border-color: rgba(242, 242, 242, 1);
                }
            }
        .m-button { color: rgba(242, 242, 242, 1);}
        .m-button:hover {
            background-color: rgba(242, 242, 242, 1);
            color: rgba(37,102,103, 1);
            border-color: rgba(37,102,103, 1);
        }
        .m-button-inverted {
        background-color: unset
        }        .m-menu__item-link {
        	text-transform: uppercase;
        	letter-spacing: 0.1rem;
        }        .m-menu__item-link {
            color: var(--color-dunkel);
        }
        .m-menu__item-link:hover,
        .m-menu__item-link.active {
            border-color: var(--color-dunkel);
        }
        .m-submenu {
            color: var(--color-dunkel);

        }