.shortys {
		--st-red: #b8352c;
		--st-blue: #2a5ba8;
		--st-blue-light: #dce8f7;
		--st-cream: #fdf9f2;
		--st-charcoal: #333333;
		font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
		color: var(--st-charcoal) !important;
		background: var(--st-cream) !important;
	}

	/* ---- Banner mit sanfter Schwebe-Animation ---- */
	.shortys__banner {
		position: relative !important;
		width: 100% !important;
		height: clamp(220px, 32vw, 420px) !important;
		overflow: hidden !important;
		background: #111 !important;
	}

	.shortys__banner img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center 30% !important;
		display: block !important;
		/* leichter Ueberschuss, damit beim Schweben keine Raender entstehen */
		transform: scale(1.04) !important;
		animation: shortysFloat 7s ease-in-out infinite !important;
		will-change: transform !important;
	}

	@keyframes shortysFloat {
		0%   { transform: scale(1.04) translateY(0); }
		50%  { transform: scale(1.04) translateY(-14px); }
		100% { transform: scale(1.04) translateY(0); }
	}

	@media (prefers-reduced-motion: reduce) {
		.shortys__banner img {
			animation: none !important;
			transform: none !important;
		}
	}

	/* ---- Logo-Badge oben ---- */
	.shortys__badges {
		position: relative !important;
		display: flex !important;
		justify-content: center !important;
		margin-top: clamp(-80px, -9vw, -60px) !important;
		padding: 0 20px !important;
		z-index: 2 !important;
	}

	.shortys__badge {
		width: clamp(130px, 18vw, 175px) !important;
		height: clamp(130px, 18vw, 175px) !important;
		border-radius: 50% !important;
		overflow: hidden !important;
		background: #fff !important;
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;
		flex-shrink: 0 !important;
	}

	.shortys__badge img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block !important;
	}

	.shortys__content {
		max-width: 780px !important;
		margin: 0 auto !important;
		padding: clamp(24px, 5vw, 48px) 24px clamp(48px, 7vw, 72px) !important;
		text-align: center !important;
	}

	.shortys__heart {
		color: var(--st-red) !important;
		font-size: 2rem !important;
		line-height: 1 !important;
		margin: clamp(24px, 4vw, 36px) 0 16px !important;
	}

	.shortys__title {
		font-family: 'Baloo 2', 'Poppins', sans-serif !important;
		font-weight: 700 !important;
		font-size: clamp(2rem, 5vw, 2.9rem) !important;
		color: var(--st-red) !important;
		margin: 0 0 10px !important;
		letter-spacing: 0.5px !important;
		line-height: 1.2 !important;
	}

	.shortys__subtitle {
		font-weight: 600 !important;
		font-size: clamp(1.3rem, 3.2vw, 1.65rem) !important;
		color: var(--st-blue) !important;
		margin: 0 0 18px !important;
		line-height: 1.35 !important;
	}

	.shortys__text {
		font-size: clamp(1.1rem, 2.4vw, 1.28rem) !important;
		line-height: 1.65 !important;
		color: #555 !important;
		margin: 0 auto 14px !important;
		max-width: 600px !important;
	}

	/* ---- Kommentarkasten mit Avatar ---- */
	.shortys__card {
		position: relative !important;
		background: #ffffff !important;
		border: 2px solid var(--st-blue-light) !important;
		border-radius: 20px !important;
		padding: clamp(70px, 9vw, 95px) clamp(22px, 4vw, 40px) clamp(32px, 5vw, 44px) !important;
		margin: clamp(70px, 9vw, 95px) auto 0 !important;
		max-width: 700px !important;
		box-shadow: 0 8px 26px rgba(42, 91, 168, 0.10) !important;
	}

	.shortys__avatar {
		position: absolute !important;
		top: 0 !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
		width: clamp(110px, 15vw, 140px) !important;
		height: clamp(110px, 15vw, 140px) !important;
		border-radius: 50% !important;
		overflow: hidden !important;
		background: #fff !important;
		border: 5px solid #ffffff !important;
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18) !important;
	}

	.shortys__avatar img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block !important;
	}

	.shortys__hello {
		font-family: 'Baloo 2', 'Poppins', sans-serif !important;
		font-weight: 600 !important;
		font-size: clamp(1.5rem, 3.4vw, 1.9rem) !important;
		color: var(--st-charcoal) !important;
		margin: 0 0 18px !important;
	}

	/* ---- Buttons: eckig mit Icon ---- */
	.shortys__actions {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 16px !important;
		margin-top: clamp(26px, 4vw, 36px) !important;
	}

	.shortys__btn {
		display: inline-flex !important;
		align-items: center !important;
		gap: 10px !important;
		padding: 15px 30px !important;
		border-radius: 4px !important;
		font-weight: 600 !important;
		font-size: 1.08rem !important;
		text-decoration: none !important;
		border: 2px solid transparent !important;
		transition: background 0.15s ease, color 0.15s ease !important;
	}

	.shortys__btn svg {
		width: 22px !important;
		height: 22px !important;
		flex-shrink: 0 !important;
	}

	.shortys__btn--mail {
		background: var(--st-red) !important;
		border-color: var(--st-red) !important;
		color: #fff !important;
	}

	.shortys__btn--mail:hover {
		background: transparent !important;
		color: var(--st-red) !important;
	}

	.shortys__btn--insta {
		background: var(--st-blue) !important;
		border-color: var(--st-blue) !important;
		color: #fff !important;
	}

	.shortys__btn--insta:hover {
		background: transparent !important;
		color: var(--st-blue) !important;
	}

	.shortys__divider {
		width: 70px !important;
		height: 3px !important;
		background: var(--st-blue-light) !important;
		border-radius: 3px !important;
		margin: clamp(28px, 5vw, 44px) auto 0 !important;
	}

	@media (max-width: 480px) {
		.shortys__actions {
			flex-direction: column !important;
			align-items: stretch !important;
		}

		.shortys__btn {
			justify-content: center !important;
		}
	}