/********** STUFE 1 XS **********/
@media (max-width: 575px) {

	/* ------ NAV ------ */
		#crossnav .block-crossnav.block-crossnav-center { width: 340px; }
		#crossnav .block-crossnav .label-crossnav {
			display: none;
		}

		#crossnav .vector-crossnav.vector-crossnav-top { margin-top: -110px; }
		#crossnav .vector-crossnav.vector-crossnav-right { margin-left: 110px; }
		#crossnav .vector-crossnav.vector-crossnav-bottom { margin-top: 110px; }
		#crossnav .vector-crossnav.vector-crossnav-left { margin-left: -110px; }

		#crossnav .vector-crossnav.vector-crossnav-top .pill-crossnav, #crossnav .vector-crossnav.vector-crossnav-bottom .pill-crossnav {
			background-size: auto 50px;
		}
		#crossnav .vector-crossnav.vector-crossnav-right .pill-crossnav, #crossnav .vector-crossnav.vector-crossnav-left .pill-crossnav {
			background-size: 50px auto;
		}
	/* ------ BOXES ------ */
		.teaser-container {
			padding: 30px 0px;
			height: 450px;
		}
			#teaser h1, .teaser-subline, p.slider-subline { margin-top: 2px; }
		.slider .row.slider-height {
			height: 330px;
		}

		.btn.btn-teaser {
			width: 240px;
			top: 165px;
			padding: 12px 31px;
		}
			#team .btn:before {
				height:15px;
				width:15px;
			}
		#crossnav .frame-offer {
			height: 300px;
			padding: 55px 0px;
		}
		#crossnav .frame-model {
			height: 400px; /*1030px*/
			padding: 0px 0px 0px;
		}

		a.btn {
			font-size: 14px;
			line-height: 16px;
		}
		.btn, a.link-crossnav {
			font-size: 18px;
			line-height: 24px;
		}

		.plivalur-icon {
			position: absolute;
			height:10px;
			width: 10px;
			left: 13px;
			top: 8px;
		}
		.accordion-block {
			min-height: 10px;
		}
		a.vector-crosssubnav { margin-top: 80px; }

		#team h2.title-medium:before {
			height: 15px;
			width: 15px;
			top: 22px;
			left: 2px;
		}
		.btn.btn-secondary { padding: 18px 62px; }

		.accordion-block {
			min-height: 50px;
			padding: 15px 10px;
		}
		ul.list-services { margin-left: 20px; }

	/* ------ TEXT ------ */
		h1 {
			margin-top: 5px;
			font-size: 80px;
		}
			h1.title-primary {
				margin-top: 35px;
				font-size: 20px;
			}

		h2, p.text-lead, #cookie-law p {
			font-size: 20px;
			line-height: 22px;
		}
			p.text-lead { margin-bottom: 50px; }
		h3, p, #page ul li {
			font-size: 15px;
			line-height: 20px;
		}
		#teaser h1, #slider h2 {
			font-size: 32px;
			line-height: 32px;
		}
		.teaser-subline, p.slider-subline {
			font-size: 20px;
			line-height: 22px;
		}
			h2.link-triangle:after { width: 11px; height: 12px; }
			.teaser-subline.link-triangle:after { width: 13px; height: 12px; }
	}

/********** STUFE 2 SM **********/
@media (min-width: 576px) and (max-width: 767px) {

	/* ------ NAV ------ */
		#crossnav .block-crossnav.block-crossnav-center { width: 340px; }
		#crossnav .block-crossnav .label-crossnav {
			display: none;
		}

		#crossnav .vector-crossnav.vector-crossnav-top { margin-top: -90px; }
		#crossnav .vector-crossnav.vector-crossnav-right { margin-left: 90px; }
		#crossnav .vector-crossnav.vector-crossnav-bottom { margin-top: 90px; }
		#crossnav .vector-crossnav.vector-crossnav-left { margin-left: -90px; }

		#crossnav .vector-crossnav.vector-crossnav-top .pill-crossnav, #crossnav .vector-crossnav.vector-crossnav-bottom .pill-crossnav {
			background-size: auto 50px;
		}
		#crossnav .vector-crossnav.vector-crossnav-right .pill-crossnav, #crossnav .vector-crossnav.vector-crossnav-left .pill-crossnav {
			background-size: 50px auto;
		}
	/* ------ BOXES ------ */
	.teaser-container {
		padding: 30px 0px;
		height: 710px;
	}
		#teaser h1, .teaser-subline, p.slider-subline { margin-top: 5px; }
	.slider .row.slider-height {
		height: 350px;
	}
	.btn.btn-teaser {
		width: 350px;
		top: 150px;
		padding: 13px 45px 13px 55px;
	}
	.btn, a.link-crossnav {
		font-size: 14px;
		line-height: 19px;
	}
	#crossnav .frame-offer {
		height: 330px;
		padding: 0px 0px;
	}
	#crossnav .frame-model {
		height: 330px;
		padding: 0px 0px 0px;
	}
	a.vector-crosssubnav { margin-top: 80px; }

	#team h2.title-medium:before {
		top: 15px;
	}
	.btn.btn-secondary { padding: 18px 62px; }

	.accordion-block {
		min-height: 70px;
		padding: 15px 10px;
	}

	/* ------ TEXT ------ */
	h1 {
		margin-top: 20px;
		font-size: 30px;
	}
		h1.title-primary {
			margin-top: 100px;
			margin-bottom: 30px;
			font-size: 49px;
			line-height: 50px;
			letter-spacing: 0.3rem;
		}
	h2, p.text-lead, #cookie-law p {
		font-size: 17px;
		line-height: 20px;
	}
		p.text-lead { margin-bottom: 50px; }
	h3, p, #page ul li {
		font-size: 15px;
		line-height: 20px;
	}
	#teaser h1, #slider h2 {
		font-size: 40px;
		line-height: 42px;
		letter-spacing: 0.2rem;
	}
	.teaser-subline, p.slider-subline {
		font-size: 20px;
		line-height: 22px;
	}
		h2.link-triangle:after { width: 11px; height: 12px; }
		.teaser-subline.link-triangle:after { width: 13px; height: 12px; }
}

/********** STUFE 3 MD **********/
@media (min-width: 768px) and (max-width: 1191px) {

	/* ------ NAV ------ */
		.navbar-light li {
			padding-left: 45px;
		}

		#crossnav .block-crossnav.block-crossnav-center { width: 340px; }
		#crossnav .block-crossnav .label-crossnav {
			width: 200px;
			height: 32px;
		}
		#crossnav .vector-crossnav.vector-crossnav-top { margin-top: -100px; }
		#crossnav .vector-crossnav.vector-crossnav-right { margin-left: 100px; }
		#crossnav .vector-crossnav.vector-crossnav-bottom { margin-top: 100px; }
		#crossnav .vector-crossnav.vector-crossnav-left { margin-left: -100px; }

		#crossnav .vector-crossnav.vector-crossnav-top .pill-crossnav, #crossnav .vector-crossnav.vector-crossnav-bottom .pill-crossnav {
			background-size: auto 50px;
		}
		#crossnav .vector-crossnav.vector-crossnav-right .pill-crossnav, #crossnav .vector-crossnav.vector-crossnav-left .pill-crossnav {
			background-size: 50px auto;
		}

	/* ------ BOXES ------ */
		.teaser-container {
			padding: 55px 0px;
			height: 650px;
		}
			#teaser h1, .teaser-subline, p.slider-subline { margin-top: 10px; }
		.slider .row.slider-height {
			height: 450px;
		}
		.btn.btn-teaser {
			width: 392px;
			top: 60px;
			padding: 13px 26px 13px 43px;
		}
			.plivalur-icon { left: 16px; top: 11px; }
		.btn, a.link-crossnav {
			font-size: 18px;
			line-height: 24px;
		}
		#crossnav .frame-offer {
			height: 530px;
			padding: 50px 0px;
		}
		#crossnav .frame-model {
			height: 935px;
			padding: 0px 0px 180px;
		}

		#team h2.title-medium:before {
			top: 18px;
		}
		.btn.btn-secondary { padding: 15px 60px; }

		.accordion-block {
			min-height: 100px;
			padding: 15px 10px;
		}

	/* ------ TEXT ------ */
		h1 {
			margin-top: 20px;
			font-size: 30px;
		}
			h1.title-primary {
				margin-top: 100px;
				margin-bottom: 30px;
				font-size: 49px;
				line-height: 100px;
				letter-spacing: 0.3rem;
			}
		h2, p.text-lead, #cookie-law p {
			font-size: 17px;
			line-height: 21px;
		}
			p.text-lead { margin-bottom: 50px; }
		h3, p, #page ul li {
			font-size: 15px;
			line-height: 20px;
		}
		#teaser h1, #slider h2 {
			font-size: 62px;
			line-height: 60px;
			letter-spacing: 0.3rem;
		}
		.teaser-subline, p.slider-subline {
			font-size: 26px;
			line-height: 31px;
			letter-spacing: 0.06rem;
		}

			h2.link-triangle:after { width: 12px; height: 13px; }
			.teaser-subline.link-triangle:after { width: 26px; height: 20px; }
	}

/********** STUFE 4 LG **********/
@media (min-width: 1192px) and (max-width: 1539px) {

	/* ------ NAV ------ */
		.navbar-light li {
			padding-left: 62px;
		}

		#crossnav .block-crossnav.block-crossnav-center { width: 340px; }
		#crossnav .block-crossnav .label-crossnav {
			width: 250px;
			height: 82px;
		}
		#crossnav .vector-crossnav {
			width: 140px;
			height: 140px;
		}
	/* ------ BOXES ------ */
		.teaser-container {
			padding: 55px 0px;
			height: 710px;
		}
		.btn.btn-teaser {
			width: 425px;
			top: 150px;
			padding: 18px 62px;
		}
			#teaser h1, .teaser-subline, p.slider-subline { margin-top: 10px; }
		.slider .row.slider-height {
			height: 550px;
		}
		.btn, a.link-crossnav {
			font-size: 18px;
			line-height: 24px;
		}
		.btn.btn-secondary { padding: 15px 60px; }

		#crossnav .frame-offer {
			height: 900px;
			padding: 55px 0px;
		}
		#crossnav .frame-model {
			height: 1135px; /*1030px*/
			padding: 0px 0px 180px;
		}

		.accordion-block {
			min-height: 138px;
			padding: 15px 10px;
		}

	/* ------ TEXT ------ */
		h1 {
			margin-top: 20px;
			font-size: 80px;
		}
			h1.title-primary {
				margin-top: 100px;
				margin-bottom: 30px;
				font-size: 92px;
				line-height: 100px;
				letter-spacing: 0.3rem;
			}
		h2, p.text-lead, #cookie-law p {
			font-size: 26px;
			line-height: 30px;
		}
			p.text-lead { margin-bottom: 50px; }
		h3, p, #page ul li {
			font-size: 15px;
			line-height: 20px;
		}
		#teaser h1, #slider h2 {
			font-size: 76px;
			line-height: 78px;
			letter-spacing: 0.2rem;
		}
		.teaser-subline, p.slider-subline {
			font-size: 43px;
			line-height: 46px;
			letter-spacing: 0.04rem;
		}

			h2.link-triangle:after { width: 15px; height: 17px; }
			.teaser-subline.link-triangle:after { width: 26px; height: 20px; }
	}

/********** STUFE 5 XL **********/
@media (min-width: 1540px) {

	/* ------ NAV ------ */
		.navbar-light li {
			padding-left: 90px;
		}

		#crossnav .block-crossnav.block-crossnav-center { width: 340px; }
		#crossnav .block-crossnav .label-crossnav {
			width: 250px;
			height: 82px;
		}
		#crossnav .vector-crossnav.vector-crossnav-top { margin-top: -230px; }
		#crossnav .vector-crossnav.vector-crossnav-right { margin-left: 230px; }
		#crossnav .vector-crossnav.vector-crossnav-bottom { margin-top: 230px; }
		#crossnav .vector-crossnav.vector-crossnav-left { margin-left: -230px; }

		#crossnav .block-crossnav.block-crossnav-right { right: 10%; }
		#crossnav .block-crossnav.block-crossnav-left { left: 10%; }

	/* ------ BOXES ------ */
		.teaser-container {
			padding: 55px 0px;
			height: 710px;
		}
		.btn.btn-teaser {
			width: 440px;
			top: 150px;
			padding: 18px 62px;
		}
		#teaser h1, .teaser-subline, p.slider-subline { margin-top: 10px; }
		.slider .row.slider-height {
			height: 530px;
		}
		.btn, a.link-crossnav {
			font-size: 18px;
			line-height: 24px;
		}
		.btn.btn-secondary { padding: 18px 75px; }

		#crossnav .frame-offer {
			height: 900px;
			padding: 55px 0px;
		}
		#crossnav .frame-model {
			height: 1135px; /*1030px*/
			padding: 0px 0px 180px;
		}

		.accordion-block {
			min-height: 138px;
			padding: 15px 10px;
		}

	/* ------ TEXT ------ */
		h1 {
			margin-top: 20px;
			font-size: 80px;
		}
			h1.title-primary {
				margin-top: 100px;
				margin-bottom: 30px;
				font-size: 92px;
				line-height: 100px;
				letter-spacing: 0.3rem;
			}

		h2, p.text-lead {
			font-size: 30px;
			line-height: 36px;
		}
			p.text-lead { margin-bottom: 50px; }
		h3, p, #page ul li {
			font-size: 15px;
			line-height: 20px;
		}
		#teaser h1, #slider h2 {
			font-size: 90px;
			line-height: 86px;
			letter-spacing: 0.3rem;
		}
		.teaser-subline, p.slider-subline {
			font-size: 45px;
			line-height: 50px;
			letter-spacing: 0.06rem;
		}
			h2.link-triangle:after { width: 15px; height: 17px; }
			.teaser-subline.link-triangle:after { width: 26px; height: 20px; }
	}

@media (max-width: 767px) {
	.navbar-light li a.nav-link {
		padding: 8px 0px !important;
	}
	.navbar-collapse {
		padding-top: 25px;
		text-align: center;
	}
		.navbar-light li.active a.nav-link { background-position: bottom center; }

	.textbox-offer h3 {
		margin-top: 14px;
	}
}
@media (min-width: 768px) {
	#crossnav-textboxes { display:none; }
	.navbar-light li:first-child { padding-left: 0px; }
	.navbar-light li a.nav-link {
		padding: 8px 0px !important;
	}
		.navbar-light li.active a.nav-link { background-position: bottom left; }
}

/*****************************************************************/
/**************************** GENERAL ****************************/
/*****************************************************************/

	/* ====== NAV ====== */
	.navbar {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.navbar-brand {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	/* ====== SCHRIFTEN ====== */
	p.text-spacetop { margin-top: 40px; }
	.navbar a.nav-link {
		font-size: 16px;
		line-height: 20px;
	}
	footer p {
		font-size: 13px;
		line-height: 17px;
	}