body{
	font-family: "Manrope", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: 300;
	  font-style: normal;
	  
	color: #0D0D0D;
	letter-spacing: 0.01em;
	font-size: clamp(1rem, 1.2vw, 1.125rem);
	hyphens: auto;
	background: linear-gradient(45deg, #fffff5, #ffecc7);
	min-height: 100vh;
	margin: 0;
}
*, :after, :before {
	box-sizing: border-box;
}

a{
	text-decoration: none;
	color: var(--color-c2);
	cursor: pointer !important;
}


h1 {
font-size: clamp(3rem, 6vw, 5rem); 
}
.google-font{    font-family: "Cormorant", serif;
	  font-optical-sizing: auto;
	  font-weight: 300;
	  font-style: normal; margin-bottom: 2rem;}


/* -------------------------
		 VIDEO-BEREICH
		 ------------------------- */
	  
	  /* Container: reserviert Platz & verhindert, dass Content hochrutscht */
	  .video-container {
		position: relative;
		aspect-ratio: 16 / 9;   /* Höhe bleibt erhalten, kein Springen */
		overflow: hidden;
		border-radius: 8px;
	  }
	  
	  /* Skelett-Poster: wird als Platzhalter angezeigt, bis das Video ready ist */
	  .video-container::before {
		content: "";
		position: absolute;
		inset: 0;
		background-image: url("https://www.willyoumarry.de/fileadmin/templates/willyoumarry/images/intro.jpg");
		background-size: cover;
		background-position: center;
		transition: opacity .2s ease;
		opacity: 1;
		pointer-events: none;
		border-radius: inherit;
	  }
	  
	  /* Wenn ready: Poster weich ausblenden, Höhe bleibt erhalten */
	  .video-container.ready::before {
		opacity: 0;
	  }
	  
	  /* Video selbst: füllt die reservierte Fläche */
	  #myVideo {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		background: transparent !important; /* kein schwarzer Hintergrund */
		opacity: 0;                         /* unsichtbar bis ready */
		transition: opacity .2s ease;       /* weich einblenden */
		border-radius: inherit;
		display: block;
	  }
	  
	  /* Wenn ready → Video sichtbar */
	  .video-container.ready #myVideo {
		opacity: 1;
	  }
	  
	  /* Loader zentriert, klicks gehen durch */
	  .video-container .loading-spinner {
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		pointer-events: none;
		background: transparent;
	  }

	  
.template_103 a
{
	cursor: pointer !important;
}