	
<turbo-stream target="turbo-door-content" action="update">
	<template>
		<div class="modal fade" id="door-content" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" role="dialog" aria-labelledby="modalTitleId" aria-hidden="true" data-controller="door-modal" data-door-id="13053">
			<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered modal-md" role="document">
				<div class="modal-content">
					<div class="modal-body">
																																						<div class="door-content__image d-flex justify-content-center">
										<picture >
	<source srcset="/kalendermaxx/13051/logo-kalendermaxx.svg 1x" width="800" height="367" type="image/svg+xml" />
	<source srcset="/kalendermaxx/13051/logo-kalendermaxx.svg 1x" width="800" height="367" type="image/svg+xml" />
	<source srcset="/kalendermaxx/13051/logo-kalendermaxx.svg 1x" width="800" height="367" type="image/svg+xml" />
	<img class="img-fluid content-image" src="/kalendermaxx/13051/logo-kalendermaxx.svg" width="800" height="367" alt="" loading="lazy" srcset="/kalendermaxx/13051/logo-kalendermaxx.svg 1x" />
</picture>

									</div>
								
								<div class="door-content__text"  style="color:#c9387c" >
									<p>Hallo hier steht Text ☘<br></p>
								</div>

																												
													<div class="door-dontent__winwheel d-flex justify-content-center">
								<turbo-frame id="winwheel">
	<div class="winwheel">
		<div class="text-center" data-controller="winwheel" data-winwheel-base-color-value="#cccccc" data-winwheel-sectors-value="24" data-winwheel-winning-sectors-value="20,3,6">
			<div class="winwheel__description">
									<h2>Drehen und Gewinnen!</h2><p>Jetzt drehen und mit etwas Glück am Gewinnspiel teilnehmen.</p>
							</div>
			<div class="winwheel__wrapper">
				<canvas class="winwheel__wheel" width="300" height="300" data-winwheel-target="wheel"></canvas>
				<button type="button" class="winwheel__spin-button" data-winwheel-target="spinButton" data-action="click->winwheel#startSpin"><i class="bi bi-arrow-clockwise " ></i></button>
			</div>
			<turbo-frame id="turbo-winwheel-check">
	<div class="mt-3 mb-3">
		<div class="winwheel__message" data-winwheel-target="messages"></div>
		<div class="winwheel__legend">
			Max. Anzahl an Versuchen:
			0/3
		</div>
		<form action="/kalendermaxx/winwheel/13053/check" method="post" data-turbo-frame="winwheel-check" data-winwheel-target="form">
			<input type="hidden" name="spinnedValue" value="" data-winwheel-target="spinnedValueInput">
		</form>
	</div>
</turbo-frame>		</div>
	</div>
</turbo-frame>
							</div>
											</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-bs-dismiss="modal">Schließen</button>
					</div>
				</div>
			</div>
		</template>
	</turbo-stream>

	<turbo-stream target="turbo-door-inner-content-13053" action="update">
		<template>
							<img src="/kalendermaxx/13051/logo-kalendermaxx.svg">
					</template>
	</turbo-stream>

	<turbo-stream target="turbo-door-back-content-13053" action="update">
		<template>
							<img src="/kalendermaxx/13051/logo-kalendermaxx.svg">
					</template>
	</turbo-stream>