:root {
                --color-dunkel: rgba(16, 80, 162, 1);
                --color-mittel: rgba(82, 128, 189, 1);
                --color-hell: rgba(236, 236, 236, 1);
            }
            .color-dunkel {
                background-color: rgba(16, 80, 162, 1);
                color:white;
            }
            .color-mittel {
                background-color: rgba(82, 128, 189, 1);
            }
            .color-hell {
                background-color: rgba(236, 236, 236, 1);
            }
            .border-dunkel {
                border-color: rgba(16, 80, 162, 1);
            }
            .border-mittel {
                border-color: rgba(82, 128, 189, 1);
            }
            .border-hell {
                border-color: rgba(236, 236, 236, 1);
            }
            .text-color-hell {
                color: rgba(236, 236, 236, 1);
            }
            .text-color-mittel, main p a:hover, .m-submenu a:hover, footer a:hover {
                color: rgba(82, 128, 189, 1);
            }
            .text-color-dunkel {
                color: rgba(16, 80, 162, 1);
            }
            .m-layout-3--bg-gradient {
                background: linear-gradient(to bottom, rgba(16, 80, 162, 1) 75%, rgba(16, 80, 162, 0) 50%);
            }
            .m-topslider-button {
                color: white;
                background-color: transparent;
            }
            .m-topslider-button:hover {
                color: black;
                background-color: white;
            }

            .m-icon-plus {
              fill:rgba(82, 128, 189, 1);
            }
            .tx-container, .tx-container.color-hell, .tx-container > .container > .color-hell, .tx-container > .container.color-hell {
                .m-button {
                    background-color: rgba(16, 80, 162, );
                    color: rgba(16, 80, 162, 1);
                }
                .m-button:hover{
                    background-color: rgba(16, 80, 162, 1);
                    color: rgba(236, 236, 236, 1);
                }
                .button-border {
                    border-color: rgba(16, 80, 162, 1);
                }
            }
            .tx-container.color-dunkel, .tx-container > .container > .color-dunkel, .tx-container > .container.color-dunkel {
                .m-button {
                    background-color: rgba(236, 236, 236, );
                    color: rgba(236, 236, 236, 1);
                }
                .m-button:hover{
                    background-color: white;
                    color: rgba(16, 80, 162, 1);
                }
                .button-border {
                    border-color: rgba(236, 236, 236, 1);
                }
            }
        .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);

        }        h1,h2 {
        	text-transform: uppercase;
        	letter-spacing: 0.1rem;
        }        h1,h2 {
        	color: var(--color-dunkel);
        }        .m-button,.m-button-inverted {
        	text-transform: uppercase;
        	letter-spacing: 0.1rem;
        }html {font-family: "montserrat", sans-serif;}main p, footer p { font-size: clamp(1rem, 2vi, 1.2rem); line-height: clamp(1.5rem, 2vi, 1.8rem);}