/********************/
/*	  INHALT		*/
/*********************
1.0 ALLGEMEIN
2.0 CONTAINER
3.0 TEXT
4.0 FORMULAR
5.0 TABELLEN
6.0 SONSTIGES
********************/

/* ============================================= 1.0 ALLGEMEIN ============================================= */
	/* ------ 1.1 MAIN ------ */
	html, body {
		outline: none;
		color: rgba(1, 1, 1, 1);
	}
	body {
		z-index: 100;
	}
	a {
		outline: none !important;
		text-decoration: none !important;
		cursor: pointer;
		display: inline;
		margin: 0px;
		color: rgba(0,0,0,1);
	}
		a:hover, a:hover h3, a:hover p { color: rgba(237,110,44,1); }

/* ============================================= 2.0 CONTAINER ============================================= */

	section#page {
		margin-top: 85px;
	}
	.full-height {
		position: relative;
		height: 100%;
	}
	/*#teaser.paraxify:after {
		width: 100px;
		height: 100px;
		position: absolute;
		top: 50px;
		left: 10%;
		font-size: 50px;
		color: pink;
		font-weight: bolder;
		text-shadow: 0px 0px 3px black;
	}*/

	/* ------ 2.1 NAVIGATION ------ */
	.navbar-brand .navbar-logo {
		background-image: url('../img/logos/plivalur-logo.svg');
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		height: 55px;
		width: 100px;
	}
		.navbar-brand .navbar-logo a { display: block; width: 100%; height: 100%; }
	.navbar-light .navbar-toggler {
		border-width: 0px;
		cursor: pointer;
		outline: none !important;
	}
		.navbar-light .navbar-toggler-icon {
			background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
		}

	.navbar-light { background-color: rgba(255, 255, 255, 1); }
		.navbar-light li { text-transform: uppercase; }
			.navbar-light li a.nav-link {
				color: rgba(0,0,0,1) !important;
			}
				.navbar-light li.active a.nav-link {
					border-bottom: none;
					background: linear-gradient(black,black);
					background-repeat: no-repeat;
					background-size: 26px 1px;
				}

	/* ------ 2.2 TEASER ------ */
	#teaser {
		position: relative;
		background-position: center top; /*top*/
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}
	.teaser-container {
		display: flex;
		align-items: flex-end;
	}
		.teaser-text { display: block; }

	/* ------ 2.3 CONTENT ------ */
	section#content {
		min-height: 75px;
	}
		/* -- 2.3.1 START -- */
		.start-title {
			position: absolute;
			bottom: 30px;
			display: flex;
			flex-direction: column;
		}
			.carousel-indicators li {
				height: 5px;
				background-color: rgba(0,141,177,0.5);
				cursor: pointer;
			}
			.carousel-indicators .active { background-color: rgba(0,141,177,1); }
		.slider .row {
			display: table;
		}
			.slider-content {
				display: table-cell;
				vertical-align: middle;
				height: 100%;
				padding-top: 28px;
				padding-bottom: 45px;
			}
				.slider-content.slider-content-quote {
					padding-top: 80px;
					padding-bottom: 80px;
				}

			#slider .text-blue a {
				color: rgba(255,255,255,1);
				-webkit-transition: color ease 0.3s;
				-moz-transition: color ease 0.3s;
				-o-transition: color ease 0.3s;
				transition: color ease 0.3s;
			}
				#slider .text-blue a:hover { color: rgba(40,181,217,1); }

		/* -- 2.3.2 ANGEBOT & MODELL -- */
		#crossnav .frame-crossnav {
			width: 100%;
		}
			#crossnav .container-crossnav {
				width: 100%;
				height: 100%;
				position: relative;
			}
			#crossnav .vector-crossnav {
				width: 140px;
				height: 140px;
			}
			#crossnav .block-crossnav, #crossnav .vector-crossnav {
				position: absolute;
			}
				#crossnav .block-crossnav a { width: 100%; height: 100%; }
				#crossnav h2, #crossnav h3 { text-align: center; margin-top: 0px; margin-bottom: 0px; }
				#crossnav p { margin-top: 8px; margin-bottom: 0px; }
				/* HORIZONTAL ZENTRIEREN */
				#crossnav .block-crossnav.block-crossnav-top,
				#crossnav .block-crossnav.block-crossnav-bottom {
					left: 50%;
					transform: translateX(-50%);
				}
				#crossnav .block-crossnav.block-crossnav-right,
				#crossnav .block-crossnav.block-crossnav-left {
					top: 50%;
					transform: translateY(-50%);
				}
				#crossnav .block-crossnav.block-crossnav-center, #crossnav .vector-crossnav {
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
				}
				#crossnav .block-crossnav.block-crossnav-top { top: 0px; }
				#crossnav .block-crossnav.block-crossnav-right { right: 0px; }
				#crossnav .block-crossnav.block-crossnav-bottom { bottom: 0px; }
				#crossnav .frame-model .block-crossnav.block-crossnav-bottom { bottom: -135px; }
				#crossnav .block-crossnav.block-crossnav-left { left: 0px; }
				#crossnav .link-crossnav {
					display: table;
				}
					#crossnav .link-crossnav, #crossnav .label-crossnav, #crossnav .vector-crossnav .pill-crossnav {
						width: 100%;
						height: 100%;
					}
					#crossnav .label-crossnav {
						display: table-cell;
						vertical-align: middle;
					}
					#crossnav .frame-model h3, #crossnav .frame-model p { color: rgba(0,0,0,1); }

				#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 .vector-crossnav .pill-crossnav {
						display: block;
						background-repeat: no-repeat;
						background-size: contain;
						background-position: center;
					}
						#crossnav .vector-crossnav.vector-crossnav-top .pill-crossnav, #crossnav .vector-crossnav.vector-crossnav-bottom .pill-crossnav {
							background-image: url('../img/vector/pill-orange-vertical.jpg');
							background-size: auto 100px;
						}
						#crossnav .vector-crossnav.vector-crossnav-right .pill-crossnav, #crossnav .vector-crossnav.vector-crossnav-left .pill-crossnav {
							background-image: url('../img/vector/pill-orange-horizontal.jpg');
							background-size: 100px auto;
						}
		a.vector-crosssubnav {
			display: block;
			width: 100%;
			height: 80px;
			background-size: 50px auto;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
		}
			a.vector-crosssubnav.vector-crosssubnav-top { background-image: url('../img/icons/plivalur-icon-top.svg'); }
			a.vector-crosssubnav.vector-crosssubnav-bottom { background-image: url('../img/icons/plivalur-icon-bottom.svg'); }
			a.vector-crosssubnav.vector-crosssubnav-left { background-image: url('../img/icons/plivalur-icon-left.svg'); }
			a.vector-crosssubnav.vector-crosssubnav-right { background-image: url('../img/icons/plivalur-icon-right.svg'); }

		.accordion-block {
			margin: 4px 0px;
			cursor: pointer;
		}
			.accordion-block h2 { margin: 0px 0px 5px; }
			.accordion-content, .textbox-offer-content, .screenreader-only {
				height: 0px;
				overflow: hidden;
				opacity: 0;
				-webkit-transition: opacity ease 0.3s;
				-moz-transition: opacity ease 0.3s;
				-o-transition: opacity ease 0.3s;
				transition: opacity ease 0.3s;
			}
				.accordion-shown .accordion-content, .textbox-offer-shown .textbox-offer-content { overflow: auto; opacity: 1; }

		.textbox-offer {
			width: 80%;
			margin-bottom: 5px;
			text-align: left;
			background-color: rgba(249,249,248,1);
			position: relative;
			padding: 8px 18px;
			cursor: pointer;
		}
			a.textbox-offer, a.textbox-offer h3, a.textbox-offer p { color: rgba(0,0,0,1) !important; }
			.textbox-offer:before {
				height:40px;
				width: 40px;
				background-repeat: no-repeat;
				display: inline-block;
				position: absolute;
				top: 22px;
				left: -20%;
				content: "";
			}
			.textbox-offer.textbox-offer-top:before { background-image: url('../img/icons/plivalur-icon-top.svg'); }
			.textbox-offer.textbox-offer-right:before { background-image: url('../img/icons/plivalur-icon-right.svg'); }
			.textbox-offer.textbox-offer-bottom:before { background-image: url('../img/icons/plivalur-icon-bottom.svg'); }
			.textbox-offer.textbox-offer-left:before { background-image: url('../img/icons/plivalur-icon-left.svg'); }
			.textbox-offer.textbox-offer.textbox-offer-clickable:hover { background-color: rgba(239,239,238,1); }
			.textbox-margin-bottom { margin-bottom: 55px; }

		/* -- 2.3.4 TEAM -- */
	.contact-icon { position: relative; }
		.contact-icon:before {
			height:20px;
			width:20px;
			bottom: 8px;
			left: -30px;
			position: absolute;
			content: "";
			background-image: url('../img/icons/plivalur-icon-orange.svg');
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
		}
		/* -- 2.3.5 KONTAKT -- */
		#gmap-frame { height: 620px; }
		.maps-content {
			padding: 15px 35px 0px;
			text-align: center;
		}
		/* -- 2.3.6 GROSSUNTERNEHMEN -- */


		/* -- 2.3.7 IMPRESSUM -- */

	/* ------ 2.4 FOOTER ------ */
	footer {
		margin-top: 60px;
		margin-bottom: 40px;
	}
	.border-right {
		border-right: 1px solid rgba(0, 0, 0, 1);
	}
/* ============================================= 3.0 TEXT ============================================= */
	/* ------ 3.1 SCHRIFTEN ------ */
	h1, h2, .btn, .navbar ul, .teaser-subline, p.text-lead, p.slider-subline, .label-crossnav h3, .textbox-offer h3, #cookie-law p {
		font-family: 'eagle', sans-serif;
	}
	h3, p, #page ul {
		font-family: 'Times New Roman', Times, serif;
	}
		h1, h2, .btn, p.text-lead, .label-crossnav h3, .textbox-offer h3 { /* Eagle Book */
			text-transform: uppercase;
			font-weight: 400;
		}
		.navbar ul, .teaser-subline, p.slider-subline { /* Eagle Light */
			font-weight: 300;
			text-shadow: 0px 0px 0px rgba(0,0,0,0.5);
		}
	/* ------ 3.2 TITEL ------ */
	h1, h2, h3, h4, h5, h6 {
		color: rgba(0,0,0,1);
		margin: 0px;
	}
	h2 {
		margin-top: 23px;
		margin-bottom: 5px;
	}
		h2.title-primary {
			margin-top: 40px;
		}
		h2.title-medium {
			margin-top: 15px;
			margin-bottom: 27px;
		}
		#team h2.title-medium:before {
			height:20px;
			width:20px;
			top: 25px;
			left: -10px;
			display: inline-block;
			position: absolute;
			content: "";
			background: url('../img/icons/plivalur-icon-blue.svg');
		}
	h3 {
		font-weight: 600;
		margin-top: 30px;
		margin-bottom: 14px;
	}
		h3.link-triangle:after { width: 10px; height: 11px; }
		a.link-triangle:after { width: 8px; height: 9px; }
	.link-triangle:after {
		display: inline-block;
		content: '';
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;

		font-size: 80%;
		margin-left: 5px;
		-webkit-transition: transform ease 0.3s;
		-moz-transition: transform ease 0.3s;
		-o-transition: transform ease 0.3s;
		transition: transform ease 0.3s;
	}
		.link-triangle.link-triangle-turned:after { transform: rotate(90deg); }
		.link-triangle.link-triangle-white:after { background-image: url('../img/icons/icon-arrow_white.png'); }
		.link-triangle.link-triangle-orange:after { background-image: url('../img/icons/icon-arrow_orange.png'); }
		.link-triangle.link-triangle-blue:after { background-image: url('../img/icons/icon-arrow_blue.png'); }

	.text-shadow	{ text-shadow: 0px 0px 2px rgba(0,0,0,0.5); }
		.text-shadow.sideline::before { box-shadow: 0px 0px 2px rgba(0,0,0,0.5); }
	.text-black		{ color: rgba(0,0,0,1); }
		.sideline-black::before { border-color: rgba(0,0,0,1); }
	.text-white { color: rgba(255,255,255,1) }
	.text-orange { color: rgba(237,110,44,1); }
		.sideline-orange::before { border-color: rgba(237,110,44,1); }
	.text-blue		{ color: rgba(0,141,177,1); }
		.sideline-blue::before { border-color: rgba(0,141,177,1); }

	.bg-black		{ background-color: rgba(0,0,0,1); }
	.bg-orange		{ background-color: rgba(237,110,44,1); }
	.bg-blue		{ background-color: rgba(0,141,177,1); }
	.bg-fade, ul.list-services, .textbox-offer, .accordion-block { background-color: rgba(249,249,248,1); }
		.accordion-block:hover, .textbox-offer:hover { background-color: rgba(239,239,238,1); }
	.bg-lightgray	{ background-color: rgba(224,223,225,1); }
	.bg-sand, .btn	{ background-color: rgba(220,215,210,1); }
		a.btn:hover { background-color: rgba(237,110,44,1); }
		/*a.btn:hover { background-color: rgba(210,205,200,1); }*/
	.bg-salmon		{ background-color: rgba(250,219,208,1); }

	/* ------ 3.3 ALLGEMEIN ------ */
	p, b, strong, h1, h2, h3, h4 {
		-webkit-transition: color ease 0.3s;
		-moz-transition: color ease 0.3s;
		-o-transition: color ease 0.3s;
		transition: color ease 0.3s;
	}
	b, strong { font-weight: bold; }
	p {
		margin-bottom: 14px;
	}
		/* -- 3.3.1 SIDELINES -- */
		.sideline::before {
			content: "";
			display: block;
			border-width: 7px;
			border-style: solid;
			border-radius: 6px;
			width: 100px;
			margin-left: -135px;
		}
		.title-sideline::before { border-width: 7px;margin-bottom: -27px; }
		.minor-sideline::before { border-width: 6px;margin-bottom: -19px; }

	/* ------ 3.4 BUTTONS ------ */
	.btn {
		border-radius: 0px;
	}
	#team .btn {
		border-width: 0px;
		display: block;
		float: left;
	}
	.btn.btn-teaser {
		z-index: 100;
		text-align: left;
		position: absolute;
		right: 0px;
		white-space: normal;
	}
		.btn.btn-teaser:hover { color: rgba(0,0,0,1); }
	.btn.btn-secondary {
		margin: 18px 0px;
		color: rgba(0,141,177,1);
		position: relative;
	}
		.btn:focus, .btn:active { box-shadow: none !important; }

	#team .btn:before {
		height: 20px;
		width: 20px;
		left: 16%;
		display: inline;
		position: absolute;
		content: "";
		background: url('../img/icons/plivalur-icon-blue.svg');
	}
	/* ------ 3.5 ICONS ------ */
	.icon-top {
		height: 93px;
		width: 20px;
		background: yellow;
		border-top-right-radius: 30%;
		border-bottom-right-radius: 30%;
		border-top-left-radius: 30%;
		border-bottom-left-radius: 30%;
	}
	.icon-center {
		display: flex;
		justify-content: center;
	}
	.plivalur-icon {
		position: absolute;
		height:20px;
		width: 20px;
		left: 27px;
		top: 15px;
	}
	.plivalur-icon-small {
		position: absolute;
		height:10px;
		width: 10px;
		left: 0px;
	}
	.plivalur-icon-large {
		position: relative;
		height:350px;
		width: 350px;
	}
	.test {
		position: relative;
		display: flex;
		top: 50px;
	}
	/* ------ 3.6 LISTEN ------ */
	li, ul {
		padding-left: 0px;
	}
		ul {
			padding-left: 16px;
		}
	ul.list-services {
		padding-left: 0px;
		margin: 10px 0px;
		list-style: none;
		position: relative;
	}
		ul.list-services li {
			padding: 10px 0px;
		}
			ul.list-services li:before {
				position: absolute;
				height: 15px;
				width: 15px;
				margin-top: 3px;
				left: -23px;
				content: "";
				background-image: url('../img/icons/plivalur-icon-orange.svg');
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center;
			}
				ul.list-services.list-services-blue li:before  {
					background-image: url('../img/icons/plivalur-icon-blue.svg');
				}

/* ============================================= 4.0 FORMULAR ============================================= */
	.form-control {
		background-color: rgba(220, 215, 210, 1);
	}
	.form-large {
		height: 75px;
	}
/* ============================================= 5.0 TABELLEN ============================================= */
/* ============================================= 6.0 SONSTIGES ============================================= */

	/* ------ 6.1 BILDER ------ */
	/* ------ 6.2 ABSTÄNDE ------ */
	.nomargin { margin-top: 0px; margin-bottom: 0px; }
	.nomargint { margin-top: 0px; }
	.nomarginb { margin-bottom: 0px; }
	.pad-content {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.block-margin-top {
		margin-top: 40px;
	}
	/* ------ 6.3 PARALLAX ------ */
	/*.paraxify{
		background-attachment: fixed;
		background-position: center center;
		background-size: cover;
	}*/

	/* ------ 6.6 EU-Banner ------ */
	#cookie-law {
	    width: 100%;
	    background: rgba(220,215,210,0.9);
	    margin: auto;
		position: fixed;
		bottom: 0px;
		z-index: 1000;
		text-align: center;
		left: auto;
		right: auto;
		color: #FFF;
		padding: 20px 0px;

		-webkit-transition: background-color ease 0.3s;
		-moz-transition: background-color ease 0.3s;
		-o-transition: background-color ease 0.3s;
		transition: background-color ease 0.3s;
	}
		#cookie-law:hover { background: rgba(220,215,210,0.95); }
		#cookie-law p {
			color: rgba(0,0,0,1);
			text-align: left;
			display: inline-block;
			margin: 0px;
		}
		#cookie-law a { color: rgba(237,110,44,1); }
			#cookie-law a:hover { color: rgba(237,110,44,0.8); }
		#cookie-law button {
			background-color: transparent;
			border-width: 0px;
			position: absolute;
			top: 8px;
			right: 12px;
			width: 36px;
			height: 36px;
			opacity: 1;
			cursor: pointer;

			-webkit-transition: opacity ease 0.3s;
			-moz-transition: opacity ease 0.3s;
			-o-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
		}
		#cookie-law button:before, #cookie-law button:after {
			position: absolute;
			top: 0px;
			left: 17px;
			content: ' ';
			height: 36px;
			width: 3px;
			background-color: rgba(0,0,0,1);

			-webkit-transition: background-color ease 0.3s;
			-moz-transition: background-color ease 0.3s;
			-o-transition: background-color ease 0.3s;
			transition: background-color ease 0.3s;
		}
			#cookie-law button:before { transform: rotate(45deg); }
			#cookie-law button:after { transform: rotate(-45deg); }

			#cookie-law button:hover { opacity: 0.8; }
				#cookie-law button:hover:before, #cookie-law button:hover:after { background-color: rgba(237,110,44,1); }
	#devmsg { font-family: 'Consolas','Verdana',sans-serif; position: fixed; z-index: 9999; top: 0px; left: 0px; background-color: rgba(0,0,0,0.6); color: rgba(255,255,255,1); padding: 5px 10px; text-transform: uppercase; font-size: 11px; }

	/* ------ 6.4 PRINT ------ */