/* viatraffic css */
	
	a {
		cursor: pointer !important;
	}
	
	.pagefond {
		background: #fff;
	}
	
	.ciblue {
		color: #667b99;
	}
	
	sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	}
	
	sup {
	top: -0.5em;
	}
	
	sub {
	bottom: -0.25em;
	}

	#pagescontent h2.ce-headline-center { 
		    font-size: 2.4em;
		    line-height: 1.2em;
		    color: #8293ab;
		    margin: 0 0 15px 0;
		    text-align: center;
		} 
	
	/* TRANSITIONs */
	.mainnavwrap, #header {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	#vt-115 .vt-orange-teaserbox a { display: inline-block; }
	#c1706, #c1710, #c1713  { -webkit-box-shadow: 5px 5px 40px 5px rgba(0,0,0,0.1);
box-shadow: 5px 5px 40px 5px rgba(0,0,0,0.1); }
	
	/* Easter Eggs */
	#scroller {
		position: fixed;
		top: 0;
		left: 0;
		background: #f08a00;
		z-index: 999;
		width: 100px;
		height: 100px;
		display: none;
	}
	
	#scrolledtofast {
		background: rgba(102, 123, 153, .95);
		position: fixed;
		height: 100%;
		width: 100%;
		z-index: 99999999999;
		top: 0;
		left: 0;
		text-align: center;
		color: #fff;
		font-size: 2em;
		padding: 100px 0 0 0;
		display: none;
	}
	
	#closespeedinfo {
		display: inline-block;
		border: 1px solid #fff;
		padding: 20px 35px;
		background: none;
		-webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		text-transform: uppercase;
		color: #fff;
		text-decoration: none;
		margin: 40px 0 0 0;
		font-size: .8em;
	}
	
	.specialbox { background: #f08a00; color: #fff !important; padding: 30px 0 }
	.specialbox p { color: #fff; }

	img.layerimage {
		width: 250px;
		height: auto !important;
		display: inline-block;
		margin: 0 0 35px 0;
	}
	
	.setcookie {
		padding: 100px 0 0 0;
		font-size: .6em;
		line-height: 30px !important;
	}
	
	.setcookie a {
		display: inline-block;
		width: 30px;
		height: 30px;
		background: #fff;
		margin: 0 15px -10px 0;
	}
		.setcookie a.checked {
			background: #fff url("../img/icons/icon-checked-cookie.png") center center no-repeat;
		}
	/* Header */
		#header {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			background: url("../img/pattern/fond-fff-90.png");
			border-bottom: 1px solid #fff;
			z-index: 999999999;
		}
		
		#header.isFixed {
			-webkit-box-shadow: 10px 10px 91px -19px rgba(0,0,0,0.75);
			-moz-box-shadow: 10px 10px 91px -19px rgba(0,0,0,0.75);
			box-shadow: 10px 10px 91px -19px rgba(0,0,0,0.75);
		}
		
		.vt-logo-header {
			width: 250px;
			height: auto;
			padding: 30px 0;
		}
		
		.langnavwrap {
			text-align: right;
			margin: 15px 0 0 0;
		}
			
			@media screen and (min-width: 950px) {
				#header .col-70 { position: relative }
				.langnavwrap { position: relative }
			}
		
			.ctaheadercontact { position: absolute; right: 150px; top: 10px; z-index: 1000  }
			.ctaheadercontact a {
			background: #f08a00;
			width: auto; 
			height: 30px; 
			display: inline-block;
			color: #ffF; 
			text-decoration: none;
			-webkit-transition: all 200ms ease-in-out;
			-moz-transition: all 200ms ease-in-out;
			-ms-transition: all 200ms ease-in-out;
			-o-transition: all 200ms ease-in-out;
			transition: all 200ms ease-in-out;
			line-height: 30px;
			padding: 0 30px;
			-webkit-border-radius: 50px 50px 50px 50px;
			border-radius: 50px 50px 50px 50px;
			}
			
			#page.lang-ES .ctaheadercontact { display: none !important }
			
			@media screen and (max-width: 950px) {
				.ctaheadercontact { position: absolute; right: 180px; top: 18px; z-index: 1000  }	
			}
			@media screen and (max-width: 650px) {
				.ctaheadercontact { display: none }
			}
			.ctaheadercontact a:hover {	
				background: #667b99;
				padding: 0 35px
			}
			
			.langnavwrap a {
				width: 25px;
				height: 17px;
				background-image: url("../img/flags/flag-de.png");
				background-size: 25px 17px;
				background-position: center center;
				display: inline-block;
				margin: 0 0 0 10px;
				text-indent: 9999px;
				overflow: hidden;
			}
			
			
			.langnavwrap a.linken { background-image: url("../img/flags/flag-en.png"); }
			.langnavwrap a.linkes { background-image: url("../img/flags/flag-es.png"); }
			.langnavwrap a.linkfr { background-image: url("../img/flags/flag-fr.png"); }
			
		
		
		#menuhandler {
			width: 50px;
			height: 50px;
			background: url("../img/icons/vt-menu.png") center center no-repeat;
			background-size: 50px 50px;
			position: absolute;
			top: 50%;
			z-index: 9999;
			right: 20px;
			display: none;
			margin-top: -10px;
			
		}
		
		#menuhandler.handlerActive {
			background-image: url("../img/icons/vt-menu-close.png	");
		}
			
		
		
		#mainmenu {
			margin: 55px 0 0 0;
			padding: 0;
			text-align: right;
			font-size: 1.2em;
		}
			
			#mainmenu li {
				list-style-type: none;
				display: inline-block;
				text-transform: uppercase;
				margin: 0 0 0 30px;
			}
			
			#mainmenu li a {
				color: #667b99;
				display: inline-block;
				text-decoration: none;
			}
			
			#mainmenu > li {
				padding: 0 0 10px 0;
			}
				
				#mainmenu li a:hover, #mainmenu li a.active, #vt-1 #mainmenu #n_2 a, #mainmenu li.sfHover > a {
					color: #f08a00;
				}
			
			#mainmenu ul.droplevel2 {
				margin: 0 !important;
				padding: 20px;
				background: #667b99;
				margin-top: 0px !important;
			}	
			
			#mainmenu ul.droplevel2 li {
				display: block !important;
				text-align: left;
				margin: 0 0 5px 0 !important;
				background: none;
				text-transform: none !important;
				font-size: .9em;
			}
			
			#mainmenu ul.droplevel2 li a {
				background: none;
				color: #b4becd;
			}
				#mainmenu ul.droplevel2 li a:hover, #mainmenu ul.droplevel2 li a.active {
					color: #fff;
				}	
			
			
			.mobileNavActive {
				left: 0 !important;
			}		
	
	
	/* NEWS */
		.news-latest-container {
			margin: 0;
			padding: 0;
		}
		
		
		
		.news-latest-item {
			padding:0px;
			width: 100%;
			background: #f90;
			margin: 0 0 30px 0;
		}
		
		.news-single-rightbox {
			float: none;
			width: 100%;
			text-align: left;
			font-size: .9em;
		}
		
		#pagescontent p.news-single-imgcaption {
			font-size: .8em;
			text-align: right;
		}
		
		.news-list-item {
			margin: 0 0 30px 0;
			background:#FEFEFE;border:1px solid #ddd;
			padding:20px 30px;
		}
		
		span.news-list-date {
			display:block;
			padding-left:10px;
			font-size: 1em;
			color: #666;
		}
		
		.news-single-item blockquote {
			padding: 20px 0;
			
		}
		
		.news-single-item blockquote p {
			font-size: 1.4em !important;
			font-style: italic;
			font-weight: 300;
			line-height: 1.3em !important;
			color: #999 !important;
		}
		
		#pagescontent .news-list-item h2 {
			font-size: 2em;
		}
		#pagescontent .news-list-item h2 a {
			text-decoration: none !important;
		}
		
	/* BREADCRUMB */
		#breadcrumbwrap {
			padding: 10px 0;
			font-size: .9em;
			color: #555;
		}				
		
		#breadcrumbwrap a {
			text-decoration: none;
			color: #555;
		}	
			#breadcrumbwrap a:hover {
				text-decoration: none !important;
				color: #f08a00 !important;
			}	
			
			.stageproductinner #breadcrumbwrap {
				color: #fff;
			}
			.stageproductinner #breadcrumbwrap a {
				color: #fff;
			}
			
			.specialStageProduct {
				bottom: 145px !important;
			}

			.slide-weihnachtsmotive .stageproduct { width: 450px !important }
			.slide-weihnachtsmotive .specialStageProduct { bottom: 245px !important }
			
			.slide-speed img {
				margin-top: -50px;
			}
			
			.slide-intertraffic .specialStageProduct {
				width: 500px;
			}
			.slide-intertraffic .specialStageProduct {
				bottom: 146px;
			}

			.slide-herbstSlide .specialStageProduct { bottom: 111px !important; }
	
	
	
	/*  PRODUCT VIEW */
		.lightbluesection, .whitesection {
			background: #f4f6f8;
			padding: 60px 0;
			margin: 30px 0;
		}
		
		.lightbluesection h2, .whitesection h2 {
			font-size: 1.6em;
			font-weight: bold;
		}
		
		.whitesection {
			background: #fff;
		}
		
		.productrow {
			padding: 0 0 30px 0;
		}
		
		.productRow50 {
			float: left;
			width: 48%;
		}
		
		.productrow.productRow50 .productitem {
			width: 100%;
		}
		
		.productrow .productitem {
			width: 32%;
			float: left;
			background: #fff;
			margin: 0 2% 0 0;
			text-align: center;
			padding: 0 0 30px;
		}
		
		.productrow-4-group .productitem {
			width: calc((100% / 4) - 40px);
			float: left;
			background: #fff;
			margin: 0 40px 0 0;
			text-align: center;
			padding: 0 0 30px;
		}
		 
		
		.inline-Headlines h2 {
			text-align: left;
			white-space: nowrap;
		}
		
		.lightbluesection .productrow .productitem {
			background: #f4f6f8;
		}
		
			.productrow .productitem:last-child {
				margin-right: 0;
			}
		
			.productitem table {
				width: 100%;
			}
			.productimage {
				/* height: 300px; */
				vertical-align: bottom;
				width: 100%;
			}
			.productimage img {
				max-height: 300px !important;
				height: auto;
/*				-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));*/
			}
			
			.productimage {
			  vertical-align: bottom;
			  width: 100%;
			  display: table-cell;
			  height: auto;
			  padding: 100% 0 0 0;
			  position: relative
		  	}
			  
			  .productname a { text-decoration: none }
			  
			#pagescontent  .productimage img { position: absolute; bottom: 0; 
				width: calc(100% - 40px); left: 20px; height: auto; max-width: calc(100% - 40px); max-height: 100% !important   }
		
		.productname {
			text-align: center !important;
			color: #333;
			width: 100%;
			padding: 10px 0 0 0;
		}
			@media screen and (max-width: 500px) {
				.productimage {
					height: auto;
					text-align: center;
					}
				.productitem {
					margin: 0 0 30px 0;
					display: block;
					float: none;
					width: 100%;
				}
			}
		
		
			
					
	
	/* CONTENT & PRODUCT */
		.columnleft {
			width: 65%;
			float: left;
			margin: 0 5% 0 0;
		}
		.thesidebar {
			width: 30%;
			float: left;
		}
		
		.stageproductswrapper h1 {
			color: #fff;
			padding: 0 400px 0 0;
			line-height: 1.2em;
			margin: 30px 0 0 0 !important;
		}

		.imagelinkcationbox .csc-textpic-caption a{
			color:#fff !important;padding:15px 30px;background:#f08a00;display:block;position:absolute;
			bottom:0;right:0;text-decoration:none}

		
		.stageproductswrapper .csc-header-n2 {
			background: #f08a00;
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 70px;
		}
			/* 2020 */
			.stageproductinner .frame-default:last-child header {  
			background: #f08a00;
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 70px;
		}
		
		
		
		#maincontent .contenttable {
			font-size: .95em;
			color: #666;
		}
		
		#maincontent .contenttable {
			width: 100%;
			margin: 30px 0 0 0;
		}
		
		#maincontent .contenttable tr:nth-child(odd) {
			background: #e7eef7;
		}
			
			#vt-11 table td {
				background: #fff !important;
				padding: 0 !important;
			}
			
			#vt-11 .contenttable {
				margin: 0 !important;
			}
		
		
		.pageteaser-wrapper {
			background: #e7eef7;
		}
			.pageteaser-foto {
				width: 40%;
				float: left;
			}
				.pageteaser-foto img {
					max-width: 100%;
					height: auto;
				}
				
				.pageteaser-text {
					float: left;
					width: 60%;
				}
					.teaser-text-inner {
						padding: 10px 30px;
					}
					.teaser-text-inner a {
						display: inline-block;
						background: #505f74;
						color: #fff !important;
						padding: 10px 20px;
						text-decoration: none;
					}
		
		
		.vt-orange-teaserbox a {
			background: #f08a00;
			color: #fff !important;
			text-decoration: none;
			display: block;
			padding: 20px;
		}
		
		#maincontent .contenttable tr:last-child {
			background: #fff;
		}
		
		#maincontent .contenttable td {
			padding: 5px 10px;
		}
		
		.stageproductswrapper h1 {
			color: #fff;
			font-size: 1.8em;
			margin: 50px 0 0 0;
		}
		
		.stageproductswrapper h2 {
			color: #fff;
			margin: 0px auto;
			max-width: 1080px;
			line-height: 70px;
			font-size: 1.6em;
		}
		
			#vt-20.fr .stageproductswrapper h2 {
				font-size: 1.3em;
			}
			
			@media screen and (max-width: 1150px) and (min-width: 768px) {
				.stageproductswrapper h2 {
					padding: 0px 30% 0 0 !important;
				}
			}
		
		.productcontent .box-telefon {
			background: #505f74;
			padding: 30px;
			color: #fff !important;
		}
		
		.productcontent .box-telefon a, .productcontent .box-telefon p {
			color: #fff !important;
		}
		
		.productcontent {
			background: #e1e3e6 !important;
		}
		
	/* TABS */
		.tabssection p, .tabssection h3 { 
			margin-bottom:15px;
		}
		
		.tabssection {
			padding: 30px 0;
		}
		
		ul.tabs {
			margin: 0 !important;
		}

		.tabssection div.thetab {
			padding:10px;
			width: 100%;
			background:#fff;
			display: none;
		}


		.tabssection .tabs li {
			list-style:none;
			display:inline;
			padding: 0 !important;
			background: none;
		}
		
		.tabssection table {
			width: 100%;
		}
		
		.tabssection table tr td:first-child {
			width: 40%;
			font-weight: 600;
		}
		
		.tabssection table tr td:last-child {
			width: 60%;
		}
		
		.tabssection table tr:nth-child(odd) {
			background: #e7eef7;
		}
		
		.tabssection table tr td {
			vertical-align: middle;
			padding: 5px 10px;
		}
		
		.tabssection table tr p  {
			margin: 0 !important;
			padding: 0 !important;
		}
		

		.tabssection .tabs a {
			padding:10px 20px;
			display:inline-block;
			background:#aeb5bf;
			color:#fff !important;
			text-decoration:none;
		}

		.tabssection .tabs a.active {
			background:#fff;
			color:#505f74 !important;
		}
		
		.tabinner {
			padding: 20px 35px;
		}
		
		.tab-more a {
			display: inline-block;
			background: #505f74;
			color: #fff !important;
			text-decoration: none;
			padding: 20px 35px;
			float: right;
			margin-top: -60px;
		}
	
	
	/* ZUBEHOER */
		.zubehoerwrapper {
			margin: 0 0 30px;
		}	
		
		.zubehoerrow {
			background: #eee;
			padding: 30px;
		}
		
		.zubehoerheadline {
			display: block;
		}
			.zubehoerheadline h3 {
				background: #6b7d98;
				display: inline-block;
				padding: 15px 30px;
				color: #fff !important;
				margin: 0 !important;
			}
		.zubehoerrow .zubehoeritem {
			width: 18%;
			float: left;
			margin: 0 2% 0 0;
			padding: 10px;
			position: relative;
			text-align: center;
		}
		
		.zubehoerrow .itemSize1 {
			width: 38%;
		}
		
		.zubehoerimage {
			width: 100%;
			display: block;
			height: 180px;
			background-size: contain;
			background-repeat: no-repeat;
			margin: 0 0 10px 0;
			position: relative;
		}
			.textinimg {
				position: absolute;
				bottom: 20px;
				left: 0;
				font-size: .8em;
				width: 100%;
				text-align: center;
			}
		
		.addtitle {
			font-size: .8em;
		}
	
	/* Stage */
		#stage {
			height: 650px;
			position: relative;
		}
		
		.stagepages {
			height: 200px !important;
			background: #8293ab url('../img/stage/stage-default.jpg');
			background-repeat: no-repeat;
			background-size: cover;
		}
		
		.stageproductswrapper {
			height: 400px !important;
			background: #8293ab;
			background-repeat: no-repeat;
			background-size: cover;
			position: relative;
		}
		
		.swiperitem {
			background: #d0df99;
			height: 650px;
		}
		
		.stageproductinner {
			padding: 160px 0 0 0;
		}
		
		#hotline {
			position: relative;
			left: 0;
			bottom: 0;
			top: -80px;
			font-size: 2em;
			z-index: 43;
		}
			#hotline a {
				color: #fff;
				text-decoration: none;
			}
			
		.stageproduct {
			position: absolute;
			bottom: 100px;
			right: 0;
			width: 300px;
			height: 200px;
		}
			.stageproduct img {
				width: 100%;
				height: auto !important;
			}
			

			.slide-christmas .stageproduct {
				position: absolute;
				bottom: 0 !important;
				right: 50%;
				top: auto;
				width: 800px;
				height: auto;
				margin-right: -400px;
			}

			.slide-christmas .stageproduct img {
				width: 100%;
				max-width: 100%;
				height: auto
			}




			
		.swiper-container-horizontal > .swiper-pagination {
			bottom: 20px !important;
			left: 0;
			width: 100%;
		}
		
		#stage .swiper-button-next,
		#stage .swiper-button-prev {
			margin-top: 53px !important;
		}
		
		.swiper-button-next.next-client,
		.swiper-button-prev.prev-client {
			background: none !important;
			background: url("../img/icons/clients-next.png") right center no-repeat !important;
			height: 60px;
			margin-top: -30px;
			width: 35px;
		}
			.swiper-button-prev.prev-client {
				background: url("../img/icons/clients-prev.png") left center no-repeat !important;
			}
		
		.swiper-pagination-bullet-active {
		  opacity: 1;
		  background: #f08a00 !important;
		}
		
		.swiperinner {
			position: relative;
			height: 650px;
		}
		
		.swiperinner p:first-child {
			padding: 250px 0 0 0;
		}
		
		.swiperinner p {
			width: 70%;
			color: #fff;
			font-size: 1.6em;
			line-height: 1.5em;
			padding: 0;
		}
		
		.swiperinner p a {
			display: inline-block;
			padding: 10px 20px;
			background: none;
			border: 1px solid #fff;
			-webkit-border-radius: 5px 5px 5px 5px;
			border-radius: 5px 5px 5px 5px;
			text-transform: uppercase;
			color: #fff;
			text-decoration: none;
			margin: 30px 0 0 0;
			font-size: .7em !important;
		}
			.swiperinner p a:hover {
				background: #fff !important;
				color: #8293ab !important;
			}
		
		.default-slide {
			background-image: url('../img/stage/stage-default.jpg');
			background-repeat: no-repeat !important;
			background-size: cover !important;
			background-position: center center !important;
		}

		.slide-christmas { background-size: cover !important; background-color: #fff; background-position: bottom center !important; }

			/*.default-slide-speed { background-image: url('../../viatraffic-content/Demo/Stage-Background/stage-speed.jpg') !important; background-repeat: no-repeat; background-size: cover !important; }
			.default-slide-count { background-image: url('../../viatraffic-content/Demo/Stage-Background/stage-count.jpg') !important; background-repeat: no-repeat; background-size: cover !important; }
			.default-slide-radar { background-image: url('../../viatraffic-content/Demo/Stage-Background/stage-radar.jpg') !important; background-repeat: no-repeat; background-size: cover !important; }
			
			.slide-herbst { background-image: url('../../viatraffic-content/Demo/Stage-Background/stage-herbst.jpg') !important; background-repeat: no-repeat; background-size: cover !important; }
		
		
			.slide-nomap {
				background-image: url("../img/stage/update-slide-nomap.jpg");
			}*/
			
		.swiper-button-next {
			background: url("../img/icons/slide-white-next.png") !important;
		}
			.swiper-button-prev {
				background: url("../img/icons/slide-white-prev.png") !important;
			}
			
			.slide-viaapp .stageproduct img {
				margin-top: -130px;
			}
			
			.slide-herbstSlide .swiperinner p a {
				background: #f08a00;
				border: 0;
			}
			
			.slide-herbstSlide .swipeHeadline b {
				background: #f08a00;
				display: inline-block;
				padding: 10px 20px;
				margin: 0 0 10px 0;
			}
			
			
			/* SERVICE ICONS */
	
		.servicewrapper {
			margin: 50px 0 20px 0;
		}
			
		
		.serviceitem {
			float: left;
			width: 30%;
			margin: 0 5% 0 0;
		}	
			.servicewrapper .serviceitem:nth-child(3n) {
				margin: 0;
			}
		
		.serviceicon img {
			width: 50%;
			height: auto;
		}
		
	/* MAPS */
		.vtmap {
			background: url("../img/maps/vt-map.png") center center no-repeat;
			background-repeat: no-repeat;
			background-size: contain;
			margin: 40px 0 0;
		}
		
		.vtmap table {
			width: 100%;
			border: 0;
		}
		
		.vtmap table td {
			width: 100%;
			height: 400px;
			vertical-align: middle;
			text-align: center;
			font-size: 1.7em;
			line-height: 1.2em;
			font-style: italic;
			padding: 0 100px;
			color: #8293ab;
		}
	
	.cta--area {
		margin-top: 20px;
	}
	
	.cta--area a {
		background: #8293ab;
		color: #fff !important;
		padding: 15px 25px;
		display: inline-block;
		font-weight: 600;
		text-decoration: none;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
	}
		.cta--area a:hover {
			background: #f08a00;
		}
	
	.pdf-downloadbox a {
		background-color: #f08a00;
		background-repeat: no-repeat;
		padding: 0px 20px;
		color: #fff;
		display: inline-block;
		
	}
	
	.pdf-downloadbox a span {
		background-image: url("../img/icons/vt-pdf.png");
		background-position: left center;
		background-size: 50px 70px;
		background-repeat: no-repeat;
		padding: 50px 20px 50px 70px;
		color: #fff;
		display: inline-block;
		font-weight: 600;
	
		
	}
	
	
	/* GALERIE */
	.galerie-item {
		width: 30%;
		float: left;
		border: 1px solid #ccc;
		margin: 0 10px 10px 0;
	}
	
	.gallery-container {
		margin: 20px 0 0 0;
	}
	
	/* KARRIERE */
		.karrierebox {
			background: #edeff7;
			border: 1px solid #cfd5e8;
			padding: 40px;
		}
		
		.karrierebox h3 {
			margin: 0 0 15px 0 !important;
		}
		
		.karrierebox p {
			margin: 0 0 10px 0 !important;
		}
	
	/* MAPS */
		.viatraffic-produkte-teaserbox {
			margin: 30 0 30px 0;
		}
		
		.produkt-kachel-wrap {
			width: 33%;
			float: left;
			position: relative;
			height: 250px;
			background-color: #fff;
			background-size: contain;
			background-position: top center;
			background-repeat: no-repeat;
			margin: 0 2px 2px 0;
			-webkit-transition: 0.3s ease-in-out;
			-moz-transition: 0.3s ease-in-out;
			-o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
		}
		
		.resizeImages .produkt-kachel-wrap {
			background-size: 60%;
			background-position-y: 30px;
		}
		
		.produkt-kachel-wrap:hover {
			background-color: #e1e3e6;	
			}	
		
		.kachellink {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			text-indent: -9999px;
			overflow: hidden;
		}
		
		.produkttitle {
			width: 100%;
			text-align: center;
			position: absolute;
			bottom: 0;
			left: 0;
			height: 40px;
			padding-bottom: 10px;
		}
	
	
	
	/* VT ICONS */
		.vticon {
			width: 100px;
			height: 140px;
			float: left;
			margin: 0 10px 0 -10px;
		}
		
			.theicon {
				width: 100%;
				height: 80px;
				margin: 0 0 5px 0;
				background-repeat: no-repeat;
				background-position: top center;
				background-size: 80px 80px;
			}
			
			.icon0 .theicon { background-image:  url("../img/icons/producticons/viatraffic-icon-datenspeicher.png"); }
			.icon1 .theicon { background-image:  url("../img/icons/producticons/viatraffic-icon-email.png"); }
			.icon2 .theicon { background-image:  url("../img/icons/producticons/viatraffic-icon-ledfarbwechsel.png"); }
			.icon3 .theicon { background-image:  url("../img/icons/producticons/viatraffic-icon-leichtesgehaeuse.png"); }
			.icon4 .theicon { background-image:  url("../img/icons/producticons/viatraffic-icon-smilefunktion.png"); }
			.icon5 .theicon { background-image:  url("../img/icons/producticons/viatraffic-icon-tempolimit.png"); }
			.icon6 .theicon { background-image:  url("../img/icons/producticons/viatraffic-icon-texteditor.png"); }
			.icon7 .theicon { background-image:  url("../img/icons/producticons/viatraffic-icon-usb.png"); }
			.icon8 .theicon { background-image:  url("../img/icons/producticons/viatraffic-icon-verdecktemessung.png"); }
			.icon9 .theicon { background-image:  url("../img/icons/producticons/viatraffic-icon-video.png"); }
			.icon10 .theicon { background-image:  url("../img/icons/producticons/viatraffic-icon-wintersommer.png"); }
			.icon11 .theicon { background-image:  url("../img/icons/producticons/viatraffic-icon-zweistellig.png"); }
			.icon12 .theicon { background-image:  url("../img/icons/producticons/viatraffic-icon-datenspeicher.png"); }
	
			.icontext {
				font-size: .7em;
				text-align: center;
				padding: 0 10px;
				line-height: 1.2em;
				color: #333;
			}
			
			.iconrow {
				margin: 0;
			}
	
	
	/* PRODUCTNAV */
		.productsLevel2 {
			padding: 0 0 0 30px;
		}
	
	/* PAGE */
		#pagescontent {
			background: #fff;
			padding: 30px 0 50px 0;
		}
		
		.default-grid #maincontent {
			width: 70%;
			margin: 0 5% 0 0;
			float: left;
		}
		
		.default-grid #sidebarright {
			width: 25%;
			margin: 0;
			float: left;
		}
		
		
		#pagescontent #sidebarright img, .thesidebar img {
			max-width: 100%; 
			width: 100%;
			height: auto;
			display: block;
		}
		
		.thesidebar .csc-textpic-imagewrap {
			/*background: #f90 !important;
			border: 1px solid #333;*/
		}
		
		/* NAV Sidebar */
			.produktnavigation-sidebar {
				background: #fff;
				padding: 20px 35px;
			}
				.produktnavigation-sidebar li {
					background: none !important;
					padding: 0 !important;
					margin: 0 0 10px 0 !important;
					width: 100%;
					float: left;
				}
				
				.produktnavigation-sidebar li a {
					text-decoration: none;
				}		
				
				.thesidebar #productnav li.active a {
					color: #f08a00 !important;
				}
				
				
		.sidebarproductimage, .thesidebar .frame-custom-135 {
			margin-top: -220px;
			margin-bottom: 60px;
			z-index: 999999;
			position: relative;
		}

		
		
		#pagescontent p {
			font-size: .95em;
			line-height: 1.8em;
			color: #666;
			margin: 0 0 15px 0;
		}
		
		#pagescontent a {
			color: #8293ab;
		}
		
		#pagescontent ul {
			font-size: 1em;
			line-height: 1.7em;
			color: #666;
			margin: 15px 0 10px 0;
		}
			#pagescontent ul li {
				padding: 0 0 10px 30px;
				background: url("../img/icons/icon-checked.png") no-repeat;
				background-position: 0 2px;
				background-size: 20px 20px;
			}
			
			#pagescontent ul.csc-menu-3 {
				margin: 0 0 30px 0;
			}
			
			#pagescontent ul.csc-menu-3 li {
				background: none;
			}
		
		#pagescontent h1 {
			font-size: 2.4em;
			line-height: 1.2em;
			color: #8293ab;
			margin: 0 0 15px 0;
		}
		
		#pagescontent h2 {
			font-size: 1.4em;
			line-height: 1.2em;
			color: #8293ab;
			margin: 10px 0 5px 0;
		}
		
			#pagescontent .VTsectionheadline h2 {
				color: #f08a00;
				font-size: 2.2em;
				margin: 10px 0 20px 0;
			}
			
		#pagescontent h3 {
			font-size: 1.1em;
			line-height: 1.2em;
			color: #777;
			margin: 20px 0 5px 0;
			font-weight: 600;
		}
		
		#pagescontent h4 {
			font-size: 1em;
			line-height: 1.2em;
			color: #777;
			margin: 20px 0 5px 0;
			font-weight: 700;
		}
	
	/* CONTENT GRID */
		.columns-3-wrap .col-30 {
			margin: 0 5% 0 0;
		}
			.columns-3-wrap .col-30:last-child {
				margin: 0;
			}
		
	/* SITEMAP */
		#pagescontent .csc-sitemap > ul > li > a {
			color: #8293ab !important;
			font-weight: 600;
			text-decoration: none;
		}
		
		
		
		#pagescontent .csc-sitemap > ul > li > ul > li > a {
			color: #777 !important;
			text-decoration: none;
		}
		
		#pagescontent .csc-sitemap > ul > li > ul > li > ul > li  {
			padding: 0;
			background: none;
		}
		
		#pagescontent .csc-sitemap > ul > li > ul > li > ul > li > a {
			color: #777 !important;
			text-decoration: none;
		}
		
		#pagescontent img {
			max-width: 100%;
			height: auto;
		}
		
		#pagescontent .sitemapheadline li {
			padding: 0;
			background: none;
			font-weight: 700;
		}
			#pagescontent .sitemapheadline li a {
				color: #f08a00;
				text-decoration: none;
				font-size: 2em;
			} 
	
	/* SIDEBAR */
	
		.sidebarbox {
			margin: 0 0 30px 0;
		}
		
		.sidebarbox img {
			width: 100%;
			height: auto;
		}
		
		.box-anfahrt {
			background: #637898 url("../img/sidebar/sidebar-anfahrt.jpg");
			background-size: cover;
			height: 180px;
			position: relative;
		}
		.box-anfahrt a {
			color: #637898 !important;
			text-decoration: none;
			position: absolute;
			bottom: 20px;
			left: 20px;
			background: #fff;
			padding: 10px 20px;
			text-transform: uppercase;
			-webkit-border-radius: 4px 4px 4px 4px;
			border-radius: 4px 4px 4px 4px;
		}
		
		.box-telefon a {
			font-size: 1.6em;
			font-weight: 600;
			text-decoration: none;
		}
		
		.box-dynamic-teaser {
			background: #6b7d98;
			color: #fff;
		}
		.box-dynamic-teaser p {
			color: #fff !important;
			padding: 0px 20px 20px 20px;
			margin: 0 !important;
		}
		.box-dynamic-teaser h4 {
			font-weight: 600;
			font-size: 1.6em;
			line-height: 1.2em;
			padding: 0 20px;
			margin: 15px 0 10px 0;
		}
		.box-dynamic-teaser a {
			color: #fff !important;
			font-weight: 600;
		}
		
		
		.box-dynamic-teaser h4 {
			color: #fff !important;
		}
		
		
		
	
	/* MITARBEITER */
		.teamitem {
			width: 80%;
			margin: 0 auto;
			background: #FEFEFE;
			border: 1px solid #ddd;
			margin-bottom: 40px;
		}	
			.teamfoto {
				width: 30%;
				float: left;
			}
				.teamfoto img {
					width: 100%;
					height: auto !important;
				}
				
			.teamtext {
				width: 70%;
				float: left;
			}
			
			.teamtext h4 {
				padding: 30px 0 0 30px;
				margin: 0 !important;
				font-size: 1.6em;
				color: #8293ab;
			}
			.maposition, .matelefon, .mamail {
				padding: 5px 0 0 30px;
			}
			.matelefon {
				margin: 0 !important;
			}
			.teamtext blockquote {
				font-style: italic;
				color: #8293ab;
				font-size: 1.6em;
				line-height: 1.2em;
				font-weight: 300;
				padding: 0 50px 0 30px;
			}
			
			.teamitem p {
				padding: 0 50px 0 30px;
			}
		
	
	
	/* FAQ */
		.faqbox {
			background: #FEFEFE;
			border: 1px solid #ddd;
			margin: 0 0 30px 0;
			padding: 20px 30px;
		}
		
		.faqbox h3 {
			margin: 0 0 15px 0 !important;
		}
		
		
	
	/* LOGIN */
		.tx-felogin-pi1 input[type=submit] {
			background: #8293ab;
			color: #fff;
			border: 0px;
			padding: 15px 30px;
			margin: 20px 0 0 0;
			font-weight: 600;
			font-size: 1.2em;
		}
	
	
	
	/* NEWS */
		#newsteaser {
			background: #ededed;
		}
		
		#newsteaser h2 {
			text-align: center;
			padding: 20px 0 50px 0;
			font-size: 2em;
			color: #8293ab;
		}
	
		#newsteaser .newsitem {
			float: left;
			width: 30%;
			margin: 0 5% 0 0;
		}
			#newsteaser .newsitem:last-child {
				margin: 0;
			}
			
		#newsteaser img {
			max-width: 100%;
			height: auto !important;
		}
		
		#newsteaser .date {
			margin: 10px 0 10px 0;
			font-weight: 400;
			font-size: .9em;
			color: #8293ab;
		}
		
		#newsteaser h3 a {
			margin: 10px 0 20px 0;
			font-weight: 600;
			font-size: 1.4em;
			color: #8293ab;
			display: block;
			text-decoration: none;
		}
		
		#newsteaser .linkarea a {
			background: #fff;
			padding: 10px 20px;
			display: inline-block;
			margin: 25px 0 0 0;
			color: #8293ab;
			text-decoration: none;
		}
			#newsteaser .linkarea a:hover {
				background: #8293ab;	
				color: #fff;
			}
	
		
	/* TEASER */
		#teaser {
			background: #ffffff;
		}
		
		#teaser h1 {
			text-align: center;
			color: #f08a00;
			font-size: 2em;
			margin: 20px 0 50px 0;
			line-height: 1.4em;
		}
		
		#teaser .col-30 {
			margin: 0 5% 0 0;
		}
		#teaser .col-30:last-child {
			margin: 0 0 0 0;
		}
		
		/* #teaser p a {
			border: 1px solid #bccce3;
			margin: 20px 0 0 0;
			padding: 15px 25px;
			display: inline-block;
			-webkit-border-radius: 5px 5px 5px 5px;
			border-radius: 5px 5px 5px 5px;
			text-decoration: none;
			text-transform: uppercase;
			color: #666;
		} */
		
		#teaser p a {
			border: 2px solid #7184a0;
			margin: 20px 0 0 0;
			padding: 15px 25px;
			display: inline-block;
			-webkit-border-radius: 5px 5px 5px 5px;
			border-radius: 5px 5px 5px 5px;
			text-decoration: none;
			text-transform: uppercase;
			color: #435369;
			font-weight: bold
		}
		
			#teaser p a:hover {
				background: #f08a00;
				color: #fff;
				cursor: pointer;
				border: 1px solid #fff;
			}
		
		#teaser a {
		text-decoration: none !important;
		}
		/* #teaser h2 {
			font-style: italic;
			color: #667b99;
			font-size: 1.3em;
			margin: 0 0 10px 0;
			text-decoration: none;
		} */
		
		#teaser h2 {
			font-style: normal;
			color: #435369;
			font-weight: bold;
			font-size: 1.6em;
			margin: 0 0 10px 0;
			text-decoration: none;
		}
		
		#teaser p {
			font-size: 1.1em;
			line-height: 1.6em;
		}
		
		#teaser p {
			font-size: 1.1em;
			line-height: 1.4em;
		}
		
		
		#teaser img {
			width: 100%;
			height: auto !important;
			margin: 0 0 20px 0;
		}
		
	/* Product Section */
		#pfteaser-title {
			background: #fff;
		}
		
		#pfteaser-title h2 {
			text-align: center;
			padding: 20px 0 30px 0;
			font-size: 2em;
			color: #8293ab;
		}
		
		#pfteaser-header {
			background: #8293ab;
			padding: 20px 0;
		}
			#pfteaser-header a {
				color: #a0adbf;
				text-decoration: none;
				font-size: 1.7em;
				margin: 0 20px 0 0;
				display: inline-block;
				cursor: pointer;
			}
				#pfteaser-header a:hover, #pfteaser-header a.product-isactive {
					color: #fff;
					cursor: pointer;
				}
		
		#pfteaser-content {
			background: #667b99;
		}
		
		
		#pfteaser-content h3 {
			color: #fff;
			width: 100%;
			font-size: 1.6em;
			line-height: 1.4em;
			font-weight: 600;
			margin: 0 0 10px 0;
		}
		
		#pfteaser-content p {
			color: #fff;
			width: 100%;
			font-size: 1.3em;
			line-height: 1.5em;
		}
			#pfteaser-content p a {
				color: #fff;
				text-decoration: none;
				font-weight: 600;
				border-bottom: 1px solid #a0adbf;
				padding: 0 0 5px 0px;
				display: inline-block;
				margin: 0 0 0 10px;
			}
			
		.pf-content-item {
			position: relative;
			padding: 40px 0;
			display: none;
		}
		
		.pf-content-item img {
			max-width: 80%;
			height: auto;
			float: right;
		}
		
		
		.pf-active {
			display: block;
		}
	
	
	.imagelinkcationbox {
		margin: 0 0 30px 0
	}
	.imagelinkcationbox .csc-textpic-image {
		position: relative;
	}
	.imagelinkcationbox .csc-textpic-caption {
		margin: 0;
	}
	.imagelinkcationbox .csc-textpic-caption a {
		color: #fff !important;
		padding: 15px 30px;
		background: #f08a00;
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		text-decoration: none;
	}
		.imagelinkcationbox .csc-textpic-caption a:hover {
			background: #6b7d98;
		}
	
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
	
	
	/* GALERTIE */
		.galerie div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 0px; }
		
		.galerie {
			margin: 0 auto !important;
			float: none;
		}
		
		.galerie .csc-textpic-imagewrap {
			margin: 40px auto;
			float: none;
			width: auto !important;
			height: auto !important;
			display: inline-block;
		}
		.galerie div.csc-textpic-left .csc-textpic-imagewrap { float: none !important; }
		
		.galerie .csc-textpic-image {
			margin: 0 20px 20px 0 !important;
		}
		.galerie .csc-textpic-image:hover {
			filter:alpha(opacity=50); /* IE */
			-moz-opacity: 0.50; /* Mozilla */
			opacity: 0.50; /* Opera */
		}

		
		.galerie .csc-textpic-imagerow .csc-textpic-imagecolumn:last-child .csc-textpic-image  {
			margin-right: 0 !important;
		}
		
		.csc-textpic-imagerow-last .csc-textpic-image {
			margin-bottom: 0 !important;
		}	
		
			
	
	i {
		font-style: italic;
		font-weight: 400;
	}
	
	
	/* ZITATBOX */
		.vtzitatbox {
			font-style: italic;
			padding: 50px 0;
			font-size: 1.4em !important;
			font-style: italic;
			font-weight: 300;
			line-height: 1.6em !important;
			color: #999 !important;
		}	
		
		.zitatautor {
			font-size: .8em;
			color: #666;
			text-align: right;
		}

	
	/* Clients */
		#kundenlogos {
			background: #fff;
		}
		
		#kundenlogos .clientitem {
		    white-space: nowrap;
		    text-align: center; margin: 1em 0;
		    display: inline-block;
		    height: 120px;
		    position: relative;
		}
		
		
		#kundenlogos .innerclient {
		    display: inline-block;
		    height: 100%;
		    vertical-align: middle;
		}
		
		#kundenlogos img {
		    background: none;
		    vertical-align: middle;
		  
		    max-width: 100% !important;
		      max-height: 100px !important;
		}
		
		#kundenlogos .clientmore {
			text-align: center;
		}
		
		#kundenlogos .clientmore a {
			border: 1px solid #ccc;
			text-transform: uppercase;
			padding: 15px 25px;
			color: #444;
			text-decoration: none;
		}
			#kundenlogos .clientmore a:hover {
				background: #667b99;
				color: #fff;
				border: 1px solid #fff;
			}
		
		
		#kundenlogos .swiper-container-clients {
		    width: 100%;
		    height: 130px;
		    margin: 20px auto;
		    overflow: hidden;
		    padding: 0 100px;
		}
		
		#kundenlogos .swiper-slide {
		    text-align: center;
		    font-size: 18px;
		    background: #fff;
		    
		    /* Center slide text vertically */
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: -webkit-flex;
		    display: flex;
		    -webkit-box-pack: center;
		    -ms-flex-pack: center;
		    -webkit-justify-content: center;
		    justify-content: center;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    -webkit-align-items: center;
		    align-items: center;
		}
		
		
	#kontaktfond {
		background: #f5f5f5 url('../img-2021/kontakt-footer-fond-tiny.jpg') top center no-repeat;
		background-size: cover;
	}
	
	/* CTA Question */
		#ctaquestion {
			color: #fff;
			background: rgba(240, 130, 0, .90);
			text-align: center;
			font-size: 2em;
		}	
			#ctaquestion a {
				color: #fff;
				display: inline-block;
				padding: 30px 25px;
				background: none;
				border: 1px solid #fff;
				-webkit-border-radius: 5px 5px 5px 5px;
				border-radius: 5px 5px 5px 5px;
				text-transform: uppercase;
				color: #fff;
				text-decoration: none;
				font-size: .7em;
				margin: 0 0 0 30px;
			}
				#ctaquestion a:hover {
					background: #fff;
					color: rgba(240, 130, 0, .90);
					}
			
			.arrow {
				background: url("../img/icons/arrow-white-right.png") no-repeat;
				background-size: 20px 20px;
				display: inline-block;
				width: 20px;
				height: 20px;
				margin: 0 0 -2px 5px;
			}
		
	/* Framing */
		.lightbluebox {
			background: #efefef;
			padding: 20px 50px;
			margin: 20px 0 20px 0;
			border: 1px solid #d3e0f4;
		}
	
	/* Kontakt Footer */
		#kontaktfooter {
			background: rgba(255, 255, 255, .90);
			line-height: 1.5em;
		}
		
		.footerlogolayer {
			background: url("../img/footer/vt-logo-sign-footer-layer.png") top center no-repeat;
			width: 100%;
			padding: 165px 0 0 0;
			text-align: center;
		}
			.footerlogolayer img {
				width: 70%;
				margin: 0 auto;
			}
		
		#kontaktfooter, #kontaktfooter a {
			color: #333;
		}
		
		.vtbuilding {
			width: 300px;
			height: auto;
		}
	
		#kontaktfooter #productnav a:hover{
			color: #f08a00 !important;
			text-decoration: none;
		}
		
	/* VT Footer */
		#vtfooter, #vtfooter a {
			color: #8e8e8e;
			text-decoration: none;
		}
			#vtfooter a:hover {
				color: #fff;
			}
		
		#vtfooter h5 {
			text-transform: uppercase;
			font-size: 1.4em;
			margin: 0 0 15px 0;
			font-weight: 700;
		}
		
		#vtfooter ul {
			margin: 0;
		}
			#vtfooter ul li {
				margin: 0 0 7px 0;
			}
			
			#vtfooter a.footersign {
				width: 300px;
				height: 220px;
				background: url("../img/vt-logos/vt-logo-sign-footer.png") center center no-repeat;
				background-size: contain;
				display: inline-block;
				margin: 40px 0 0 0;
			}
			
			#vtfooter .socialwrap {
				padding: 20px 0 0 0;
			}	
				
				
		
		a.linktel {
			text-decoration: none !important;
		}
		
		.enonly {
			display: none;
		}
		.en .enonly {
			display: inline-block;
		}
	
	/* CLIENTS */
		/*.reftable tr:nth-last-child(2) td {
		    background: #fff;
		}*/
		
		#cookie-law-bar {
			position: fixed;
			display: none;
			bottom: 0;
			left: 0;
			width: 100%;
			background: rgba(255, 255, 255, .90);
			-webkit-box-shadow: 0 0 30px 5px rgba(0,0,0,0.3);
			box-shadow: 0 0 30px 5px rgba(0,0,0,0.3);
			text-align: center;
			z-index: 77777;
		}
		
		#close-cookiebar {
			position: absolute;
			right: 30px;
			height: 40px;
			top: 50%;
			line-height: 40px;
			padding: 0 20px;
			margin-top: -20px;
			background: rgba(240, 130, 0, .99);
			color: #fff !important;
		}
			.cookie-law-bar-inner {
				padding: 20px 200px;
			}
				@media screen and (max-width: 1000px){
					.cookie-law-bar-inner {
						padding: 20px 40px 100px;
					}	
					
					#close-cookiebar {
						top: auto;
						bottom: 30px;
						right: 50%;
						width: 150px;
						text-align: center;
						margin-right: -75px;
					}
				}
			
			#cookie-law-bar a {
				color: #333;
				text-decoration: none;
			}
			
			.hidecookiebar {
				display: none !important;
			}
			
			.showcookiebar {
				display: block !important;
			}
		
		.swiper-container {
		    width: 100%;
		    height: 100%;
		    margin-left: auto;
		    margin-right: auto;
		}
		.swiper-slide {
		    background-size: cover;
		    background-position: center;
		}
		.gallery-top {
		    height: 80%;
		    width: 100%;
		}
	
		#productSlider {
			width: 300px;
			margin: 0 auto;
			margin-top: -220px;
			padding: 0 0 30px 0;
			}
			
			#productSlider .swiper-slide {
				opacity: 0!important;
			}
				#productSlider .swiper-slide.swiper-slide-active {
					opacity: 1!important;
				}
			
			
			.swiper-thumbnails {
				padding: 10px 0 0 0;
			}
			
			.slide-controll-thumb img {
				width: 50px;
				height: auto;
				cursor: pointer;
			}
			
			.slide-controll-thumb {
				float: left;
				margin: 0 10px 0 0;
				opacity: 0.2;
			}
				.slide-controll-thumb.is-active {
					opacity: 1 !important;
				}
				
			
		.vtbannerbox-layer {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background: rgba(255, 255, 255, .65);
			z-index: 99999;
		}
		
		
		.vt-bannerbox {
			position: absolute;
			top: 150px;
			left: 50%;
			width: 400px;
			z-index: 999991;
			margin-left: -200px;
			-webkit-box-shadow: 0 0 40px 5px rgba(0,0,0,0.2);
			box-shadow: 0 0 40px 5px rgba(0,0,0,0.2);
		}
		
		@media screen and (max-width: 800px) {
			.vt-bannerbox {
				width: 300px;
				margin-left: -150px;
			}

			.slide-christmas .stageproduct {
				width: 600px;
				margin-right: -300px;
			}
		}


		
		#closeBannerBox {
			position: absolute;
			width: 50px;
			height: 50px;
			top: -25px;
			right: -25px;
			background: #667b99 url("../img/close-bannerlayer.png") center center no-repeat;
			background-size: 30px 30px;
			-webkit-border-radius: 25px;
			-moz-border-radius: 25px;
			border-radius: 25px;
			display: block;
			border: 3px solid #fff;
		}
		
		.vt-bannerbox-container {
			position: relative;
		}
		
		.vt-bannerbox img {
			max-width: 100%;
			height: auto;
		}