body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

@charset "UTF-8"; 
/* MT AEROSPACE 

blau	0059a4
neues blau für BF #35a2fc

dunkelblau	030928 hg

*/



*,
*::before,
*::after {
	border: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
 	box-sizing: border-box;
 	word-wrap: break-word;
}


/* QType */
 @font-face{
        font-family:"QTypeWebPro-CondBook";
        src:url("../../files/mta/fonts/1467021/07ccd5dd-818a-4f68-b072-4ef5b3373e95.eot?#iefix");
        src:url("../../files/mta/fonts/1467021/07ccd5dd-818a-4f68-b072-4ef5b3373e95.eot?#iefix") format("eot"),
        	url("../../files/mta/fonts/1467021/919ac509-00d4-4aae-bf59-1da93fb20f50.woff2") format("woff2"),
        	url("../../files/mta/fonts/1467021/5c6a4255-787f-413f-8e23-2931702ac180.woff") format("woff"),
        	url("../../files/mta/fonts/1467021/36acc272-399e-4956-986c-df606b011320.ttf") format("truetype");
    }
    
    @font-face{
        font-family:"QTypeWebPro-CondLight";
        src:url("../../files/mta/fonts/1467029/e5bfa73d-1d24-4f1f-9ee0-a06380124355.eot?#iefix");
        src:url("../../files/mta/fonts/1467029/e5bfa73d-1d24-4f1f-9ee0-a06380124355.eot?#iefix") format("eot"),
        	url("../../files/mta/fonts/1467029/272da9ec-eb0d-4fdb-bf30-72c669d821f5.woff2") format("woff2"),
        	url("../../files/mta/fonts/1467029/0c9ade4c-bc16-4895-a8a0-4ceafcacd8fc.woff") format("woff"),
        	url("../../files/mta/fonts/1467029/03364dd6-664c-48ee-84cf-ccfe68f1653e.ttf") format("truetype");
    }
    @font-face{
        font-family:"QTypeWebPro-CondMedium";
        src:url("../../files/mta/fonts/1467033/0072fc61-12fe-43ed-8342-acaa6187f23b.eot?#iefix");
        src:url("../../files/mta/fonts/1467033/0072fc61-12fe-43ed-8342-acaa6187f23b.eot?#iefix") format("eot"),
        	url("../../files/mta/fonts/1467033/15453c6a-a0f2-4819-93de-1afce719851d.woff2") format("woff2"),
        	url("../../files/mta/fonts/1467033/aff0d394-c0dc-4448-a741-c522fb8a4e26.woff") format("woff"),
        	url("../../files/mta/fonts/1467033/886edd98-c5da-49e0-a9cd-c9779923cfe6.ttf") format("truetype");
    }

/* D-DIN */
@font-face {
  font-family: 'd-dinregular';
  font-weight: 300;
  font-style: normal;
    src: url('../../files/mta/fonts/d-din-webfont.eot');
    src: url('../../files/mta/fonts/d-din-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/mta/fonts/d-din-webfont.woff2') format('woff2'),
         url('../../files/mta/fonts/d-din-webfont.woff') format('woff'),
         url('../../files/mta/fonts/d-din-webfont.ttf') format('truetype'),
         url('../../files/mta/fonts/d-din-webfont.svg#d-dinregular') format('svg');
}

@font-face {
    font-family: 'd-dindin-bold';
    font-weight: bold;
    font-style: 600;
    src: url('../../files/mta/fonts/d-din-bold-webfont.eot');
    src: url('../../files/mta/fonts/d-din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/mta/fonts/d-din-bold-webfont.woff2') format('woff2'),
         url('../../files/mta/fonts/d-din-bold-webfont.woff') format('woff'),
         url('../../files/mta/fonts/d-din-bold-webfont.ttf') format('truetype'),
         url('../../files/mta/fonts/d-din-bold-webfont.svg#d-dindin-bold') format('svg');
}

@font-face {
    font-family: 'd-dindin-italic';
    font-weight: 300;
    font-style: italic;
    src: url('../../files/mta/fonts/d-din-italic-webfont.eot');
    src: url('../../files/mta/fonts/d-din-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/mta/fonts/d-din-italic-webfont.woff2') format('woff2'),
         url('../../files/mta/fonts/d-din-italic-webfont.woff') format('woff'),
         url('../../files/mta/fonts/d-din-italic-webfont.ttf') format('truetype'),
         url('../../files/mta/fonts/d-din-italic-webfont.svg#d-dindin-italic') format('svg');


}

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../../files/mta/fonts/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../../files/mta/fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/mta/fonts/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/mta/fonts/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../../files/mta/fonts/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/mta/fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/mta/fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../../files/mta/fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/mta/fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/mta/fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/mta/fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/mta/fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

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

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/mta/fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../../files/mta/fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/mta/fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/mta/fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../files/mta/fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/mta/fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

body {
	background-color: #000;

	font-family: 'd-dinregular', sans-serif;
	font-size: 1em;
	color: #f5f5f5;
	text-align: center;
	font-weight: 300;
}

#wrapper {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: left;
}

.header {
	width: 100%;
	height: 180px;
	text-align: center;
/*	background-color: #030928;*/
	background-color: rgba(0,0,0,0.9);
	padding: 0 0 0 0;
    position: fixed;
    top: 0;
	z-index: 100;
	transition: height 1s;
}

.header .inside {
	max-width: 1160px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: left;
	padding: 0 20px;
}

.header #logo {
	float: left;
	margin-top: 40px;
	transition: margin-top 1s ease;
}

.header #logo img {
	width: 400px;
	height: auto;
	transition: width 2s;
	/*optisch besser - technisch falsch  - zeile löschen*/
	margin-left: -1px;
}

.header.kleiner {
   border-bottom: 1px solid #000;
   padding: 20px 0 0 0 ;
   height: 150px;
	background-color: rgba(0,0,0,1);
}

.header.kleiner #logo {
	margin-top: 3px;
}

.header.kleiner #logo img {
	width: 250px;
	height: auto;
	margin-top: 3px;
}

@media (max-width: 991px) {
	.header {height: 100px; position: fixed;}
    .header #logo img {width: 250px; height: auto;}
    .header.kleiner {height: 100px; position: fixed;}
    .header.kleiner #logo img {width: 250px; height: auto;}
}

@media (max-width: 700px) {
	.header #logo {margin-top: 15px;}
	.header #logo img {width: 180px; height: auto;}
	.header {height: 60px; position: fixed;}
	.header.kleiner {height: 60px; position: fixed; padding: 0 0 0 0;}
	.header.kleiner #logo {margin-top: 15px;}
    .header.kleiner #logo img {width: 180px; height: auto; margin-top: 0;}

}

@media (max-width: 500px) {
	.header #logo {margin-top: 15px;}
	.header #logo img {width: 180px; height: auto;}
	.header {height: 80px; position: fixed;}
	.header.kleiner {height: 70px; position: fixed; padding: 0 0 0 0;}
	.header.kleiner #logo {margin-top: 15px;}
    .header.kleiner #logo img {width: 180px; height: auto; margin-top: 0;}

}

/*===================  SERVICENAVIGATION  ===================*/
.header .mod_customnav {
	float: left;
	margin: 52px 0 0 150px;
	transition: margin-top 1s ease;
}


.header.kleiner .mod_customnav {
	margin: 9px 0 0 300px;
}

#header .mod_customnav ul {
	list-style: none;
}

#header .mod_customnav ul a.active,
#header .mod_customnav ul a.trail,
#header .mod_customnav ul a:hover {
	font-weight: 600; 
	color: #f59d09;
}

#header .mod_customnav ul.level_1 li {
	float: left;
	margin: 0 30px 0 0;
	overflow: hidden;
	font-weight: 300; 
}

#header .mod_customnav ul.level_1 li a {
	color : #fff;
	text-transform: uppercase;
	display: block;
		
}



/*==================  NAVIGATION  ================*/
.header .mod_navigation {
	float: left;
	font-size: 1em;
	margin-top: 40px;
	margin-bottom: 32px;
	transition: margin-top 1s ease;
	letter-spacing: 0.1em;
}

.header.kleiner .mod_navigation {
	margin-top: 25px;
	margin-bottom: 0;
	clear: left;
}

#header .mod_navigation ul {
	list-style: none;
	
}

#header .mod_navigation ul a.active,
#header .mod_navigation ul a.trail,
#header .mod_navigation ul a:hover {
	font-weight: 600; 
	color: #f59d09;
	border-bottom: 1px solid #0059a4;
	padding-bottom: 4px;
}

#header .mod_navigation ul.level_1 li {
	float: left;
	margin: 0 30px 0 0;
	overflow: hidden;
	font-weight: 300; 
}

#header .mod_navigation ul.level_1 li a {
	color : #fff;
	text-transform: uppercase;
	display: block;
		
}
#header .mod_navigation ul.level_1 li a:hover {
/*	color : #f59d09;*/
	font-weight: 600; 
	
}

#header .sibling {min-width: 52px;}
#header .unternehmen  {min-width: 137px;}
#header .mechatronik  {min-width: 130px;}
#header .raumfahrt  {min-width: 109px;}
#header .luftfahrt  {min-width: 102px;}
#header .downloadcenter  {min-width: 100px;}
#header .alignleft {min-width: 177px;}
#header .karriere {min-width: 90px;}
#header .news {min-width: 52px;}
#header .last {min-width: 52px;}
#header .cfk {min-width: 148px;}
#header .additive-fertigung {min-width: 191px;}
#header .wasserstoff {min-width: 120px;}


#header .company  {min-width: 87px;}
#header .space  {min-width: 58px;}
#header .aeronautics  {min-width: 126px;}
#header .mechatronics  {min-width: 136px;}
#header .news-en  {min-width: 52px;}
#header .career {min-width: 72px;}
#header .downloads  {min-width: 112px;}
#header .contact {min-width: 55px;}
#header .cfrp {min-width: 120px;}
#header .additive-manufacturing {min-width: 241px;}
#header .hydrogen-technology {min-width: 220px;}



@media (max-width: 1100px) {
    #header .mod_navigation  {display: none;}
    #header .mod_customnav  {display: none;}
}
/*==============  SPRACHENWECHSLER  ===================*/
.header .mod_changelanguage {
	float: right;
	margin: 52px -20px 0 0;
	transition: margin-top 1s ease;
}

.header.kleiner .mod_changelanguage {
	margin: 9px -20px 0 0;
}

#header .mod_changelanguage ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#header .mod_changelanguage ul li {
	float: left;
	border-right: 1px solid #fff;
	padding: 1px 5px;
}

#header .mod_changelanguage ul li.last {
	border-right: none;
	padding-right: 0;
}

#header .mod_changelanguage ul li a {
	color: #35a2fc;
}

#header .mod_changelanguage ul li.active a {
	color: #fff;
	width: 20px;
}

@media (max-width: 1100px) {
    #header .mod_changelanguage  {display: none;}
}

/*=================  MOBILE MENUE  ===============*/
.mod_mobile_menu {
	margin-top: 20px;
	float: right;
}

.mobile_menu_trigger  {
	width: 100%;
	min-width: 40px;
	padding: 0 0;
	margin: 0 0 0 0;
	transition: margin-top 1s ease;
}

.header.kleiner .mobile_menu_trigger {
	margin: 0 0 0 0;
}

.mobile_menu_trigger .mobilebutton {
	margin: 0 5px 0 0;
}

.mobile_menu {
    position: absolute;
    z-index: 100;
    display: none;
    position: fixed;
    top: 0;
}

.mobile_menu .inner {
	background:#000;
	text-align: left;
	height: 100%;
}

.mobile_menu .inner ul {
   list-style-type: none;
   background-color: #000;
}

.mobile_menu .inner ul li {
	display: block;
}

.mobile_menu .inner a {
    color: #fff;
	font-size: 1.3em;
	padding: 10px 20px;
	width: 100%;
	display: block;
	border-bottom: 1px solid #fff;
}

.mobile_menu .inner a.active,
.mobile_menu .inner a.trail {
	color: #35a2fc;
}

@media (max-width: 700px) {
    .header.kleiner .mod_mobile_menu {text-align: right; margin-top: 20px;}
    .mobile_menu_trigger {margin: 0 0 0 5px;}
    .header.kleiner .mobile_menu_trigger {margin: 0 0 0 0;}
 }


@media (max-width: 500px) {
    .header.kleiner .mod_mobile_menu {text-align: right; margin-top: 20px;}
    .mobile_menu_trigger {margin: 0 0 0 5px;}
    .header.kleiner .mobile_menu_trigger {margin: 0 0 0 0;}
 }


.mobile_menu .mod_changelanguage {
	margin: 30px 0;
}



/*================  SLIDER DOWNLOADCENTER  ===================*/
#downloadslider {
	width: 100%;
	height: 350px;
	margin-top: 180px;
}

#downloadslider_klein {
	width: 100%;
	height: 300px;
	margin-top: 130px;
}

@media (max-width: 500px) {
    #downloadslider {display: none;}
    #downloadslider_klein {display: block;}
}

@media (min-width: 500px) {
    #downloadslider {display: block;}
    #downloadslider_klein {display: none;}
}


#main {
	width: 100%;
	text-align: center;
	margin-top: 650px;
   /* background: #030928;*/
    background: #000;
	position: relative;
	/*	background-color: rgba(0,0,0,0.9);*/
}

.startseite #main {
	margin: 0 auto;
}

@media (max-width: 500px) {
    .startseite #main {margin: 80px auto 0 auto;}
}


.raumfahrt #main,
.luftfahrt #main,
.unternehmen #main,
.mechatronik #main,
.wasserstoff #main,
.faserverbund #main{
	margin-top: 850px;
}

.vorstand #main,
.news #main,
.kontakt #main,
.impressum #main,
.datenschutz #main,
.newsletter #main {
	margin-top: 180px;
}

.news #main h1 {
	text-align: left;
	margin-left: 370px;
}

@media (max-width: 1100px) {
    .news #main h1 {margin-left: 0;}
}


.news-details #main h1 {
	text-align:left;
	margin-left: 0;
}

.karriere #main {
	margin-top: 180px;
/*	margin-bottom: 850px;*/
}

.downloadcenter #main {
	margin-top: 0;
}

#main .mod_article {
	max-width: 1160px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	padding: 30px 20px;
}


.alignleft #main .mod_article {
	text-align: left;
}

.alignleft.hcenter #main h1 {
	text-align: center;
}

.startseite #main .mod_article {
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	padding: 0;
}

/*  Downloadcenter */
#main .mod_article.align-left {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	text-align: left;
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'QTypeWebPro-CondLight', sans-serif;
	margin-bottom: 20px;

}
h2 {
	margin-top: 30px;
	
}
h1 span {
	font-size: 0.9em;
	font-weight: 10;
	letter-spacing: 0.02em;
	color: #fff;
	position: relative;
	display: inline-block;
	padding-bottom: 4px;
}

h1 span:after {
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #0059a4;
  content: "";
  transition: width 0.2s;
  animation: underline 5s 5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-delay: 1s;
 
}

@keyframes underline {
  from{width:0%} 
  to{width:100%}
}


h2 span {
	font-size: 0.9em;
	font-weight: 300;
	border-bottom: 1px solid #0059a4;
	padding-bottom: 4px;
}

/*blaue überschrift ist echt gut so*/
h3 {text-transform: uppercase;
 font-family: 'd-dinregular';
font-weight: 600;
font-size: 1em;
letter-spacing: 0.1em;
color: #35a2fc;

}

.map {	
 /*	letter-spacing: 0.1em;*/

font-family: 'd-dinregular', sans-serif;
 
 	
}
h4 {
	
	font-weight: 300;
	font-size: 1.1em;
}

p {
	margin-bottom: 20px;
	line-height: 150%;
}

#main a {
color: #f5f5f5;
	text-decoration: none;
	font-weight: 300;
	
}
#main a:hover {
	text-decoration: none;
	color : #f59d09;
}
em{	
	color: #999;
}


.ce_player {
 width: 900px;
 height: 505px;
}
 
video {
 width: 100% !important;
 height: 100% !important;
}

/*====================  SPALTEN SET STARTSEITE  ====================*/
.startseite #main .mod_article .rs-columns {
	max-width: 1160px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	padding: 30px 20px;
	font-weight: 300;
}


.rs-columns .rs-column.-large-col-3-1 {
	margin-right:30px;
	width: 31.5%;
}

.rs-columns .rs-column:last-child,
.rs-columns .rs-column.-large-last {
	margin-right: 0;
}

@media (max-width: 991px) {
	.rs-columns .rs-column.-large-col-3-1 {width: 30%;}
}


@media (max-width: 767px) {
	.rs-columns .rs-column.-large-col-3-1 {float: none; clear: both; width: 100%; margin: 0 0 10px 0;}
	.rs-columns .rs-column.-large-col-4-1 {float: none; clear: both; width: 100%; margin: 0 0 10px 0;}
}



.startseite #main .mod_article .rs-column .ce_text .text-inside {
	margin: -150px 0 0 0;
	width: 100%;
	position: relative;
	text-align: left;
	background: hsla(0,0%,0%,0.8);
	padding: 17px;
	font-family: 'QTypeWebPro-CondLight';
	font-size: 0.9em;

	letter-spacing: 0.1em;
}

.startseite #main .mod_article .rs-column .ce_text .text-inside h6 {
	margin: 0 0 10px 0;
	width: 100%;
	position: relative;
	text-transform: uppercase;
	font-size: 0.9em;
	font-family: 'd-dinregular';
	border-bottom: 1px solid #0059a4;
	font-weight: 300;
	letter-spacing: 0.1em;
	padding-bottom: 4px;
}

.startseite #main .mod_article .rs-column .ce_text .text-inside p {
	margin:0;
}

.startseite #main .mod_article .rs-column .ce_text .text-inside a {
text-decoration: none;

}



/*#main {
	width: 100%;
	text-align: center;
    background: #030928;
    margin-top: 800px;
}

.startseite #main {
	margin-top: 0;
}

#main .mod_article {
	margin: 0 auto;
	text-align: center;
	position: relative;
}

#main .ce_text,
#main .ce_headline {
	max-width: 1200px;
	width: 95%;
	margin: 0 auto 30px auto;
	text-align: center;
	position: relative;
}

#main .ce_headline {
	margin-top: 30px;
	display: inline-block;
}*/


/*============  VIDEO  ==============*/
.video-container {
	max-width: 90%;
	background-color: #000;
	text-align: center;
	position: relative;
	margin-bottom: -20px;
	height: auto;
}

/*====================  VORSTAND  =======================*/

.vorstand #main #vorstand h2 {
	text-align: left;
	margin-left: 230px;
}

.vorstand #main em {
	margin-top: -10px;
}

@media (max-width: 500px) {
    .vorstand #main #vorstand h2  {margin-left: 0;}
    .vorstand #main #vorstand .text-inside {float: none; clear: both;}
  }



/*==============  DOWNLOADICONS  ===============*/

.ce_download a[href$= ".pdf"],
.ce_download a[href$= ".PDF"] {
	background: url(../../files/mta/layout/icon_pdf.png) center left no-repeat;
	background-size: 20px 20px;
	padding: 30px;
	
}

.image_container a[href$= ".pdf"],
.image_container a[href$= ".PDF"] {
	background: none;
	padding-left: 0;
}

.ce_download a[href$= ".doc"],
.ce_download a[href$= ".docx"],
.ce_download a[href$= ".DOC"],
.ce_download a[href$= ".DOCX"] {
	background: url(../../files/mta/layout/icon_doc.png) center left no-repeat;
	background-size: 20px 20px;
	padding: 30px;
}

.image_container a[href$= ".doc"],
.image_container a[href$= ".docx"],
.image_container a[href$= ".DOC"],
.image_container a[href$= ".DOCX"] {
	background: none;
	padding-left: 0;
}




#main .blau {
	color: #0059a4;
	font-weight: 300;
}

strong {
	font-weight: 600;
}

table tr td {
	vertical-align: top;
}

#main ul,
#main ol {
	margin-bottom: 40px;
	margin-left: 30px;
}

#main ul {
	list-style-image: url(../../files/mta/layout/arrow_right.png);
}

#main ul li {
	margin-bottom: 10px;
}

#main .ce_gallery ul {
	list-style: none !important;
}

#main hr {
	width: 100%;
	border-top: 1px solid #8c8b8b;
	padding-top: 20px;
	margin-top: 20px;
}

#main .image_container {
	margin-bottom: 30px;
}

#main .image_container .caption {
	font-size: 0.9em;
	font-style: italic;
	margin-top: 5px;
}


.news figure,
.ce_gallery figure { display: table; }


.news figcaption,
.ce_gallery figcaption { display: table-caption; caption-side: bottom ; }


/*============  ICONS IM HEADERBILD  =========
#main .icon.unternehmen,
#main .icon.raumfahrt,
#main .icon.luftfahrt,
#main .icon.mechatronik {
	position: absolute;
	top: -450px;
	left: 45%;
	z-index: 10;
}

#main .icon.unternehmen img,
#main .icon.raumfahrt img,
#main .icon.luftfahrt img,
#main .icon.mechatronik img {
	width: 200px;
	height: auto;
}

#main .icon.unternehmen img {
	opacity: 0.4;
}
*/





.button {
	  padding: 40px 40px;
 	font-family: 'QTypeWebPro-CondLight';
	display: inline-block;
	 position: relative;
	
	 z-index: 1;
	overflow: hidden;
	background-image:url(../../files/mta/layout/button-bgl.png),url(../../files/mta/layout/button-bgr.png);
	background-repeat:no-repeat;
	background-position: left, right;
	text-decoration: none;
  
}

#main .button a {
	text-decoration: none;

}
#main .button a:hover {
	text-decoration: none;
	color : #f59d09;
}

/* ===== Map ===*/

.map {
	  padding: 20px 20px;

 	font-weight: 100;
	display: inline-block;
	 position: relative;
	
	 z-index: 1;
	overflow: hidden;
	background-image:url(../../files/mta/layout/map-bglt4.png),url(../../files/mta/layout/map-bgrb1.png),url(../../files/mta/layout/map-bgrt.png),url(../../files/mta/layout/map-bglb.png);
	background-repeat:no-repeat;
	background-position: left top, right bottom , right top, left bottom;
	text-decoration: none;
/*	border-bottom: 1px solid #8c8b8b;
	border-top: 1px solid #8c8b8b;*/
}

/*================  NEWSLISTE  =============*/
/*  KONTAKTBOX  */
.news #main .ce_text.float_left {  
	float: left;
	width: 330px;
	text-align: left;
	margin-top: -140px;
}


.news #main .mod_newslist,
.news #main .mod_newsarchive {
	float: right;
	width: 750px;
	text-align: left;
}

.news #main .mod_newslist .layout_short,
.news #main .mod_newsarchive .layout_short {
	margin-bottom: 40px;
}

.news #main .mod_newslist p.info,
.news #main .mod_newsarchive p.info {
	color: #35a2fc;
	margin-bottom: 0;
	font-weight: 300;
}

.news #main .mod_newslist h2,
.news #main .mod_newsarchive h2 {
	margin-top: 0;
}

.news #main .mod_newslist h2 a,
.news #main .mod_newsarchive h2 a {
	text-decoration: none;
}


.news #main .mod_newsmenu {
	margin-bottom: 30px;
	padding-bottom: 30px;
	float: right;
	clear: right;
	width: 750px;
	border-bottom: 1px solid #8c8b8b;

}

.news #main .mod_newsmenu ul {
	list-style: none;
	margin: 0;	
}

.news #main .mod_newsmenu ul li {
	float: left;
	border-right: 1px solid #8c8b8b;
	padding: 0 10px;

}

.news #main .mod_newsmenu ul li a {
	text-decoration: none;
}

/*  DETAILS  */
.news #main .mod_newsreader p.info {
	color: #35a2fc;
	font-weight: 300;
}

.news #main .ce_text.float_left.button{
	margin-top: 20px;
	text-align: center;
	
}



@media (max-width: 1100px) {
	.news #main .ce_text.float_left {float: none; clear: both; margin-top: 0;}
	.news #main .mod_newslist, .news #main .mod_newsarchive {float: none; clear: both; width: auto;}
	.news #main .mod_newsmenu {float: none; clear: both; width: auto;}
}


/*========================  TANKKATALOG  =====================*/
.tankkatalog img {
	-webkit-filter: drop-shadow(0px 0px 13px #0084f3);
    filter:         drop-shadow(0px 0px 13px #0084f3); 

}

.tankkatalog .ce_rs_columns_start {
	margin-bottom: 50px;
}

/*========================  NEWSLETTER ====================*/
.newsletter #main .formbody {
/*	width: 400px;*/
	margin: 0 auto;
}

.newsletter #main form input.text {
	border: #0059a4;
	padding: 5px;
	margin-bottom: 20px;
	width: 270px;

}

.newsletter #main form button.submit {
	  padding: 18px 65px;
 	font-family: 'QTypeWebPro-CondLight';
	display: inline-block;
	 position: relative;
	font-size: 0.9em;	
	 z-index: 1;
	overflow: hidden;
	background-image:url(../../files/mta/layout/button-bg-240.png);
	background-repeat:no-repeat;
background-position: top;
	text-decoration: none;
	color : #ffffff;
	font-weight: 100;
	letter-spacing: 0.02em;
}

.newsletter #main form button.submit:hover {
	text-decoration: none;
	color : #f59d09;
}
.newsletter #main .confirm ,
.newsletter #main .error{color : #f59d09;}

/*========================  FOOTER  ==================*/
#footer {
/*	background-color: #030928;*/
	background-color: #000;
	width: 100%;
	min-height: 80px;
	text-align: center;
}

#footer .inside {
	max-width: 1160px;
	width: 95%;
	height: auto;
	margin: 0 auto;
	text-align: left;
	padding: 20px;
	color: #fff;
	border-top: 1px solid #8c8b8b;

}

#footer a {
	color: #f5f5f5;
	font-size: 0.8em;
	letter-spacing: 0.15em;
}
#footer  a:hover {
	text-decoration: none;
	color : #f59d09;
}

#footer .mod_customnav  {
	float: left;
}

#footer .mod_customnav ul {
	list-style: none;
	margin-bottom: 50px;
}

#footer .mod_customnav ul li {
	float: left;
	margin-right: 30px;
}

#footer .mod_customnav ul li a {
	text-transform: uppercase;
	text-decoration: none;
}

@media (max-width: 500px) {
	#footer .mod_customnav ul li {float: none; margin-right: 0;}
	
}

#footer #facebook,
#footer .linkedin{
	float: right;
	text-transform: uppercase;
}


.invisible {
	display: none;
}

.clear {
	clear: both;
}

.float_left {
	float: left;
}
.cookiebar__text {max-width: 620px;text-align:left;}
.cookiebar__message {max-width: 572px;text-align: left;}

.cookiebar a {text-decoration: none;}
.cookiebar__button{margin-top: -12px;}

/*====================  HISTORY  ============================*/

.box-content :before {/*
            content: "";
            position: center;
            top: 0;
           
            width: 1px;
            height: 100%;
            border-right: solid 1px #8c8b8b;*/
}

.history {/*border: 1px solid #8c8b8b;*/
	background-color: rgba(0,0,0,0.9);
	
}
.history #links{border-right: 1px solid #8c8b8b;

float: left;
	width: 50%;
/*	max-width: 460px;*/
	text-align: center;
	padding-right: 20px;
	margin: 0 auto;
	clear: both;


}
.history #rechts{border-left: 1px solid #8c8b8b;
float: right;
	width: 50%;
/*max-width: 460px;*/
	padding-left: 20px;
	margin: 0 auto; 
	 clear: both;

}
#mitte{ 
	clear: both;
	text-align: center; 
  margin: 0 auto;    
  max-width: 80%;
  padding-bottom: 10px;
  padding-top: 10px;

  
}
#links .text-inside, #links .image_container{max-width: 460px;margin: 0 auto;text-align:left; }
#rechts .text-inside, #rechts .image_container{max-width: 460px;margin: 0 auto;text-align:left; }
.cookiebar__button {background-color:#377a75;}