/* Anfang des Platzhalters */

/* Ende des Platzhalters */

/* Ende Handwritten: Brush Script MT */
	.handwritten {
			font-size: 1.5em; /* Größe anpassen */
			font-family: 'Brush Script MT', cursive; /* Schreibschrift */
			font-style: italic; /* Optional: Kursivschrift */
}
/* Ende Handwritten: Brush Script MT */

/* Laufschrift von Webdesign Weisshart */

	.marquee {
		max-width: 100vw; /* iOS braucht das */
		white-space: nowrap;
		overflow: hidden;
		/* hier evtl. noch font-size, color usw. */
	}

	.marquee span {
		display: inline-block;
		padding-left: 105%; /* die zusätzlichen 5% erzeugen einen verzögerten Start und vermeiden so ein Ruckeln auf langsamen Seiten */

    /* GESCHWINDIGKEIT MIT CALC:
       Wir nehmen eine Basiszeit (z.B. 0.1s pro Zeichen). 
       Die Variable --chars setzt du im HTML (Anzahl der Buchstaben).
       Fallback ist 30s, falls keine Variable definiert ist. */
    animation: marquee-scroll var(--speed, calc(var(--chars, 100) * 0.3s)) linear infinite;
    
    /* iOS Safari Hardware-Beschleunigung erzwingen */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    will-change: transform;
	}

	/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
	.marquee span:hover {
		animation-play-state: paused 
	}

	/* Make it move (In Bewegung setzen) */
	/* Die Animation mit translate3d für maximale Performance auf iOS */
	@keyframes marquee-scroll {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
	}
}
/* Ende der Laufschrift von Webdesign Weisshart */

/* Sorgt dafür, dass Tabellen auf dem Handy scrollbar sind, statt das Design zu sprengen */
	.gutenberg-responsive-table {
			width: 100%;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
			margin-bottom: 1.5em;
	}
	.has-small-font-size {
			font-size: 0.85rem !important;
	}
	table {
			width: 100%;
			min-width: 400px; /* Verhindert zu starkes Quetschen der Spalten */
}
/* Ende: Sorgt dafür, dass Tabellen auf dem Handy scrollbar sind, statt das Design zu sprengen */

/* Abgerundeter Button */
	.rounded-button .wp-block-button__link {
			border-radius: 15px; /* Ecken abrunden */
}
/* Ende Abgerundeter Button */