body {
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
    
    
}

/* Teaser Veranstaltungen Start */
.teaserback a{
	padding: 10px 10px 10px 10px;
	background:rgba(0,0,0,0.7);
	border-radius: 0px 0px 10px 10px;
	color: #fff;
	top: 80px;
	left: -60px;
	position: absolute; 
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);

		}

.teaser a {
   color: #fff;
   font-size: 16px;
   	text-decoration: none;
    white-space: nowrap;
	filter: none;
}



@media (orientation:landscape) {
	html.ipad.ios8 > body {
		
		bottom: 0;
		width: 100%;
		height: 750px !important;
	}
}
@media (orientation:landscape) {
	html.ipad.ios7 > body {
		
		bottom: 0;
		width: 100%;
		height: 750px !important;
	}
}

@media (orientation:portrait) {
	html.iphone.ios8 > body {
		
		bottom: 0;
		width: 100%;
		height: 647px !important;
	}
}
@media (orientation:portrait) {
	html.iphone.ios7 > body {
		
		bottom: 0;
		width: 100%;
		height: 647px !important;
	}
}





@media(min-width:767px) {
    .navbar {
        padding: 10px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}


#mobilemen
{
display:none;
}


.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.col-fixed {
    /* custom width */
    width:320px;
}
.col-min {
    /* custom min width */
    min-width:320px;
}
.col-max {
    /* custom max width */
    max-width:320px;
}


.rela{
position:relative;
}


.container {
    display: table;
    vertical-align: middle;
}

.vertical-center-row {
    display: table-cell;
    vertical-align: middle;
}
.container {
    height: 100%;
     height: calc(100% - 80px);
     
}









.Sektion0 {
    padding-top: 90px;
    text-align: center;
    background: #fff;
    height: 100%;
}

.Sektion1 {
    height: 100%;
    padding-top: 90px;
    text-align: center;
    background: #eee;
}

.Sektion2 {
    height: 100%;
    padding-top: 90px;
    text-align: center;
    background: #fff;
}

.Sektion3 {
    height: 100%;
    padding-top: 90px;
    text-align: center;
    background: #eee;
}

.Sektion4 {
    height: 100%;
    padding-top: 90px;
    text-align: center;
    background: #eee;
}
.SektionB0 {
    padding-top: 90px;
    text-align: center;
    background: #fff;
    height: 100%;
}
.SektionB1 {
    padding-top: 90px;
    text-align: center;
    background: #fff;
    height: 100%;
}
.SektionB2 {
    padding-top: 90px;
    text-align: center;
    background: #fff;
    height: 100%;
}

.SektionB3 {
    padding-top: 90px;
    text-align: center;
    background: #fff;
    height: 100%;
}

.OBSektion0 {
    padding-top: 90px;
    text-align: center;
    background: #fff;
    height: 100%;
}
.OBSektion1 {
    padding-top: 90px;
    text-align: center;
    background: #fff;
    height: 100%;
}
.OBSektion2 {
    padding-top: 90px;
    text-align: center;
    background: #fff;
    height: 100%;
}
.OBSektion3 {
    padding-top: 90px;
    text-align: center;
    background: #fff;
    height: 100%;
}






#Sektion0{
background:  linear-gradient(
	  rgba(0, 0, 0, 0.55), 
      rgba(0, 0, 0, 0.55)
    ),url('/images2/kos3.jpg') top center no-repeat;
background-size: cover;
height: 100%;
width:100%;

}
#Sektion1{
background: linear-gradient(
  rgba(0, 0, 0, 0.55), 
      rgba(0, 0, 0, 0.55)
    ),url('/images2/bgintro_orig.jpg') top center no-repeat;
background-size: cover;
height: 100%;
width:100%;
}

#Sektion2{
background:linear-gradient(
     rgba(0, 0, 0, 0.55), 
      rgba(0, 0, 0, 0.55)
    ),url('/images2/bgintro.jpg') top center no-repeat;
background-size: cover;
height: 100%;
width:100%;
}

#Sektion3{
background:linear-gradient(
   rgba(0, 0, 0, 0.55), 
      rgba(0, 0, 0, 0.55)
    ),url('/images2/bgsekt2.jpg') top center no-repeat;
background-size: cover;
height: 100%;
width:100%
}
#Sektion4{
background:linear-gradient(
   rgba(0, 0, 0, 0.55), 
      rgba(0, 0, 0, 0.55)
    ),url('/images2/bgsekt4.jpg') top center no-repeat;
background-size: cover;
height: 100%;
width:100%
}


#OBSektion0{
background:linear-gradient(
 rgba(0, 0, 0, 0.55), 
      rgba(0, 0, 0, 0.55)
    ),url('/images/OBsektintro.jpg') top center no-repeat;
background-size: cover;
height: 100%;
width:100%;

}
#OBSektion1{
background:linear-gradient(
   rgba(0, 0, 0, 0.55), 
      rgba(0, 0, 0, 0.55)
    ),url('/images/OBsekt1.jpg') top center no-repeat;
background-size: cover;
height: 100%;
width:100%;

}
#OBSektion2{
background:linear-gradient(
     rgba(0, 0, 0, 0.55), 
      rgba(0, 0, 0, 0.55)
    ),url('/images/OBsekt2.jpg') top center no-repeat;
background-size: cover;
height: 100%;
width:100%;

}
#OBSektion3{
background:linear-gradient(
      rgba(0, 0, 0, 0.55), 
      rgba(0, 0, 0, 0.55)
    ),url('/images/OBsekt3.jpg') top center no-repeat;
background-size: cover;
height: 100%;
width:100%;

}

/** Bewerber **/

#SektionB0{
background: linear-gradient(
     rgba(0, 0, 0, 0.55), 
      rgba(0, 0, 0, 0.55)
    ), url('/images/sektB1.jpg') top center no-repeat;
background-size: cover;
height: 100%;
width:100%;

}

#SektionB1{
background: linear-gradient(
rgba(0, 0, 0, 0.55), 
      rgba(0, 0, 0, 0.55)
    ), url('/images/sektB2.jpg') top center no-repeat;
background-size: cover;
height: 100%;
width:100%;

}

#SektionB2{
background: linear-gradient(
rgba(0, 0, 0, 0.55), 
      rgba(0, 0, 0, 0.55)
    ), url('/images/sektB0.jpg') top center no-repeat;
background-size: cover;
height: 100%;
width:100%;

}
#SektionB3{
background: linear-gradient(
rgba(0, 0, 0, 0.55), 
      rgba(0, 0, 0, 0.55)
    ), url('/images/sektB3n.jpg') top center no-repeat;
background-size: cover;
height: 100%;
width:100%;

}



.fa-border2 {
 border: solid 0.00em rgb(255, 255, 255);
 font-size: 1.6em;
  width: 43px;
  height: 43px;
  text-align: center;
  line-height: 1.6em;
  color: #fff;
  border-radius: 0.8em;
  font-size: 54px;
border-radius: 100%;
vertical-align: middle;

  }

.fa
{

color: #fff;

}


.dot2-nav
{
position: absolute; 
width: 100%;
text-align: center;
display: table-cell;
  vertical-align: bottom;
  /* margin-top: -45px; */
  float: none;
  z-index: 66;

}
.mission
{
color: #fff;
width: 93%;
margin-top: 10px;
position: absolute; 
text-align: right;
display: table-cell;
  vertical-align: bottom;
  float: none;
  z-index: 65;

}


.whiteiconcolor {color:#ccc;}



.affix-top {
    top: 32%; 
	right: 0;
	position:absolute;
	z-index:2;
}
.affix {
    top: 100px;
	right: 0;
	z-index:2;
}

#mainContainer {height:100%;}


#dot-nav{    
	right: 40px;
	top: 50%;
	margin-top: -50px;
	height: 150px;
	z-index: 999;
	position: fixed;
}


#dot-nav ul {
	list-style: none;
	margin:0;
	padding: 0;
}


#dot-nav li {
	position: relative;
	background-color: none;
	border:1px solid #fff;
	border-radius: 40px 40px 40px 40px;
	cursor: pointer;
	padding: 5px;
	height: 2px;
	margin: 42px 10px 0px 0px;
	width: 2px;
	vertical-align:bottom;
/*	box-shadow: 0 0 28px #fff; */
  outline: none;

}


#dot-nav li.active, #dot-nav li:hover {
	background-color: #ccc;
}

#dot-nav a {
	outline: 0;
	vertical-align:top;
	margin: 0px 0px 0px 25px;
	position: relative;
	top:-5px;
}
}
.awesome-tooltip + .tooltip > .tooltip-inner {
    background-color: #143d77; 
    color: #143d77; 
    border: 1px solid #143d77; 
}
.awesome-tooltip + .tooltip.left > .tooltip-arrow{
    top:50%;
    right:0;
    margin-top:-5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:5px solid #143d77;
}






/* --------------------------------------------------------
		 Tooltip
	-------------------------------------------------------- */
	
	.tooltip{
	    position: absolute;
	    top: -25px;
	    right: 43px;
	    margin-left: 50%;
	    border-radius: 5px;
	    display: none;
	    z-index: 100;
	    font-size: 15px;
	    min-width: 350px;
	}
	
	.tooltip-inner {
	  max-width: 400px;
	  padding: 3px 8px;
	  color: white;
	  text-align: center;
	  text-decoration: none;
	  background-color: #143d77;
	  border-radius: 4px;
	  position: relative;
	}
	
	.tooltip-inner .tooltip-arrow {
	    position: absolute;
	    border-left: 7px solid rgba(113, 101, 58, 0);
	    border-right: 7px solid rgba(113, 101, 58, 0);
	    border-top: 7px solid #1c1f26;
	    bottom: -5px;
	    left: 40%;
}












.nav-footer
{
border:0;
font-size: 15px;
float: left;!important
display: block;
list-style-type: none;
color: #555;
}

.nav-footer  > a,
.nav-footer  > a:hover,
.nav-footer  > a:focus {
  color: #555;
  background-color: transparent;
  font-family: 'Roboto', sans-serif;
font-weight: 300;
text-transform: none;
}
.nav-footer  > a:hover,
.nav-footer  > a:focus {
  color: #555;
  background-color: transparent;
  font-family: 'Roboto', sans-serif;
font-weight: 300;
text-transform: none;
}


.footer-text 
{
 font-size: 15px;
  line-height: 1;
  color: #555;
  font-family: 'Roboto', sans-serif;
font-weight: 300;
text-transform: none;
}




/* Set the fixed height of the footer here */

#footer {
height: 40px;
  background-color: #fff;
}


.col-centred-dw {
width: 100%;
        height: 100%;
        bottom: 25%;
        left: 25%
        right: 25%;
        text-align: center;
        
}



.coveringCanvas{ 
    width:100%; height:100%; 
    position:absolute; top:0px; left:0px;
    background-color: rgba(255,0,0,.1);
    z-index: 1;
    }


/***************************************************/
/********************* MAP *************************/
/***************************************************/

#map {
	width: 965px;
	height: 487px;
	position: relative;
	display: block;
	background-image: url('/images/map.png');
}

#map .mapPoint {
	position: absolute;
	width: 25px;
	cursor: pointer;
	z-index: 1;

}

#mapList {
	padding: 5px;
}

#mapList a {
	margin-right: 5px;
}

#mapPopup {
	background-color: white;
	width: 350px;
	padding: 1px;
	position: absolute;
	z-index: 2;
}

#mapPopup .content {
	padding: 13px;
}

#mapPopup .headline {
	background-color: #1c1b44;
	padding: 8px;
	font-weight: bold;
	color: white;
}

.popupLink a {
	color: #1c1b44;
	text-decoration: underline;
}

.popupContainer {
	position: absolute;
	margin-top: -68px;
	cursor: default;
	width: 350px;
	display: none;
	left: 400px;
	font-size: 12px;
}

.popupLink .popup {
	border: 1px solid #dedede;
	background-color: white;
	padding: 10px;
	margin-left: 10px;
	color: #777777;
	text-decoration: none;
	position: absolute;
	width: 250px;
}

.popupArrow {
	position: absolute;
	top: 45px;
}

.popupLink:hover .popupContainer {
	display: block;
}

.popup h1 {
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 25px;
}

.popup h2 {
	font-weight: bold;
	margin-bottom: 5px;
}
.mapBox {
	position: absolute;
	right: 15px;
	top: 25px;
	width: 430px;
	height: 300px;
	visibility: hidden;
}
/****************/


 @media(min-width: 1281px) {
 
 .kontmodal

{
width: 50%; /* respsonsive width */
}
 
h1.orbigoMIT {
font-size: 130px;
}

h1.orbigo {
font-size: 130px;
}

h1.orbigoTrans {
font-size: 113px;
}



h2.orbigo2 {
font-size: 70px;
margin-left: 169px;
}

h3.orbigo3 {
font-size: 22px;
}
div.orbigo3 {
font-size: 22px;
}
.orbigo4 {
font-size: 20px;
}

h2.orbigothema {
font-size: 33px;
margin-left: 100px;
}
div.orbigothema {
font-size: 33px;
margin-left: 200px;
}

h2.karrileft {
margin-left: 260px;
font-size: 33px;
}
div.karrileft {
margin-left: 260px;
font-size: 33px;
}

.orbiment {
line-height: 30px;
}
.orbiment2 {
line-height: 60px;
}

.img-kununu
{
max-width: 100%;
height: auto;
}
div.kununu
{
  position: fixed;
 float: right;
  bottom: 10px;
  right: 100px;
  z-index: 99;}
  
  
}


/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {

.kontmodal

{
width: 60%; /* respsonsive width */
}
 
 h1.orbigoMIT, h1.kunden {
font-size: 80px;
}

 .fixlogo img {
 max-width: 60%;
 height: auto;
  }
h1.orbigo {
font-size: 110px;
} 

h1.orbigoTrans {
font-size: 110px;
}

h1.menschu
{
font-size: 70px;
}

h2.orbigo2 {
font-size: 60px;
margin-left: 169px;
}

h3.orbigo3 {
font-size: 22px;
}
div.orbigo3 {
font-size: 22px;
}
.orbigo4 {
font-size: 18px;
}


div.orbigothema {
font-size: 30px;
margin-left: 200px;
}

h2.karrileft {
margin-left: 260px;
font-size: 30px;
}
div.karrileft {
margin-left: 260px;
font-size: 30px;
}

.orbiment {
line-height: 20px;
}
.orbiment2 {
line-height: 40px;
} 
 
 
 
 
 
 
 
 }



 @media(min-width: 1025px) and (max-width: 1280px) {
 
 .kontmodal
{
width: 80%; /* respsonsive width */
}
 
 h1.orbigoMIT {
font-size: 80px;
}

h1.orbigo {
font-size: 110px;
}
h1.orbigoTrans {
font-size: 98px;
}

h1.menschu
{
font-size: 70px;
}

h2.orbigo2 {
font-size: 60px;
margin-left: 169px;
}

h3.orbigo3 {
font-size: 22px;
}
div.orbigo3 {
font-size: 22px;
}
.orbigo4 {
font-size: 18px;
}

h2.orbigothema {
font-size: 30px;
margin-left: 100px;
}
div.orbigothema {
font-size: 30px;
margin-left: 100px;
}

h2.karrileft {
margin-left: 260px;
font-size: 30px;
}
div.karrileft {
margin-left: 260px;
font-size: 30px;
}

.orbiment {
line-height: 20px;
}
.orbiment2 {
line-height: 40px;
}


.img-kununu
{
max-width: 100%;
height: auto;
}
div.kununu
{
  position: fixed;
 float: right;
  bottom: 10px;
  right: 100px;
  z-index: 99;}

}

 @media(min-width: 768px) and (max-width: 1024px) {
 
 .kontmodal

{
width: 80%; /* respsonsive width */
}
 
h1.orbigoMIT {
font-size: 80px;
}
 
 h1.orbigo {
font-size: 80px;
}
h1.orbigoTrans {
font-size: 80px;
}

h2.orbigo2 {
font-size: 40px;
margin-left: 169px;
}

h3.orbigo3 {
font-size: 18px;
}
div.orbigo3 {
font-size: 18px;
}
.orbigo4 {
font-size: 18px;
}

h2.orbigothema {
font-size: 23px;
margin-left: 100px;
}
div.orbigothema {
font-size: 23px;
margin-left: 100px;
}

h2.karrileft {
margin-left: 260px;
font-size: 23px;
}
div.karrileft {
margin-left: 260px;
font-size: 23px;
}

.orbiment {
line-height: 20px;
}
.orbiment2 {
line-height: 30px;
 }
 

 .img-kununu
{
max-width: 100%;
height: auto;
}
 div.kununu
{
  position: fixed;
 float: right;
  bottom: 10px;
  right: 100px;
  z-index: 99;}
  
  }

@media(max-width: 767px) {

.navbar-fixed-top .navbar-collapse {
max-height: 247px;
}

.kontmodal

{
width: 95%; /* respsonsive width */
}

#mobilemen
{
display:block;
}

#normalmen
{display:none;}


h1.orbigoMIT {
font-size: 30px;
margin-left: -50px;
}


 h1.orbigo {
font-size: 30px;
margin-left: -50px;
}

h1.orbigoTrans {
font-size: 30px;
}

h2.orbigo2 {
font-size: 18px;
margin-left: -30px;
}

h3.orbigo3 {
font-size: 8px;
}
div.orbigo3 {
font-size: 8px;
}
.orbigo4 {
font-size: 10px;
}

h2.orbigothema {
font-size: 13px;
margin-left: 3px;
}

div.orbigothema {
font-size: 13px;
margin-left: 3px;
}

h2.karrileft {
margin-left: 3px;
font-size: 13px;
}
div.karrileft {
margin-left: 3px;
font-size: 13px;
}

.orbiment {
line-height: 20px;
}
.orbiment2 {
line-height: 30px;
width:100%;
 }
 .introc
 {
 width:100%;
 }

#dot-nav {
display: none; !important
}
.mission
{
font-size: 8px;
}
#ioskleiner {
font-size: 10px;
}

 .fixlogo img {
 display:none;
  }
.img-kununu 
{
max-width: 50px;
height: auto;
}
div.kununu
{
  position: fixed;
 float: right;
  bottom: 10px;
  right: 10px;
  z-index: 99;}

.Menschendw
{
display: none;
}



}

@media(max-width: 480px){

.navbar-brand {
    padding: 11px 15px;
}



.teaserback a{
	padding: 10px 10px 10px 10px;
	background:rgba(0,0,0,0.7);
	border-radius: 0px 0px 10px 10px;
	color: #fff;
	top: -5px;
	left: -50px;
	position: absolute; 
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);

		}

.teaser a {
   color: #fff;
   font-size: 12px;
   	text-decoration: none;
    white-space: nowrap;
	filter: none;
}
}






@media(min-width: 480px) and (max-width: 767px) {


.teaserback a{
	padding: 10px 10px 10px 10px;
	background:rgba(0,0,0,0.7);
	border-radius: 0px 0px 10px 10px;
	color: #fff;
	top: -5px;
	left: -50px;
	position: absolute; 
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);

		}

.teaser a {
   color: #fff;
   font-size: 12px;
   	text-decoration: none;
    white-space: nowrap;
	filter: none;
}









.navbar-brand {
    padding: 11px 15px;
}












.navbar-fixed-top .navbar-collapse {
max-height: 247px;
}

.kontmodal

{
width: 95%; /* respsonsive width */
}

#mobilemen
{
display:block;
}
#normalmen
{display:none;}

h1.orbigoMIT {
font-size: 50px;


}



 h1.orbigo {
font-size: 50px;
}
h1.orbigoTrans {
font-size: 44px;
}

h2.orbigo2 {
font-size: 20px;
margin-left: 3px;
}

h3.orbigo3 {
font-size: 11px;
}
div.orbigo3 {
font-size: 11px;
}

.orbigo4 {
font-size: 10px;
}
 .introc
 {
 width:460px;
 }
h2.orbigothema {
font-size: 13px;
margin-left: 30px;
}
div.orbigothema {
font-size: 13px;
margin-left: 30px;
}

h2.karrileft {
margin-left: 30px;
font-size: 13px;
}
div.karrileft {
margin-left: 30px;
font-size: 13px;
}
.abstand, .abstand2{
display: none;
}

i.fa-3x {
font-size: 2em;
padding: 10px;
}

.orbiment {
line-height: 8px;
}
.orbiment2 {
line-height: 12px;
width:auto;
 }
 

 
 
 .fixlogo img {
width: 55px;
 
 height: 32px;
 
 }
 .img-kununu 
{
max-width: 50px;
height: auto;
}
div.kununu
{
  position: fixed;
 float: right;
  bottom: 10px;
  right: 10px;
  z-index: 99;}

.Menschendw
{
display: none;
}

 
}



h1.orbigo, h1.menschu, h1.orbigoMIT,h1.orbigoTrans {
font-family: 'Roboto', sans-serif;
font-weight: 100;
text-transform: none;
	position: relative;
	color: white;
	}
h2.orbigo2 {

font-family: 'Roboto', sans-serif;
font-weight: 100;
text-transform: none;
	
	position: relative;
	color: white;
	}
h3.orbigo3 {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
text-transform: none;
	
	position: relative;
	color: #ddd;
	
	
	}
	h4.orbigo5 {

font-family: 'Roboto', sans-serif;
font-weight: 100;
text-transform: none;
	
	position: relative;
	color: white;
	}
div.orbigo3 {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
text-transform: none;
	
	position: relative;
	color: #ddd;
	
	
	}


.orbigo4
{

font-family: 'Roboto', sans-serif;
font-weight: 100;
text-transform: none;
	
	text-align: justify;
	position: relative;
	color: white;
	}
.orbigo5
{

font-family: 'Roboto', sans-serif;
font-weight: 100;
text-transform: none;
	
	position: relative;
	color: white;
	}

h2.orbigothema,
h2.karrileft {

font-family: 'Roboto', sans-serif;
font-weight: 100;
text-transform: none;
	
	position: relative;
	color: white;
	}

div.karrileft {

font-family: 'Roboto', sans-serif;
font-weight: 100;
text-transform: none;
	
	position: relative;
	color: white;
	}



div.orbigothema
 {

font-family: 'Roboto', sans-serif;
font-weight: 100;
text-transform: none;
	
	position: relative;
	color: white;
	}



.orbiment {
float: left;

display: none;
}
.orbiment2 {
float: left;



h2.karrileft {
margin-left: 260px;
}

div.karrileft {
margin-left: 260px;
}






}

.daveaniin {
    -webkit-transition: all 0.3s ease; /* Safari and Chrome */
  	-moz-transition: all 0.3s ease; /* Firefox */
  	-o-transition: all 0.3s ease; /* IE 9 */
  	-ms-transition: all 0.3s ease; /* Opera */
  	transition: all 0.3s ease;
}

.daveaniin {
    -webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
}
.daveaniout {
    -webkit-transition: all 0.3s ease; /* Safari and Chrome */
  	-moz-transition: all 0.3s ease; /* Firefox */
  	-o-transition: all 0.3s ease; /* IE 9 */
  	-ms-transition: all 0.3s ease; /* Opera */
  	transition: all 0.3s ease;
}

.daveaniout {
    -webkit-transform:scale(1.0); /* Safari and Chrome */
    -moz-transform:scale(1.0); /* Firefox */
    -ms-transform:scale(1.0); /* IE 9 */
    -o-transform:scale(1.0); /* Opera */
     transform:scale(1.0);
}



.acc_orbi{
    	margin: 20px;
    }
    
    
    
    
/***************************************************/
/********************* Google Search Anpassungen*************************/
/***************************************************/    
    
    
    
    input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus,
.gsc-results-wrapper-overlay,
.gsc-results-wrapper-visible,
.gsc-control-wrapper-cse,
.gsc-above-wrapper-area,
.gsc-search-box-tools, .gsc-search-box,
.gsc-search-button {
 -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
      box-sizing: content-box; 
    line-height: normal;
 }


.gsc-input {
padding-right: 12px;
padding-bottom: 15px;
}




/***************************************************/
/********************* Kontakt Carousel*************************/
/***************************************************/   



#konrousel .carousel-indicators {
	bottom:-24px;
	left:0;
	width:auto;
	margin-left:0;
	color:#fff;
	font-weight:normal;
}
#konrousel .carousel-indicators li {
	border-radius:0;
	padding:0 4px;
	width:auto;
	height:auto;
	line-height:20px;
	background:#ddd;
	color:#999;
	border:none;
	text-indent:0;
	margin:3px;
}
#konrousel .carousel-indicators li.active {
	width:auto;
	height:auto;
	color:#fff;	
	background:#143d77;
	border-color:none;
}


/* Flexible iFrame Google Maps Kontakt */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.hhd2
{
min-height: 490px;
}
.hhd
{
min-height: 400px;
}

h3.modelh3 {

font-family: 'Roboto', sans-serif;
font-weight: 300;
text-transform: none;
	font-size: 33px;
	position: relative;
	color: #143d77;
	}

/* footer links  mit Effekten Social kram*/

.social-icons .fa {
	font-size: 2.0em;
}
/*Change icons circle size and color here*/
.social-icons .fa {
	width: 65px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa{ 
	border-radius: 50%;
}
.social-icons.icon-rounded .fa{
	border-radius:5px;
}
.social-icons.icon-flat .fa{
	border-radius: 0;
}

.social-icons .fa:hover, .social-icons .fa:active {
	color: #FFF;
	-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333; 
}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
 	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); 
}
.social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active { 
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
}
 
.social-icons .fa-adn{background-color:#504e54;} 
.social-icons .fa-apple{background-color:#aeb5c5;} 
.social-icons .fa-android{background-color:#A5C63B;}  
.social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square{background-color:#003366;} 
.social-icons .fa-bitcoin,.social-icons .fa-btc{background-color:#F7931A;} 
.social-icons .fa-css3{background-color:#1572B7;} 
.social-icons .fa-dribbble{background-color:#F46899;}  
.social-icons .fa-dropbox{background-color:#018BD3;}

.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;}  
.social-icons .fa-flickr{background-color:#FF0084;}
.social-icons .fa-foursquare{background-color:#0086BE;}
.social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square{background-color:#070709;} 
.social-icons .fa-google-plus,.social-icons .fa-google-plus-square{background-color:#CF3D2E;} 
.social-icons .fa-html5{background-color:#E54D26;}
.social-icons .fa-instagram{background-color:#A1755C;}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;} 
.social-icons .fa-linux{background-color:#FBC002;color:#333;}
.social-icons .fa-maxcdn{background-color:#F6AE1C;}
.social-icons .fa-pagelines{background-color:#241E20;color:#3984EA;}
.social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127;} 
.social-icons .fa-renren{background-color:#025DAC;}
.social-icons .fa-skype{background-color:#01AEF2;}
.social-icons .fa-stack-exchange{background-color:#245590;}
.social-icons .fa-stack-overflow{background-color:#FF7300;}
.social-icons .fa-trello{background-color:#265A7F;}
.social-icons .fa-tumblr,.social-icons .fa-tumblr-square{background-color:#314E6C;} 
.social-icons .fa-twitter,.social-icons .fa-twitter-square{background-color:#32CCFE;} 
.social-icons .fa-vimeo-square{background-color:#229ACC;}
.social-icons .fa-vk{background-color:#375474;}
.social-icons .fa-weibo{background-color:#D72B2B;}
.social-icons .fa-windows{background-color:#12B6F3;}
.social-icons .fa-xing,.social-icons .fa-xing-square{background-color:#00555C;} 
.social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}


.social-icons .fa-faq{background-color:#143d77;}
.social-icons .fa-envelope{background-color:#143d77;}

.social-icons .fa-faq{
font-family: 'Roboto', sans-serif;
font-weight: 300;
text-transform: none;
color: #fff;
}


/*#####################
Karriere Carousel
#####################*/





 
/*#####################
Karriere
#####################*/
 

#NAVKarrierecar .carousel-control.left, .carousel-control.right {
	background-image:none !important;
}
#NAVKarrierecar .carousel-inner .item img {
	width:100%;
	height:100%;
}
#NAVKarrierecar .carousel-indicators {
	bottom:5px;
	left:0;
	width:auto;
	padding:5px 25px 5px 25px;
	margin-left:0;
	background:rgba(0,0,0,0.7);
}

#NAVKarrierecar .carousel-control.machzu {
	top:20px;	
	right:20px;
	z-index:96;
	background:none;
	}

#NAVKarrierecar .bl, #NAVKarrierecar .bl a
{
color: #fff;
background:rgba(0,0,0,0.7);
text-decoration: none;
}

 
#NAVKarrierecar .carousel-control {
	background:	#000;
	color:#fff;
	padding: 4px 0;
	width:26px;
	top:auto;	
	left:auto;
	bottom:12px;
	opacity:0.7;
}
#NAVKarrierecar .carousel-control.right {
	right:10px;
	z-index:97;
}
 
#NAVKarrierecar .carousel-control.left {
	right: 46px;
	z-index:97;
}
#NAVKarrierecar .carousel-caption {
	top:auto;
	width:auto;
	right:auto;
	bottom:50px;
	left:0;
	padding:20px;
	background:rgba(0,0,0,0.70);
	text-align:left;
  	height:auto;
	
 
}














/*#####################
fix logo
#####################*/


div.fixlogo {
  position: fixed;
  bottom: 15px;
  left: 10px;
  z-index: 99;
}

/*####################
Kamingespräche
###########*/

div.fixkamin {
  position: fixed;
  top: 150px;
  left: 0px;
  z-index: 99;
}

div.vergroup {
    margin-bottom: 0px;
}

.verinput {
    margin: 5px 0 5px;
    }




.perso80
{
height: 80%;
}

#karritoggle
{
display: none;
}
#karristart
{
display: table;
}

 .btn{
    margin: 4px;
  /*  box-shadow: 1px 1px 5px #fff;*/  
}



#NAVfaqm .modal-title
{
font-size: 16px;
}

.faq {margin-left: 30px;}


.bewerber         {width:100%;height:100%;margin:0 auto;background:#CCC;min-height:0;position: relative;}
.h_iframe .ratio {display:block;width:100%;height:100%;min-height:0;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}


.full-dialog {
  width: 95%;
  height: 95%;
  padding: 0;
}

.full-content {
height: auto;

  }




.Menschendw 
{
width: 100%;
height:auto;
}
 
 
#orbigo4ln a
{
color: #fff;
text-decoration: underline;
}

.orbiment2 a:hover
{
color: #fff;
text-decoration: none;
}

#exp a
{
color: #fff;
text-decoration: underline;
}

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



.soc-nav
{
position: absolute; 
width: 100%;
text-align: left;
display: table-cell;
  vertical-align: bottom;
  

  float: none;
  z-index: 66;

}

.Menschendw
{
height: 340px;
}

.btn-circle {
  text-align: center;
  padding: 7px;
  font-size: 14px;
  line-height: 1.42;
  border-radius: 5px;
}

/* Umantis CSS Zeugs */



 /* Popover */
.popover {
    border: 0px black;
    max-width: 80%;
    width: 400px;
    background-color:rgba(0,0,0,0.8);
    
}

/* Popover Header */
.popover-title {
 
    color: #FFFFFF;
    text-align:center;
    font-size: 16px;
    
}

/* Popover Body */
.popover-content {
   
    color: #FFFFFF;
    padding: 20px;
    text-align:justify;
    font-size: 16px;
}

/* Popover Arrow */
.arrow {
    border-right-color:rgba(0,0,0,0.0);  !important;
}