#content {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='921' height='921'%3E%3Cg data-name='Gruppe 29' opacity='.05'%3E%3Cg data-name='Gruppe 10' style='isolation:isolate'%3E%3Cg data-name='Ellipse 10' fill='none' stroke='%230060ad' stroke-width='70' style='mix-blend-mode:multiply;isolation:isolate'%3E%3Ccircle cx='460.5' cy='460.5' r='460.5' stroke='none'/%3E%3Ccircle cx='460.5' cy='460.5' r='425.5'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='Polygon 5' d='M692.023 448.378a14 14 0 010 24.243L323 685.862a14 14 0 01-21-12.122V247.259a14 14 0 0121-12.122z' fill='%230060ad'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='921' height='921'%3E%3Cg data-name='Gruppe 29' opacity='.05'%3E%3Cg data-name='Gruppe 10' style='isolation:isolate'%3E%3Cg data-name='Ellipse 10' fill='none' stroke='%230060ad' stroke-width='70' style='mix-blend-mode:multiply;isolation:isolate'%3E%3Ccircle cx='460.5' cy='460.5' r='460.5' stroke='none'/%3E%3Ccircle cx='460.5' cy='460.5' r='425.5'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='Polygon 5' d='M692.023 448.378a14 14 0 010 24.243L323 685.862a14 14 0 01-21-12.122V247.259a14 14 0 0121-12.122z' fill='%230060ad'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='921' height='921'%3E%3Cg data-name='Gruppe 29' opacity='.05'%3E%3Cg data-name='Gruppe 10' style='isolation:isolate'%3E%3Cg data-name='Ellipse 10' fill='none' stroke='%230060ad' stroke-width='70' style='mix-blend-mode:multiply;isolation:isolate'%3E%3Ccircle cx='460.5' cy='460.5' r='460.5' stroke='none'/%3E%3Ccircle cx='460.5' cy='460.5' r='425.5'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='Polygon 5' d='M692.023 448.378a14 14 0 010 24.243L323 685.862a14 14 0 01-21-12.122V247.259a14 14 0 0121-12.122z' fill='%230060ad'/%3E%3C/g%3E%3C/svg%3E");
    /* url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='921' height='921'%3E%3Cg data-name='Gruppe 29' opacity='.05'%3E%3Cg data-name='Gruppe 10' style='isolation:isolate'%3E%3Cg data-name='Ellipse 10' fill='none' stroke='%230060ad' stroke-width='70' style='mix-blend-mode:multiply;isolation:isolate'%3E%3Ccircle cx='460.5' cy='460.5' r='460.5' stroke='none'/%3E%3Ccircle cx='460.5' cy='460.5' r='425.5'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='Polygon 5' d='M692.023 448.378a14 14 0 010 24.243L323 685.862a14 14 0 01-21-12.122V247.259a14 14 0 0121-12.122z' fill='%230060ad'/%3E%3C/g%3E%3C/svg%3E"); */

    background-size: 450px;
    background-repeat: no-repeat;
    background-position: left -90px top 280px, right -120px top 25%, left -90px top 40%;
}

@media only screen and (min-width: 740px) {
    #content {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='921' height='921'%3E%3Cg data-name='Gruppe 29' opacity='.05'%3E%3Cg data-name='Gruppe 10' style='isolation:isolate'%3E%3Cg data-name='Ellipse 10' fill='none' stroke='%230060ad' stroke-width='70' style='mix-blend-mode:multiply;isolation:isolate'%3E%3Ccircle cx='460.5' cy='460.5' r='460.5' stroke='none'/%3E%3Ccircle cx='460.5' cy='460.5' r='425.5'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='Polygon 5' d='M692.023 448.378a14 14 0 010 24.243L323 685.862a14 14 0 01-21-12.122V247.259a14 14 0 0121-12.122z' fill='%230060ad'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='921' height='921'%3E%3Cg data-name='Gruppe 29' opacity='.05'%3E%3Cg data-name='Gruppe 10' style='isolation:isolate'%3E%3Cg data-name='Ellipse 10' fill='none' stroke='%230060ad' stroke-width='70' style='mix-blend-mode:multiply;isolation:isolate'%3E%3Ccircle cx='460.5' cy='460.5' r='460.5' stroke='none'/%3E%3Ccircle cx='460.5' cy='460.5' r='425.5'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='Polygon 5' d='M692.023 448.378a14 14 0 010 24.243L323 685.862a14 14 0 01-21-12.122V247.259a14 14 0 0121-12.122z' fill='%230060ad'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='921' height='921'%3E%3Cg data-name='Gruppe 29' opacity='.05'%3E%3Cg data-name='Gruppe 10' style='isolation:isolate'%3E%3Cg data-name='Ellipse 10' fill='none' stroke='%230060ad' stroke-width='70' style='mix-blend-mode:multiply;isolation:isolate'%3E%3Ccircle cx='460.5' cy='460.5' r='460.5' stroke='none'/%3E%3Ccircle cx='460.5' cy='460.5' r='425.5'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='Polygon 5' d='M692.023 448.378a14 14 0 010 24.243L323 685.862a14 14 0 01-21-12.122V247.259a14 14 0 0121-12.122z' fill='%230060ad'/%3E%3C/g%3E%3C/svg%3E");

        background-size: 500px;
        background-position: right -120px top 150px, left -120px top 30%, right -120px top 45%;
    }
}

@media only screen and (min-width: 1200px) {
    #content {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='921' height='921'%3E%3Cg data-name='Gruppe 29' opacity='.05'%3E%3Cg data-name='Gruppe 10' style='isolation:isolate'%3E%3Cg data-name='Ellipse 10' fill='none' stroke='%230060ad' stroke-width='70' style='mix-blend-mode:multiply;isolation:isolate'%3E%3Ccircle cx='460.5' cy='460.5' r='460.5' stroke='none'/%3E%3Ccircle cx='460.5' cy='460.5' r='425.5'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='Polygon 5' d='M692.023 448.378a14 14 0 010 24.243L323 685.862a14 14 0 01-21-12.122V247.259a14 14 0 0121-12.122z' fill='%230060ad'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='921' height='921'%3E%3Cg data-name='Gruppe 29' opacity='.05'%3E%3Cg data-name='Gruppe 10' style='isolation:isolate'%3E%3Cg data-name='Ellipse 10' fill='none' stroke='%230060ad' stroke-width='70' style='mix-blend-mode:multiply;isolation:isolate'%3E%3Ccircle cx='460.5' cy='460.5' r='460.5' stroke='none'/%3E%3Ccircle cx='460.5' cy='460.5' r='425.5'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='Polygon 5' d='M692.023 448.378a14 14 0 010 24.243L323 685.862a14 14 0 01-21-12.122V247.259a14 14 0 0121-12.122z' fill='%230060ad'/%3E%3C/g%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='921' height='921'%3E%3Cg data-name='Gruppe 29' opacity='.05'%3E%3Cg data-name='Gruppe 10' style='isolation:isolate'%3E%3Cg data-name='Ellipse 10' fill='none' stroke='%230060ad' stroke-width='70' style='mix-blend-mode:multiply;isolation:isolate'%3E%3Ccircle cx='460.5' cy='460.5' r='460.5' stroke='none'/%3E%3Ccircle cx='460.5' cy='460.5' r='425.5'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='Polygon 5' d='M692.023 448.378a14 14 0 010 24.243L323 685.862a14 14 0 01-21-12.122V247.259a14 14 0 0121-12.122z' fill='%230060ad'/%3E%3C/g%3E%3C/svg%3E");

        background-size: 921px;
        background-position: right -362px top 100px, left -120px top 30%, right -362px top 50%;
    }
}


@media only screen and (max-width: 979px) {
    .sidebar {
        width: auto;
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0;
        min-width: 0;
        max-width: initial;
        padding-left: 0;
        padding-right: 0;
    }

    .sidebar__content {
        bottom: auto;
        transform: none;
        top: 50%;
        right: 0;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .sidebar .btn {
        border-radius: 5px;
    }

    .sidebar .btn--to-top {
        display: none;
    }
}