/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
/* ------------------------------------------------------------------ *
 * Vimeo background videos: fill the container, as YouTube ones do
 * Nanobyte, 7 Oct 2026
 *
 * Elementor sizes only the players it builds itself. For a YouTube
 * background it writes the cover size onto its own iframe (e.g. 920x518
 * inside a 920x421 box). For Vimeo it leaves its placeholder at 0x0 and
 * lets Vimeo's script insert an iframe of its own, which gets the
 * container's width but keeps its natural height — 920x240 — so the
 * background fallback image showed above and below the video on the
 * home page destination tabs (France, Italy) while England, a YouTube
 * video, filled correctly.
 *
 * This makes Vimeo's iframe at least as wide and as tall as its
 * container while keeping 16:9, so it crops instead of letterboxing.
 * The :not() leaves Elementor's own iframes alone, so YouTube
 * backgrounds keep the sizing Elementor gives them.
 * ------------------------------------------------------------------ */

.elementor-background-video-container > iframe:not(.elementor-background-video-embed) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	aspect-ratio: 16 / 9;
	border: 0;
	pointer-events: none;
}

/* ------------------------------------------------------------------ *
 * Legal pages: Impressum, Legal Notice, Privacy Policy, Datenschutz
 * Nanobyte, 15 Oct 2026
 *
 * They are plain WordPress content inside The7's default page layout,
 * which gives a 1200px column and no page title. Long legal text at
 * that width is unreadable, and with nothing above it the page opened
 * on a line sitting under the sticky header.
 * ------------------------------------------------------------------ */

.nb-legal .sidebar-none {
	/* clear the sticky header, which overlays the page once it is active */
	padding-top: 110px;
}

.nb-legal .wf-container-main {
	max-width: 820px;   /* about 85 characters, a readable measure */
	margin-left: auto;
	margin-right: auto;
}

.nb-legal .content {
	padding-bottom: 40px;
}

.nb-legal__title {
	/* the theme gives h1 the sans (Inter Tight 700) while every other heading on
	   the site is the serif, so the page title is matched to the section
	   headings rather than left looking like a different website */
	margin: 0 0 6px;
	font-family: "Playfair Display", serif;
	font-size: 42px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: normal;
}

.nb-legal .content > p:first-of-type {
	margin-bottom: 36px;
	color: #6A6A6A;
	font-size: 15px;
}

.nb-legal .content h2 {
	margin: 44px 0 14px;
	font-size: 23px;
	line-height: 1.3;
	/* an in-page link should not land behind the sticky header */
	scroll-margin-top: 120px;
}

.nb-legal .content p,
.nb-legal .content li {
	font-size: 16px;
	line-height: 1.75;
	color: #3A3A3A;
}

.nb-legal .content p {
	margin-bottom: 16px;
}

.nb-legal .content ul {
	margin: 0 0 22px 20px;
	list-style: disc;
}

.nb-legal .content li {
	margin-bottom: 7px;
	padding-left: 4px;
}

.nb-legal .content a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

@media (max-width: 767px) {
	.nb-legal .sidebar-none {
		padding-top: 86px;
	}

	.nb-legal__title {
		font-size: 31px;
	}

	.nb-legal .content h2 {
		margin-top: 34px;
		font-size: 20px;
	}
}