section#angus .content {
    background: linear-gradient(318deg, rgba(1,0,22,1) 0%, rgba(59,59,59,1) 35%, rgba(38,38,38,1) 100%); 
}

section#angus:hover #angusCursor {
    display: flex;
}

#angusCursor {
    display: none;


    width: 100px; /* Set the width of the circle */
    height: 100px; /* Set the height of the circle */
    border-radius: 50%; /* This makes the div a circle */
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
    flex-direction: column; /* Stack flex items vertically */
    text-align: center; /* Center the text horizontally */
    font-weight: bold; /* Make the text bold */
    background-color: #ad0000; /* Background color of the circle */
    color: #fff; /* Text color */
    /* Add any additional styling such as margin, padding, border, etc., as needed */
    mix-blend-mode: luminosity;

    box-shadow: 0 0 30px 10px rgb(255, 255, 255);

    transform: translate(-50%, -50%);

    cursor: pointer;
}

#angusCursor::before {
    content: 'Projekt';
    display: block; /* Ensures the text appears on a new line */
}

#angusCursor::after {
    content: 'ansehen';
    display: block; /* Ensures the text appears on a new line */
}






section#jobzone .content {
    background-image: url(/assets/jobzone/bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
section#jobzone:hover #jobzoneCursor {
    display: flex;
}

#jobzoneCursor {
    display: none;


    width: 100px; /* Set the width of the circle */
    height: 100px; /* Set the height of the circle */
    border-radius: 50%; /* This makes the div a circle */
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
    flex-direction: column; /* Stack flex items vertically */
    text-align: center; /* Center the text horizontally */
    font-weight: bold; /* Make the text bold */
    background-color: #00eeff; /* Background color of the circle */
    color: #fff; /* Text color */
    /* Add any additional styling such as margin, padding, border, etc., as needed */
    mix-blend-mode: luminosity;


    transform: translate(-50%, -50%);

    cursor: pointer;
}

#jobzoneCursor::before {
    content: 'Projekt';
    display: block; /* Ensures the text appears on a new line */
}

#jobzoneCursor::after {
    content: 'ansehen';
    display: block; /* Ensures the text appears on a new line */
}