.gg-reisebegleitung-page { padding: 20px 0; }

.gg-canvas {
	position: relative;
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
	min-height: 640px;
}

.gg-canvas .gg-el {
	position: absolute;
	box-sizing: border-box;
}

.gg-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
	border-radius: 6px;
	font-weight: 600;
	text-align: center;
}

.gg-social-icon { font-size: 28px; }
.gg-social-icon-link { display: inline-flex; text-decoration: none; }
.gg-social-icon-nolink { opacity: 0.35; cursor: not-allowed; }

.gg-edit-link { text-align: center; margin-top: 12px; }
.gg-edit-link a { font-size: 13px; color: #666; }

.gg-companions-box { margin-top: 32px; padding-top: 16px; border-top: 1px solid #eee; }
.gg-companions-box h4 { margin-bottom: 10px; font-size: 14px; text-transform: uppercase; letter-spacing: .05em; color: #888; }
.gg-companions-list { display: flex; flex-wrap: wrap; gap: 14px; }
.gg-companion-card { display: flex; align-items: center; gap: 8px; text-decoration: none; color: inherit; border: 1px solid #eee; border-radius: 30px; padding: 4px 14px 4px 4px; }
.gg-companion-card img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
.gg-companion-noimg { width: 36px; height: 36px; border-radius: 50%; background: #eee; display: flex; align-items: center; justify-content: center; }
.gg-companion-name { font-size: 14px; font-weight: 600; }

.gg-my-companions { list-style: none; padding: 0; }
.gg-my-companions li { padding: 6px 0; border-bottom: 1px solid #eee; }

/* Auf schmalen Screens: absolute Positionierung ausschalten, gestapelte
   Reihenfolge nach y-Position (Elemente kommen bereits sortiert aus PHP) */
@media (max-width: 600px) {
	.gg-canvas {
		min-height: 0;
	}
	.gg-canvas .gg-el {
		position: static !important;
		width: 100% !important;
		height: auto !important;
		margin-bottom: 12px;
	}
}