.mod_twoclickcontent_overlay {
display: flex;
    flex-direction: column; /* Stapelt die Elemente untereinander */
    justify-content: center; /* Zentriert vertikal */
    align-items: center; /* Zentriert horizontal */
    text-align: center; /* Sorgt dafür, dass auch der Text selbst mittig ist */

    /* Dein bestehender Code */
    color: #333;
    width: 66%;
    margin: 1em auto;    
    padding: 1em;
    font-size: 85%;
    
    /* Wichtig: Damit die vertikale Zentrierung sichtbar wird, 
       benötigt der Container oft eine Mindesthöhe */
    min-height: 450px;
	  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.mod_twoclickcontent_overlay_content {
	
	
}

.mod_twoclickconent_confirm {
	text-align:center;	
}

.mod_twoclickcontent_button {
    display: inline-block;
    margin: 0.5em 0;
    padding: 0.6em 1.2em; /* Mehr Platz im Button */
    
    /* Rahmen & Ecken */
    border: 1px solid #333;
    border-radius: 4px; /* Sanft abgerundet */
    
    /* Farben & Text */
    background-color: #333; /* Dunkler Hintergrund */
    color: #fff; /* Weißer Text */
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
    
    /* Sanfter Übergang für den Hover-Effekt */
    transition: all 0.3s ease;
}

/* Der Effekt, wenn man mit der Maus drüberfährt */
.mod_twoclickcontent_button:hover {
    background-color: #555; /* Etwas heller beim Drüberfahren */
    border-color: #555;
    transform: translateY(-1px); /* Kleiner "Lifting"-Effekt */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}