 :root {
    --primary-color: #0a2295; /* Primärfarbe von MTM Nord */
    --secondary-color: #ffffff; /* Sekundärfarbe */
    --accent-color: #3e4776; /* Akzentfarbe */
    }
body {
    font-family: Arial, sans-serif;
}
.stickerstelle {
            position: fixed;
            left: -15px;
            top: 50%;
            transform: translateY(-50%) rotate(10deg); /* Schrägstellung */
            width: 300px;
            background-color: var(--primary-color);
            color: var(--secondary-color);
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
            padding: 20px;
            z-index: 1000;
            transition: left 0.3s ease;
            border-radius: 0 10px 10px 0;
        }
        .stickerstelle.collapsed {
            left: -280px;
        }
        .stickerstelle h2 {
            margin-top: 0;
            color: var(--secondary-color);
            text-align: center;
        }
        .stickerstelle p {
            text-align: center;
            margin: 20px 0;
        }
        .stickerstelle button.toggle-btn {
            background: var(--accent-color);
            border: none;
            font-size: 20px;
            position: absolute;
            top: 10px;
            right: 15px;
            cursor: pointer;
            color: var(--secondary-color);
            padding: 10px;
            border-radius: 5px;
            transform: rotate(0deg);
        }
        .stickerstelle a.apply-btn {
            display: block;
            margin: 20px auto 0;
            padding: 10px;
            background-color: var(--accent-color);
            color: var(--secondary-color);
            border: none;
            cursor: pointer;
            text-align: center;
            text-decoration: none;
            border-radius: 5px;
            font-weight: bold;
            width: fit-content;
        }
        .stickerstelle a.apply-btn:hover {
            background-color: #c92d34; /* Dunklere Akzentfarbe für Hover-Effekt */
        }
		@media (max-width: 767px) {
            .stickerstelle {
                display: none;
            }
        }