.donation-dialog
{
	display: none; /* Anfangs unsichtbar */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba( 255, 255, 255, 0.7); /* Halbtransparenter schwarzer Hintergrund */
	z-index: 105; /* Über allem anderen */
	overflow-y: auto; /* Scrolling nur im Dialog */
}

/* Close-Button: Fix im Container, aber außerhalb des scrollbaren Bereichs */
.donation-dialog .close-donation-dialog
{
	position: absolute;
	top: 0px;
	right: 15px;
	z-index: 10;
	border: none;
	cursor: pointer;
}

.donation-dialog .close-donation-dialog i
{
	color: var( --tpe-base-color );
}

.donation-dialog .donation-dialog-inner
{
	position: absolute;
	min-width: 90%;
	width: 90%;
	max-width: 90%;
	max-height: 80vh;
	margin: auto;
	background: white;
	border-radius: 5px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	/* Flexbox zurücksetzen, falls Elementor es erzwingt */
	display: block;
	flex: none;
	/* Margins/Padding von Elementor überschreiben */
	margin-top: 0;
	margin-bottom: 0;
	/* Zentrierung (alternativ zu Flexbox) */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* Scrolling nur im Dialog */
	-webkit-overflow-scrolling: touch; /* Für iOS */
	border: 3px solid var( --tpe-base-color );
}

.donation-dialog .donation-content
{
	height: calc(80vh - 40px); /* Platz für den Close-Button */
	padding: 30px 30px 20px 20px;
	overflow-y: auto;
}

html.no-scroll,
body.no-scroll
{
	overflow: hidden !important; /* Scrolling der Webseite deaktivieren */
}

/* Styling für die Radio-Buttons als Toggle-Buttons */
div[data-wpcf7-id="5050"] .wpcf7-form-control.wpcf7-radio input[type="radio"][name="paypal_fast"]
{
    display: none; /* Verstecke die ursprünglichen Radio-Buttons */
}

div[data-wpcf7-id="5050"] .wpcf7-form-control.wpcf7-radio input[type="radio"][name="paypal_fast"] + .wpcf7-list-item-label
{
    display: inline-block;
    padding: 10px 15px;
    background-color: var( --tpe-base-color );
	color: var( --tpe-light-color );
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s;
	font-weight: bold;
}

div[data-wpcf7-id="5050"] .wpcf7-form-control.wpcf7-radio input[type="radio"][name="paypal_fast"]:checked + .wpcf7-list-item-label
{
    background-color: var( --tpe-second-color );
    color: var( --tpe-light-color );
}

div[data-wpcf7-id="5050"] .wpcf7-form-control.wpcf7-radio input[type="radio"][name="paypal_fast"] + .wpcf7-list-item-label:hover
{
    background-color: #e0e0e0;
}