:root {
    --website-color-1: #D95F69;
    --website-color-2: #F29544;
}
@media screen and (prefers-color-scheme: dark) { /* to override the Dark Mode Colors defined in the Dark Magic plugin */
    :root {
        --cassiopeia-color-primary: var(--website-color-1) !important;
        --cassiopeia-color-link: var(--website-color-1) !important;
        --cassiopeia-color-hover: var(--website-color-2) !important;
        --cassiopeia-color-gradient-end: var(--website-color-1) !important;
        --cassiopeia-color-gradient-start: var(--website-color-2) !important;
    }
    .btn-primary {
        background-color: var(--website-color-1) !important;
    }
    .btn-primary:focus, .btn-primary:hover {
        background-color: var(--website-color-2) !important;
    }
    .back-to-top-link {
        color: white !important;
    }
    #cf_1 { /* Convert Forms also uses CSS Variables */
        --background-color: rgba(0, 0, 0, 0.9) !important;
	#  --background-color: rgba(9, 9, 9, 9) !important;
    }
	.sidebar-right {
		background: linear-gradient(90deg, rgba(200,200,200,200) 0%, rgba(180,180,180,180) 35%, rgba(100,100,100,100) 100%);
	}
}


   body {
        background-image: url('http://mpoetschik.de/downloads/verlauf.jpg');
        width: 100%;
        height: 100%;
        background-size: cover;
        background-attachment: fixed;
        z-index: -1;
    }