body {
    overflow-x: hidden;
}

html, body {
    touch-action: manipulation;
}

#bigRedButton {
    z-index: 2;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: #FD4A47;
    border: none;
    outline: none;
    font-size: 4rem;
    color: #B63230;
    font-weight: bold;
    text-align: center;
    font-family: 'Arial', sans-serif;
    touch-action: manipulation;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent; /* Entfernt das blaue Highlight auf iOS */
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}


.buttonBase {
    padding-bottom: 2.25rem;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background-color: #9B2D2B;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 20px solid #656565;
    transition: 0.125s ease-in-out;
}