@charset "utf-8";

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/ubuntu-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('/fonts/ubuntu-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/ubuntu-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/ubuntu-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/ubuntu-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/ubuntu-v12-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/ubuntu-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
       url('/fonts/ubuntu-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/ubuntu-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/ubuntu-v12-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/ubuntu-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/ubuntu-v12-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/ubuntu-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
       url('/fonts/ubuntu-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/ubuntu-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/ubuntu-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/ubuntu-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/ubuntu-v12-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

* {box-sizing: border-box;}


html {height:100%;margin:0;}
body {height:100%;margin:0;font-size:18px;font-family:'Ubuntu', sans-serif;font-weight:400;margin: 0;}

.logobox {margin:0 0 0 165px;width: calc(100% - 165px);height:100%; position:absolute;left:0;top:0; pointer-events:none;}
.logobox > a { pointer-events:all;}
.logo { width:38.1%;height:15.8%;background:rgba(255,255,255,.8) url(img/vbt-vorspann-und-brueckentechnologie-gmbh.svg) center center no-repeat; background-origin:20px; background-size:70% auto;padding:2%;position:absolute;z-index:50;right:0;top:0;}
.logo img {width:80%;height:auto;}

.sidemenu {background:#7d9787;position:fixed;z-index:2000;top:0px;left:0px;height:100%;width:165px;margin:0;padding:35px 10px;text-align:center;box-shadow:0 0 15px rgba(0,0,0,0.15)}
.sidemenu > div.sub {position: absolute; bottom: 0px; left:0px; width: 100%; padding-bottom:8.5vh;}
.sidemenu > div > a {color:#fff;text-decoration: none;text-rendering: geometricPrecision;font-size:22px; display:block;padding:2vh 10px;transition:all .5s;}
.sidemenu > div:hover > a {opacity: 0.5;}
.sidemenu > div > a:hover {opacity: 1;}		


.menubox {display:none;position:fixed;z-index:1000;top:0px;left:0px;width:100%;height:100%;margin:0;justify-content:space-between;}
.mainmenu {display:flex;flex-wrap:wrap;list-style:none;position:absolute;padding:0 0 0 165px;top:0px;left:0px;width:100%;height:100%;margin:0;justify-content:space-between;background:rgba(147,161,152,0.9);}
.mainmenu > li {position: relative; width:17.5%;background:rgba(123,148,131,0.80);padding:0;margin:2.8% 0 0 0;}
.mainmenu > li:empty {background:rgba(109,127,115,0.45);}
.mainmenu > li:nth-child(-n+5) {margin:0;}

.mainmenu > li a {overflow:hidden;padding:30px 15px 15px 30px;position:absolute;top:0px;left:0px;width:100%;height:100%;color:#fff;font-size:25px;text-decoration:none;transition:all .5s;}
.mainmenu > li a:after {content:'';display:inline-block;position:relative;top:5px;margin-left:20px;background:url(img/menu-arrow.png) center right;width:15px;height:26px;}
.mainmenu > li a:hover{background: #60afd0;transform: scale(1.1);}

@media (max-width: 1700px) {
	.mainmenu > li a {font-size:20px;}
	.mainmenu > li a:after {width:10px;top:6px;}
}

@media (max-width: 1500px) {
	.mainmenu > li {width:31.5%}
	.mainmenu > li:nth-child(5n+1) {display:none;}
	.mainmenu > li:nth-child(5n+5) {display:none;}
}
@media (max-width: 1250px) {
	.logobox .logo {width:50%;}
}




.mainmenu > li.farbe_b84a30.an {
	background:#b84a30;
}
.mainmenu > li.farbe_6fb46d.an {
	background:#6fb46d;
}
.mainmenu > li.farbe_7d9787.an {
	background:#7d9787;
}
.mainmenu > li.farbe_d1a333.an {
	background:#d1a333;
}
.mainmenu > li.farbe_534a69.an {
	background:#534a69;
}
.mainmenu > li.farbe_60afd0.an {
	background:#60afd0;
}

.mainmenu > li.farbe_b84a30 a:hover {
	background:#b84a30;
}
.mainmenu > li.farbe_6fb46d a:hover {
	background:#6fb46d;
}
.mainmenu > li.farbe_7d9787 a:hover {
	background:#7d9787;
}
.mainmenu > li.farbe_d1a333 a:hover {
	background:#d1a333;
}
.mainmenu > li.farbe_534a69 a:hover {
	background:#534a69;
}
.mainmenu > li.farbe_60afd0 a:hover {
	background:#60afd0;
}

.slider {height:100%;position:relative;margin-left:165px;}

.slider > div {opacity:0;background-size:cover;background-position:center center;transition:opacity 0s;height:100%;width:100%;position:absolute;left:0;top:0;}
.slider > div.picmask {z-index:10;clip-path:polygon(0% 0% ,0% 16.7%,0% 0%,17.48% 0%,17.48% 16.7%,0% 16.7%,17.48% 16.7%,20.63% 16.7%,20.63% 0%,38.11% 0%,38.11% 16.7%,20.63% 16.7%,38.11% 16.7%,41.26% 16.7%,41.26% 0%,58.74% 0%,58.74% 16.7%,41.26% 16.7%,58.74% 16.7%,61.89% 16.7%,61.89% 0%,79.37% 0%,79.37% 16.7%,61.89% 16.7%,79.37% 16.7%,82.52% 16.7%,82.52% 0%,100% 0%,100% 16.7%,82.52% 16.7%,100% 16.7%,100% 16.7%,0% 16.7%,0% 20.8%,0% 37.5%,0% 20.8%,17.48% 20.8%,17.48% 37.5%,0% 37.5%,17.48% 37.5%,20.63% 37.5%,20.63% 20.8%,38.11% 20.8%,38.11% 37.5%,20.63% 37.5%,38.11% 37.5%,41.26% 37.5%,41.26% 20.8%,58.74% 20.8%,58.74% 37.5%,41.26% 37.5%,58.74% 37.5%,61.89% 37.5%,61.89% 20.8%,79.37% 20.8%,79.37% 37.5%,61.89% 37.5%,79.37% 37.5%,82.52% 37.5%,82.52% 20.8%,100% 20.8%,100% 37.5%,82.52% 37.5%,100% 37.5%,100% 37.5%,0% 37.5%,0% 41.6%,0% 58.3%,0% 41.6%,17.48% 41.6%,17.48% 58.3%,0% 58.3%,17.48% 58.3%,20.63% 58.3%,20.63% 41.6%,38.11% 41.6%,38.11% 58.3%,20.63% 58.3%,38.11% 58.3%,41.26% 58.3%,41.26% 41.6%,58.74% 41.6%,58.74% 58.3%,41.26% 58.3%,58.74% 58.3%,61.89% 58.3%,61.89% 41.6%,79.37% 41.6%,79.37% 58.3%,61.89% 58.3%,79.37% 58.3%,82.52% 58.3%,82.52% 41.6%,100% 41.6%,100% 58.3%,82.52% 58.3%,100% 58.3%,100% 58.3%,0% 58.3%,0% 62.4%,0% 79.1%,0% 62.4%,17.48% 62.4%,17.48% 79.1%,0% 79.1%,17.48% 79.1%,20.63% 79.1%,20.63% 62.4%,38.11% 62.4%,38.11% 79.1%,20.63% 79.1%,38.11% 79.1%,41.26% 79.1%,41.26% 62.4%,58.74% 62.4%,58.74% 79.1%,41.26% 79.1%,58.74% 79.1%,61.89% 79.1%,61.89% 62.4%,79.37% 62.4%,79.37% 79.1%,61.89% 79.1%,79.37% 79.1%,82.52% 79.1%,82.52% 62.4%,100% 62.4%,100% 79.1%,82.52% 79.1%,100% 79.1%,100% 79.1%,0% 79.1%,0% 83.2%,0% 99.9%,0% 83.2%,17.48% 83.2%,17.48% 99.9%,0% 99.9%,17.48% 99.9%,20.63% 99.9%,20.63% 83.2%,38.11% 83.2%,38.11% 99.9%,20.63% 99.9%,38.11% 99.9%,41.26% 99.9%,41.26% 83.2%,58.74% 83.2%,58.74% 99.9%,41.26% 99.9%,58.74% 99.9%,61.89% 99.9%,61.89% 83.2%,79.37% 83.2%,79.37% 99.9%,61.89% 99.9%,79.37% 99.9%,82.52% 99.9%,82.52% 83.2%,100% 83.2%,100% 99.9%,82.52% 99.9%,100% 99.9%,100% 99.9%,0% 99.9%,0% 104%);}

.slider > div.active {opacity:1;z-index:8;opacity 3s;}
.slider > div.fadeplacer {z-index:9;}
.slider > div.show {opacity:1;transition:opacity 3s;}

.openmenu {cursor: pointer}

.mmenu * {transition:all 0.3s cubic-bezier(.3,1.99,.45,.54);-webkit-transition:all 0.3s cubic-bezier(.3,1.99,.45,.54);box-sizing:border-box;}
.mmenu {position:relative;margin:10px auto;height:40px;width:90%;max-width:40px;}
.mmenu input[type=checkbox] {display:none;}
.mmenu label {cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:10px;left:0;}
.mmenu .spinner2 {position:absolute;height:5px;width:100%;background-color:#fff;}
.mmenu .diagonal.part-1 {position:relative;float:left;}
.mmenu .horizontal {position:relative;float:left;margin-top:7px;}
.mmenu .diagonal.part-2 {position:relative;float:left;margin-top:6px;}
.mmenu input[type=checkbox]:checked ~ .spinner-spin2 > .horizontal {opacity: 0;}
.mmenu input[type=checkbox]:checked ~ .spinner-spin2 > .diagonal.part-1 {transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-top:10px;}
.mmenu input[type=checkbox]:checked ~ .spinner-spin2 > .diagonal.part-2 {transform:rotate(-135deg);-webkit-transform:rotate(-135deg);margin-top:-16px;}



.first {
	position: absolute;
	z-index:20;
	top:0px;
	left:0px;
	height:100%;
	padding-left:165px;
	width:100%;
	background: rgba(44,42,38,0.55);
}

.first > div {
	padding:28% 10% 50px 10%;
}

h1, h2 {
	font-weight: 500;
	color: rgba(0,0,0,0.7);
}

h3, h4 {
	font-weight: 400;
	color: rgba(0,0,0,0.7);
}

.first h1 {
	font-size:58px;
	margin:0 0 45px 0;
	line-height: 1.1em;
	color:#fff;
	text-shadow: 0 2px 20px rgba(0,0,0,0.2); 
}

.first h3 {
	font-size:38px;
	line-height: 1.3em;
	margin:0;
	color:#fff;
	text-shadow: 0 2px 20px rgba(0,0,0,0.2); 
}


.page_b84a30 .content.colored {
	background:#b84a30;
	color:#fff;
}
.page_6fb46d .content.colored {
	background:#6fb46d;
	color:#fff;
}
.page_7d9787 .content.colored {
	background:#7d9787;
	color:#fff;
}
.page_d1a333 .content.colored {
	background:#d1a333;
	color:#fff;
}
.page_534a69 .content.colored {
	background:#534a69;
	color:#fff;
}
.page_60afd0 .content.colored {
	background:#60afd0;
	color:#fff;
}








.content.colored h1 {
	color:#fff;
}

.content.colored a {
	color: #fff;
	text-decoration:none;
	}
.content.colored a :hover {
	color:rgba(0,0,0,0.7);
	}

.content .whitebox {
	position: absolute;
	color:#000;
	z-index:20;
	bottom:0px;
	right:0px;
	height:auto;
	padding:30px;
	width:60%;
	background: #fff;
	font-size:22px;
	line-height:1.5em;
}

.content .whitebox3 {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	margin:auto;
	padding-right:100px;

}

.content .whitebox h1 {
	font-size: 28px;
	font-weight:700;
	margin:0 0 10px 0;
	color:#60afd0;
}


.page_b84a30 .content .whitebox h1 {
	color:#b84a30;
}
.page_6fb46d .content .whitebox h1 {
	color:#6fb46d;
}
.page_7d9787 .content .whitebox h1 {
	color:#7d9787;
}
.page_d1a333 .content .whitebox h1 {
	color:#d1a333;
}
.page_534a69 .content .whitebox h1 {
	color:#534a69;
}
.page_60afd0 .content .whitebox h1 {
	color:#60afd0;
}

.content .whitebox strong {
	font-size: 26px;
	font-weight:500;
	}
	
ul {
	list-style-type:square;
	}
	
.content .whitebox a {
	color: rgba(0,0,0,0.7);
	text-decoration:none;
	}
.content .whitebox a :hover {
	color:#60afd0;
	}

.wrap {				
	margin: auto;
	max-width:1400px;
	padding:2% 5%;			
}

.content {
	padding-left:165px;
	line-height:1.5em;
}

.content .wrap:empty {display: none;}





@media (max-width: 950px) {
	body {font-size:15px;}
	.logobox {display:none;}
	.mainmenu {padding:0;overflow-y:scroll;-webkit-overflow-scrolling: touch;}
	.mainmenu {padding-top:80px;}
	.mainmenu > li {width:48%;}
	.mainmenu > li:empty {display:none;}
	
	.sidemenu {position:relative;width:inherit;height:auto;z-index:inherit;}
	.sidemenu > div.sub {position:inherit;padding:0;}
	.sidemenu > .mobile {box-shadow: 0 0 15px rgba(0,0,0,0.15);position:fixed;display:flex;z-index:2500;top:0px;left:0px;width:100%;background:#7d9787;padding:0 5%;justify-content:space-between;align-items:center;}
	.sidemenu > .mobile img {width:70px;}
	
	.sidemenu > .mobile .mmenu {margin:0px;}
	.slider {margin:0;}
	.content {padding:0;}
}

@media (max-width: 750px) {
	body {overflow-x:hidden;}
	.mainmenu > li {width:100%;height:120px;}
	.mainmenu > li:empty {display:none;}
	
	.slider {height:45%;margin-top:80px;}
	.start .slider {height:90%;margin-top:80px;}
	
	.content .whitebox {position:relative;width:112%;margin:-2% -6%;font-size:inherit;}
	h1 {font-size:1.5em;line-height:1.5em;}
	.content .whitebox h1 {font-size:1.5em;}
	.content .whitebox strong {font-size:inherit;}
	
	.content .first {padding:0; display:flex;align-items:center;}
	.content .first h1 {font-size:1.5em;}
	.content .first h3 {font-size:1.3em;}
}



/*
* SLIDER CSS
********--------------*/

header + #fullscreen-banner
{
top: -100px;
position: relative;
}

header + #fullscreen-banner > .displayTable { padding-top: 100px; }

.banner-text
{
font-size: 18px;
font-weight: 300;
color: #3c3734;
}

.banner-text h1
{
background: #ff0000;
/*display: inline-block;*/
color: #fff;
padding: 25px;
font-size: 36px;
font-weight: 800;
margin-bottom: 5px!important;
}

.banner-text p
{
background-color: #fff;
color: #3c3734 !important;
padding: 25px;
margin: 0!important;
line-height: 1.5em;
}

.banner-text > a
{
background-color: #ff0000;
display: inline-block;
/*   border-radius: 6px;*/
font-size: 16px;
font-weight: 700;
color: #fff;
}

.btn i, .banner-text > a i { margin-left: 12px; }

.banner-text .btn
{
margin-top: 5px;
padding: 15px 25px;
}

.banner-text > a:hover { background-color: #ff0000; }

header + #homeSliderArea
{
top: -100px;
position: relative;
}

header + #homeSliderArea .displayTable { padding-top: 100px; }

header + #homeSliderArea + .our-services, header + .banner-text-area + .our-services { margin-top: -100px; }

.slider-area, .slick-list, .slick-track, .slide { height: 700px; }

#homeSlider .slick-list { width: 100%; }

#homeSlider .banner-text { text-align: left; }

#homeSlider .slide
{
-webkit-background-size: cover;
background-size: cover;
position: relative;
background-position: center center;
}

/* SLIDER TEXT TRANSITION */

#homeSlider .slide .banner-text > *
{
animation-name: fadeOut;
animation-duration: 1s;
color: #fff;
}

#homeSlider .slide.slick-active .banner-text > * { animation-name: fadeInLeft; }

#homeSlider .slide .banner-text h1 { animation-delay: 0.1s; }

#homeSlider .slide .banner-text p { animation-delay: 0.3s; }

#homeSlider .slide .banner-text a { animation-delay: 0.5s; }

/* SLIDER NAVIGATION */

#homeSlider .slick-arrow
{
position: absolute;
top: calc(50% + 50px);
margin-top: -24px;
border: none;
z-index: 1;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
display: inline-block;
background-color: #ff0000;
font-size: 24px;
color: #fff;
cursor: pointer;
opacity: 0;
font-family: 'FontAwesome'
}

#homeSlider .PrevArrow { left: 0px; }

#homeSlider .NextArrow { right: 0px; }

#homeSlider .NextArrow:before { content: '\f105'; }

#homeSlider .PrevArrow:before { content: '\f104'; }

#homeSlider:hover .slick-arrow { opacity: 1; }




.sitemap {list-style:none;flex-wrap: wrap;display:flex;margin:0;padding:0;justify-content:space-between;margin-top:4%;}
.sitemap a {width:48%;margin-bottom:2%;text-decoration:none;color:#666;transition:all .4s;}

.sitemap a:hover {text-decoration:none;color:#000;}
.sitemap a img {width:100%;height:auto;display:block;}
.sitemap a .bild {background-size:cover;background-position:center center;}
.sitemap a h3 {font-weight:300;color:#000;margin:0 0 15px 0;padding:0 0 5% 0;}
.sitemap a span {display:block;font-weight:400;}

.sitemap a em {
    font: normal 12px/20px 'Open Sans';
    color: #336600;
    font-style:normal;
    margin: 0;
    text-decoration: none;
}

.sitemap a.placeholder {width:48%;margin-bottom:2%;text-decoration:none;color:#666;text-align:center;transition:all .4s;}

@media (max-width:570px) {
	.sitemap a {width:100%;}
}



.alert { font-size: 0.8em !important; color: #ff0000; cursor: default; }
.normtext { font-size: 12px; color: #212124; font-weight: normal; cursor: default; }
.highlighttext {  font-size: 12px; color: #E70800; font-weight: bold; cursor: default; }
.tabellenrechnung { font-size: 13px; color: #ffffff; font-weight: bold; cursor: default; }

.eingabe {
	font-family:LBSThesisSemiLight, Verdana, Geneva, sans-serif;
	font-size: 15px;
	padding:5px;
	color:#000;
	border:1px solid #bbb;
	border-radius:5px;
	outline:0;
}

.needeingabe {
	font-family:LBSThesisSemiLight, Verdana, Geneva, sans-serif;
	font-size: 15px;
	padding:5px;
	border:1px solid #f00;
	border-radius:5px;
	outline:0;
}
@media (max-width: 700px) {
	.formular tr td {display:block;width:100% !important;}
	.formular tr td input {width:100% !important;}
}

button {outline:0;}

.fileinfo {
	display:block;
	margin-bottom:1em;
	text-decoration:none;
	transition:all .3s;
	border-radius:4px;
	line-height:1.4em;
}
.fileinfo img {
	float:left;
	margin-right:10px;
}

.fileinfo small {
	font-weight:400;
}

.fileinfo:hover {
	color:#000;
}

.preis  { color: #2183B4; font-weight: bold; font-size: 14px; font-family:LBSThesisSemiLight, Verdana, Geneva, sans-serif; cursor: default;}
.text { font-family:LBSThesisSemiLight, Verdana, Geneva, sans-serif; font-size: 11px; color: #2183B4;; cursor: default; }

.nice {width:100%; background:#ccc;border-spacing: 1px; border-collapse: separate;margin-top:20px;}
.nice td {background:#fff;padding:4px;}
.nice th {background:#eee;padding:4px;text-align:left;border-bottom:1px solid #bbb;}

.nonetable {width:100%; border-spacing: 1px; border-collapse: separate;}
.nonetable td {padding:10px 20px 10px 0; vertical-align:top;}
.nonetable th {padding:10px 20px 10px 0;text-align:left;}

.sizeh1 { font-family:LBSThesisSemiLight, Verdana, Geneva, sans-serif; font-size: 22px; color: #B7CEDE; font-weight: bold; cursor: default; background-color: #f5f5f5; border: solid 1px #1368b1}
.sizeh2 { font-family:LBSThesisSemiLight, Verdana, Geneva, sans-serif; font-size: 20px; color: #B7CEDE; font-weight: bold; cursor: default; background-color: #f5f5f5; border: solid 1px #1368b1}
.sizeh3 { font-family:LBSThesisSemiLight, Verdana, Geneva, sans-serif; font-size: 18px; color: #B7CEDE; font-weight: bold; cursor: default; background-color: #f5f5f5; border: solid 1px #1368b1}
.sizeh4 { font-family:LBSThesisSemiLight, Verdana, Geneva, sans-serif; font-size: 14px; color: #B7CEDE; font-weight: bold; cursor: default; background-color: #f5f5f5; border: solid 1px #1368b1}


.tabelleninhalt { font-size: 11px; color: #000000; cursor: default; background-color:#ffffff; vertical-align:top;}
.border { border: 0px solid #bbbbbb; }
.cmswhite  { color: #ffffff; font-size: 10px; font-family:LBSThesisSemiLight, Verdana, Geneva, sans-serif;}

.res_img100 {width:100%;}
.res_img75 {width:75%;}
.res_img50 {width:50%;}
.res_img33 {width:33.33333333%;}
.res_img25 {width:25%;}
.res_img20 {width:20%;}
.res_img100 img, .res_img75 img, .res_img50 img, .res_img33 img, .res_img25 img, .res_img20 img {width:100%; height:auto; display:block;}

.imgl {float:left;}
.imgr {float:right;}

@media (max-width: 700px) {
	.res_img100, .res_img75, .res_img50, .res_img33, .res_img25, .res_img20 {width:100%;margin-bottom:25px !important;}
	.imgl {float:none;padding-left:0 !important;padding-right:0 !important;}
	.imgr {float:none;padding-left:0 !important;padding-right:0 !important;}
}