/*******************************************************************************/
/* BASIS LAYOUT   */
/******************************************************************************/

html {
height:100.1%;
}

body {
	display: flex;
    flex-direction: column;
	overflow-x:hidden; 
	height: 100.1%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color:transparent !important;
}

header, nav, section, article, aside, footer {
  display: block;
}

#wrapper {
flex: 1 0 auto;
position: relative;
width: 100%;
margin: 0 auto 0 auto;
height: auto !important;
}


#wrap-header {
 width:100%;
 height:640px;
 position:relative;
 background-color:transparent;

}

header { 
    background: rgba(0, 45, 75,1); 
	position: fixed;
    left: 50%;
    transform: translateX(-50%);
	height:75px; 
	width:100%;
	z-index:100;
	overflow:visible; 
}

.headerBg {
    background: rgba(0, 45, 75, 1) !important;
	/* transition: background-color 0.25s ease; */
}

.headerBgScrl {
    background: rgba(0, 45, 75, 1) !important;
	/*transition: background-color 0.5s ease; */
}

nav { 
	margin-top:20px;
	float:right;
}

#logo {
	z-index:300 !important;
	width:215px;
	height:auto;
	height:35px;
	position:absolute;
	left:15px;
	top:20px;
}

#logo a {
  display:block;
  width:100%;
  height:100%;
}

#space { height:75px; }


#topbild {
	height:640px;
	position: relative;
}

.videoWrapper {
	position: relative;
	height:640px;
	overflow:hidden; 
}

video {
	width:100% !important;
	height:auto !important;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}


#claim {
	width:auto;
	height:auto;
	position: absolute;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -52%);
}

#claim-r1, .claim-r2, #claim-r3 {
	text-align:center; margin:0 auto !important;
}


#wetransfer {
	position: absolute;
	height:150px;
	width:30px; 
	top: 80%;
	transform: translateY(-80%);
	right:0;
}

#wetransfer img {
	height:100%;
	width:auto; 
}

main { min-height:500px; }

#inhalt {  }

/*.home #rechteseiteleer {display: none;}
.home #linkeseiteleer {display: none;}*/

.white {
	background-color: transparent;
	margin-top: 25px;
	padding-bottom: 25px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 25px;
}

.orange {
	background-color: #FF5000;
	margin-top: 25px;
	padding-bottom: 25px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 25px;
	color:#fff !important;
}


.wrap-valign { position:initial !important; }
.valign {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.portrait {
	max-width:450px !important;
	height:auto;
	margin: 0 auto;
}


/* Fuzsszeile */

#vorfooter {
	height:320px;
	width:100%;
	display: none;
}

.home #vorfooter {
	height:320px;
	width:100%;
	display: block;
}


#wrap-footer {
	flex-shrink: 0;
	width: 100%;
	clear: both;
	background-color:#002D4B;
	position:relative; 
}


footer {	
	position: relative;
	padding-top: 30px;
	padding-bottom:72px;
	margin-right: auto;
	margin-left: auto;
	min-height:180px;
}

#phone { display:none; }

.frow1 {
	height:auto;
	overflow:hidden;
}

#wrap-social {
	width:100%;
	margin-bottom:20px; 
}

#footer-logo {
	position:absolute;
	bottom:0;
	right:0;
	width:269px;
	height:65px; 
}




/* helper classes  */
.container {
	position:relative !important;
	max-width:1170px !important;
}

.center-text { text-align:center; margin:0 auto !important; }
.center-element { margin:0 auto !important; }

main .row  img {
	max-width: 100% !important;
	height: auto; 
}



/*******************************************************************************/
/* INHALTSSEITEN   */
/******************************************************************************/

/* Homepage */
.home .white.first  {
	padding-bottom:0px !important; 
}

.icon-nav p {
	font-size:14px;
	line-height:150%;
}


.home-icons {
	text-align:center; margin:0 auto !important;
}

.home-icons img { 
	max-height:110px;
	width:auto; 
}

.home .home-icons figure  {
	margin-bottom: 18px;
}




/* Google Maps */
.gm-style-mtc {
	display:none !important;
}




/*******************************************************************************/
/* NAVIGTION   Desktop */  
/*******************************************************************************/
#navigation { position: relative;  background-color:none; z-index:500; overflow:visible; height:auto;}
#menu { float:right; }
#menu li {position:relative;float:left;display:block;white-space:nowrap; min-width:120px;  }
#menu .toprow li {;position:relative;float:left;display:block;white-space:nowrap; min-width:120px; background: rgba(0, 45, 75, 1);  }
#menu .toprow li.sublast a {}
#menu  ul {position:absolute;display:block;top:0;width:0;left:0;margin-left:0;height:0; padding-left:0px !important;    }
#menu ul li:first-child {  }

#menu a {
	/*background:transparent; */
	line-height:38px;
	padding:0px 20px;
	/*color:#333; */
	text-decoration:none;
	display:block;
	height:auto;
	width:auto;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight:700;
	color:#fff;
	text-align:left;
	text-transform: uppercase;
}

#menu a:hover { color: #FF5000 !important; }

#menu li  {  }
#menu  li ul li { /*padding:8px 0px 8px 0px; */ }
#menu  li ul li a { font-size:16px !important; }


#menu li.act > a { color: #FF5000 !important; }
#menu li.act li a { color: #fff; } 

.active { color: #FF5000 !important; }

.toprow > ul {margin-top:55px;  }
.fullBg {  background: rgba(0, 45, 75, 1) !important;}
.fullBgScrl {  background: rgba(0, 45, 75, 1) !important;}


/* .hover ul li {  background: rgba(0, 45, 75, 1) !important;}  */

li.n0, li.n6 { display:none  !important; }
li.n5 a { padding-right:0px !important;}


/*fertig nav*/

/* ############################################################################################*/

/* Typo3 Settings */
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
  margin-right: 20px !important; }

div.csc-textpic-imagecolumn.csc-textpic-lastcol {
  margin-right: 20px !important; }

.csc-textpic-imagerow {
  display: inline !important; }

div.csc-textpic div[data-csc-cols="2"] .csc-textpic-imagecolumn {
  width: 48%;
  width: calc(50% - 20px); }

div.csc-textpic div[data-csc-cols="3"] .csc-textpic-imagecolumn {
  width: 31%;
  width: calc(33.333% - 20px); }

div.csc-textpic div[data-csc-cols="4"] .csc-textpic-imagecolumn {
  width: 22%;
  width: calc(25% - 20px); }

div.csc-textpic div[data-csc-cols="5"] .csc-textpic-imagecolumn {
  width: 18%;
  width: calc(20% - 20px); }

div.csc-textpic div[data-csc-cols="6"] .csc-textpic-imagecolumn {
  width: 15%;
  width: calc(16.666% - 20px); }

div.csc-textpic div[data-csc-cols="7"] .csc-textpic-imagecolumn {
  width: 13%;
  width: calc(14.285% - 20px); }

div.csc-textpic div[data-csc-cols="8"] .csc-textpic-imagecolumn {
  width: 12%;
  width: calc(12.5% - 20px); }

div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
  margin-right: 20px !important; }

.csc-textpic-lastcol {
  magin-right: 0px !important; }

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 20px !important; }

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image {
  margin-bottom: 20px !important; }

.csc-textpic-imagecolumn img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important; }