/* Unterseiten mit Hero-Video (.columns-video): Position und Größe des KI-Avatars auf kleinen Bildschirmen (überschreibt custom.css) */

@media screen and (max-width: 767px) { /* phone: Avatar rechts mit 15px Abstand, 50px tiefer, Play-Button mittig darunter */
	.columns-video .overlay-text {
		left: auto;
		right: 10px; /* + 5px Innenabstand des Containers = 15px zum Bildschirmrand */
		width: auto;
		top: calc(34% + 50px);
	}
	.columns-video .overlay-text .intro-video {
		margin-left: 0;
		margin-top: 0;
		position: static;
	}
	.columns-video .overlay-text .video-start {
		position: relative;
		display: block;
		width: max-content;
		margin: 0 auto;
		text-align: center;
	}
}

@media screen and (max-width: 567px) { /* small phone: Avatar kleiner, damit er Video und Text darunter nicht zudeckt */
	.columns-video .overlay-text .intro-video {
		width: 140px;
		height: 140px;
		padding: 7px;
	}
}