@import url(typo3.css);
@import url(mega-menu.css);

/* individual breakpoints */
@media (min-width:768px){
/* set container width to 100% between 768 and 992 */
.container{width:100%}
}
@media (min-width:992px){
.container{width:970px}
}
@media (min-width:1200px){
.container{width:1170px}
}

body {
	background: #e2e2e2;
	margin: 0px;
	padding: 0px;
	font-family: 'Work Sans', Arial, sans-serif;
	width:100%;
	color: #333333;
}

.container{background: #fff;}
.shadow {	-webkit-box-shadow: 0px 10px 15px 0px rgba(102,102,102,0.5);
			-moz-box-shadow: 0px 10px 15px 0px rgba(102,102,102,0.5);
			box-shadow: 0px 10px 15px 0px rgba(102,102,102,0.5);
		}

header {position: relative;}
	.secondary-menu {padding:5px 0px 5px 0px;text-align: right;background: #e2e2e2;
					display: -ms-flexbox;
				    display: -webkit-flex;
				    display: flex;
				    -webkit-flex-direction: row;
				    -ms-flex-direction: row;
				    flex-direction: row;
				    -webkit-flex-wrap: nowrap;
				    -ms-flex-wrap: nowrap;
				    flex-wrap: nowrap;
				    -webkit-justify-content: flex-end;
				    -ms-flex-pack: end;
				    justify-content: flex-end;
				    -webkit-align-content: stretch;
				    -ms-flex-line-pack: stretch;
				    align-content: stretch;
				    -webkit-align-items: center;
				    -ms-flex-align: center;
				    align-items: center;
	}
	.secondary-menu ul {margin:0px;padding:0px;
					-webkit-order: 0;
				    -ms-flex-order: 0;
				    order: 0;
				    -webkit-flex: 0 1 auto;
				    -ms-flex: 0 1 auto;
				    flex: 0 1 auto;
				    -webkit-align-self: center;
				    -ms-flex-item-align: center;
				    align-self: center;
	}
	.secondary-menu li {height:34px;line-height:34px;border-radius:4px;list-style:none;text-align:center;width:80px;float:left;}
	.secondary-menu li.search-bar {margin:0px 2px 0px 1px;width:100%;float:none;}
	.secondary-menu li:hover {background-color: #28679e;}
	.secondary-menu li a {color: #000;font-size: 11px;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.65);text-transform: uppercase;display: block;text-decoration: none; }
	.secondary-menu li:hover a {color:#fff;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.45);}

	
	
	
	
	#myCarousel {position: relative;}
		.blubar {display:none;}
	
	.carousel-caption h3 {font-size: 2.5em;font-weight: bold;text-transform: uppercase;}
	.carousel-caption p {font-size: 2em;font-weight: bold;text-transform: uppercase;}
	
/* Carousel Fade Effekt - START */
	/*
	  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
	  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
	  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
	  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
	*/
	.carousel-fade .carousel-inner .item {
	  opacity: 0;
	  transition-property: opacity;
	}
	
	.carousel-fade .carousel-inner .active {
	  opacity: 1;
	}
	
	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
	  left: 0;
	  opacity: 0;
	  z-index: 1;
	}
	
	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right {
	  opacity: 1;
	}
	
	.carousel-fade .carousel-control {
	  z-index: 2;
	}
	
	/*
	  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
	  Need to override the 3.3 new styles for modern browsers & apply opacity
	*/
	@media all and (transform-3d), (-webkit-transform-3d) {
	    .carousel-fade .carousel-inner > .item.next,
	    .carousel-fade .carousel-inner > .item.active.right {
	      opacity: 0;
	      -webkit-transform: translate3d(0, 0, 0);
	              transform: translate3d(0, 0, 0);
	    }
	    .carousel-fade .carousel-inner > .item.prev,
	    .carousel-fade .carousel-inner > .item.active.left {
	      opacity: 0;
	      -webkit-transform: translate3d(0, 0, 0);
	              transform: translate3d(0, 0, 0);
	    }
	    .carousel-fade .carousel-inner > .item.next.left,
	    .carousel-fade .carousel-inner > .item.prev.right,
	    .carousel-fade .carousel-inner > .item.active {
	      opacity: 1;
	      -webkit-transition: opacity 2s ease-in-out;
	       -o-transition: opacity 2s ease-in-out;
	          transition: opacity 2s ease-in-out;
	      -webkit-transform: translate3d(0, 0, 0);
	              transform: translate3d(0, 0, 0);
	    }
	}
/* Carousel Fade Effekt - END */


#main {background-color: #fff;}
	
	#navpos {margin: 15px 0px 30px 0px;height:40px;line-height: 40px;font-size:0.9em;color: #999;}
		#navpos a {color: #999;}
		.navpos-inner {border-bottom:1px solid #eee;}
		#navpos a:last-child {font-weight:bold;color:#e75b12;}
	
	.content-main {margin-bottom:15px;border-right: 1px solid #eee;}
	.content-right {}
	.solutions {padding-right:-15px !important;}
	
		/*.content-right	a::after {font-family: FontAwesome;font-size: 1em;content: "\0000a0 \0000a0 \f054";}*/
		
	.content-left {display:none;}
		.content-left ul {margin: 0px;padding: 0px;font-size: 0.9em;}
		.content-left li {margin: 0px;padding: 8px 0px 8px 5px;list-style: none;border-bottom: 1px solid #eee;}
		.content-left li.act {background-color: #f1f1f1;}
		
	.actionbutton {padding: 1em 1.25em;text-align: center;display:block;text-transform:uppercase;width:100%;border-radius: 5px;overflow: hidden;cursor: pointer;background: #5a7e92;box-shadow: 0px 1px 1px #085a9b;color:#fff;}
	.actionbutton:hover {background: #4682A2; box-shadow: 0px 1px 1px #063e6b;color:#f1f1f1;}
	
	.content-main img, .content-right img {max-width: 100%;height:auto;}


#footer {color:#aaa;}
	#footer a {color:#aaa;}
	
	.author {display:none;clear:both;}
	
	.back-to-top {margin: 0;padding:0.5%;position: fixed;bottom: 0;right: 0;width: auto;height: auto;z-index: 100;display: none;text-decoration: none;color: #ffffff;background-color: #ff9000;font-size: 2em;line-height:100%;
				background: #5979b3; /* Old browsers */
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NzliMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU5NzliMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzJlNGY5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZTRmOWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
				background: -moz-linear-gradient(top, #5979b3 0%, #5979b3 50%, #2e4f9d 51%, #2e4f9d 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5979b3), color-stop(50%,#5979b3), color-stop(51%,#2e4f9d), color-stop(100%,#2e4f9d)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #5979b3 0%,#5979b3 50%,#2e4f9d 51%,#2e4f9d 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #5979b3 0%,#5979b3 50%,#2e4f9d 51%,#2e4f9d 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #5979b3 0%,#5979b3 50%,#2e4f9d 51%,#2e4f9d 100%); /* IE10+ */
				background: linear-gradient(to bottom, #5979b3 0%,#5979b3 50%,#2e4f9d 51%,#2e4f9d 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5979b3', endColorstr='#2e4f9d',GradientType=0 ); /* IE6-8 */}
	.back-to-top:hover {color: #ffffff;}
	
	#sitemap {margin: 20px 0px 0px 0px;}
		#sitemap ul {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
		#sitemaplist {margin: 0px 10px 0px 5px;}
		#sitemap ul li.level1 {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;list-style-type: none;float:left;width: 16%;font-weight: bold;overflow: hidden;}
		#sitemap ul li.level1 ul li {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;list-style-type: none;font-weight: normal;}
		#sitemap ul li ul li.level2 {}
		#sitemap ul li ul li.level3 {padding: 0px 0px 0px 10px;font-size: 11px;}
	
	
/* Home */
.home_box {padding-bottom: 15px;}
.home_box img, .parallax img, .specialsolution img {width:100%;height:auto;}
.home_box_button {display:block;height:35px;line-height:35px;background-color:#102c54;color:#e2e2e2;text-align:center;}
	.home_box_button a {color:#e2e2e2;text-decoration:none;}
	.home_box_button:hover {display:block;border:1px solid #102c54;background-color:#fff;color:#102c54;}
	home_box_button:hover a {color:#102c54;text-decoration:none;}

.home-intro-button-container {display: table;width:100%;}
	.home-intro-button {display: table-cell;width: 50%;padding:15px;}

.parallax {background: url(/fileadmin/images/home/home_parallax.jpg);background-position: 50% 0;background-attachment: fixed; height: auto;margin: 0 auto;width: 100%;position: relative;padding: 150px 15px;}

.specialsolution h3, .specialsolution p {padding:15px;background-color: #eee;margin:0px;}

@media (max-width:768px) {

	.company {display:none;}
	
	.content-main {border: none;}
	
	/* Reihenfolge Text/Bild in Home-Box ändern, wenn alle Elemente untereinander -> dann immer Überschrift -> Bild -> Text | Lösung mit Flexbox */
	.home-box-reorder {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-flow: column;}
    .home-box-reorder .home_box_img {order:1;}
    .home-box-reorder .home_box_text {order:2;}
	
}

@media (max-width: 992px) {
	
	#sitemap {display:none;}
	
}

@media (min-width: 768px) {

	.secondary-menu li.search-bar {margin-left:20px;width:250px;float:left;}
	.secondary-menu li {float:left;}
	
	/* Home-Box as Flexbox */
	.row-eq-height {
  		display: -webkit-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display:         flex;
  		-webkit-align-items: center;
    	-ms-flex-align: center;
    	align-items: center;
	}
	
}

@media (min-width: 992px) {

	.blubar {display:block;position:absolute;z-index:100;height:10px;width:85%;right:0px;background-color: #102c54;}
	
	.breadcrumb {margin:0;padding:0;background: none;font-size:0.8em;height:30px;margin-top:-30px;margin-bottom:-15px;}
	
	.content-left {display:block;}
	
}




/*
L A Y O U T
*/



/* FORMAT */

a {color:#e75b12;text-decoration:none;}
a:hover {text-decoration:none;}



h1 {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 2em;
	color: #333;
	
	font-family: 'Work Sans', Arial, sans-serif;
}
	.home h1 {text-transform: uppercase;font-weight: 700;font-size: 3em;}
	.parallax h1 { position:relative;font-size:3em;font-weight:700;text-transform:uppercase;color:#fff;text-align:center; }
	
	
h2 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.4em;
	color: #333;
	
	font-family: 'Work Sans', Arial, sans-serif;

}

h3, h4, h5 {
	color:#333;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0px;
	margin-bottom: 5px;
}
	.content-right h3, .content-right h4, .content-right h5 {font-size: 1em;}
	.content-left h4 {font-size: 0.9em;color: #333;padding: 0 0 7px 0;text-transform: uppercase;}

.bodytext, p {
	line-height : 1.4em;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
}


.important {
	color: #c4281f;
}


@media (max-width:768px) {
	
	h1 {font-size: 6vw; overflow: hidden;}
	.home h1 {font-size: 6vw; overflow: hidden;}
	.parallax h1 { font-size:6vw; overflow: hidden;}
	
}






/* overwrite Bootstrap Styles */

legend {font-size:1.1em;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 5px;
}





.contentelement th, .contentelement td {
	font-size: 12px;
	padding: 2px;
}
table.withBorder {
	border: 0px solid #ddd;
	border-top-width: 1px;
	border-left-width: 1px;
}
.withBorder th, .withBorder td {
	border: 0px solid #ddd;
	border-right-width: 1px;
	border-bottom-width: 1px;
}


.anfragebutton {
	margin: 0px;
	padding: 0px 10px 0px 10px;
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:35px;
	line-height:35px;
	width:auto;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 1px #cc9f52;
}
.anfragebutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}
.anfragebutton:active {
	position:relative;
	top:1px;
}
a:link.anfragebutton, a:visited.anfragebutton, a:active.anfragebutton, a:hover.anfragebutton {
	color: #fff;
}

/* Tabellen */

td p {margin: 0px; padding: 0px;}
.chopchop td {height:100px;vertical-align: middle;}
.chopchop td.align-center { margin-left:auto;margin-right:auto; }