html {
	scroll-behavior: smooth;
}

dialog {
	cursor: pointer;
}

.talekoffert-image-container {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	width: 100%;
	height: clamp(200px, 30vw, 350px);
	margin: auto;
	gap: 1rem;

	img {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
		cursor: pointer;
	}
}

.layout {
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: 2rem;
}

.sticky-sidebar {
	position: sticky;
	top: 1rem;
	padding: 1rem;
	height: fit-content;
}

@media (max-width: 1450px) {
	.sticky-sidebar {
		display: none;
	}

	.layout {
		display: flex;
	}
}