@charset "utf-8";

 */
/* Global Styles */
/* style.less */
@import bootstrap;

.img_container {
  .img-responsive;
}
h1, h2, h3, h4, h5, h6,
/* p, strong, em, button,
a, a:hover, a:visited */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	text-align:  inherit;
	text-transform: none;
	font-weight: bold;
	font-style: normal;	
	font-family: ModulusMedium, Arial, sans-serif;
	text-rendering: optimizelegibility;	 
	color: #355389;	
	text-shadow: 0 0 15px #FFF, 0 0 15px #FFF, 0 0 15px #FFF, 0 0 15px #FFF;
}
.tshadow{
	text-shadow: 0 0 15px #FFF, 0 0 15px #FFF, 0 0 15px #FFF, 0 0 15px #FFF;
}

.tshadowstrange{
	text-shadow: 0 0 15px #355389, 0 0 15px #355389, 0 0 15px #355389, 0 0 15px #355389;
}

.tshadow6{
	text-shadow: 0 0 15px #fcc6a2, 0 0 15px #fcc6a2, 0 0 15px #fcc6a2, 0 0 15px #fcc6a2;
}

.tshadow8{
	text-shadow: 0 0 20px #ffffff, 0 0 25px #ffffff, 0 0 25px #ffffff, 0 0 25px #ffffff;
}


h1 {
	font-size: 250%;
}

h3 {
	font-size: 120%;
}

a {
	color: #021890;
	 -webkit-transition: all 0.4s ease 0s;
	 -moz-transition: all 0.4s ease 0s;
	 -ms-transition: all 0.4s ease 0s;
	 -o-transition: all 0.4s ease 0s;
	  transition: all 0.4s ease 0s;
}
.imgvertmiddle{
	height: 150px;
	width: 150px;
	position: absolute;
    left: 50%;
    top: 50%; 
    vertical-align: middle;
}
.borderb{
	border: 1px solid #000;
	width: 150px;
	text-align: middle;
	vertical-align: middle;
}

.borderou{
	width: 100%;
	padding: 3px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.borderu{
	width: 100%;
	padding: 3px;
	border-bottom: 1px solid #000;
}

.wlcomebg
{
 	font-weight: normal;
  	font-style: normal;
}

.wlcomebg a:link {
	color: #000;
	 -webkit-transition: all 0.4s ease 0s;
	 -moz-transition: all 0.4s ease 0s;
	 -ms-transition: all 0.4s ease 0s;
	 -o-transition: all 0.4s ease 0s;
	  transition: all 0.4s ease 0s;
}
a:hover {
	color: #021890;
	font-weight: 400;
	text-decoration: none;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

a:visited {
	font-weight: 400;
}

.radarphone{
	width: 459px;
	height: 472px;
	position: absolute;
	z-index: 1;
}

.radarcuber{
	width: 459px;
	height: 472px;
	position: absolute;
	z-index: 2;
}

.dieSprachen{
	width: 105px;
	height: 80px;
	position: absolute;
	z-index: 1;
	font-size: 14px;
}

.aktuelleSprache{
	width: 105px;
	height: 35px;
	position: absolute;
	z-index: 2;
	font-size: 14px;
}

.opacity {   
	background:rgba(253,254,239,0.75) !important;
}  

.opacity2 {   
	background:rgba(170,190,209,0.75) !important;
}
 
.noopacity {   
    opacity: 1 !important;      
    -moz-opacity: 1 !important; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;   
    filter:alpha(opacity=100) !important;  
}
.radius	{ 
	border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 15px;
	border: 1px solid #395288;
}

.imagemiddle{
	position: relative;
    top: 50%;	
}
.imageborder{
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
	border:1px solid #000;
	padding: 1px !important;
}

.reg{ 
	background: #395288;
	color: #fff;
	text-align: left;
	padding-left: 5px;
}

.loginform{ 
	background: #395288;
	color: #fff;
	text-align: left;
	z-index: 7;
	padding-left: 5px;
}

.input-group-addon{
	width: 50% !important;
}

form-control{
	width: 50% !important;
}

.loginfader{ 
	transform: translateY(50%);
    transition-duration:2s ;
    transition-timing-function: linear, ease-in, ease; 
    transition-delay: 0s, 2500ms, 0s; 
    
}

#loginbox{ 
	z-index: 7;
	position: absolute;
	top:-200px;
	left: 10%;
	vertical-align: middle;
	height: 250px !important;
	width: 100%;
}

.center{ 
	text-align: center;
	width: 100%;
}

.shadow{
	text-shadow: 0 0 15px #FFF, 0 0 15px #FFF, 0 0 15px #FFF, 0 0 15px #FFF;
}


.cuber2{
	position: relative;
	height: 459px;
	width: 360px;
	z-index: 2;
}
	
html,
body {
	height: 100%;
	width: 100%;
	min-width: 600px;
	background: none;
}
@media(max-width:610px){
	.intro, .intro2 { min-height:600px !important; bgcolor: #ff0000 !important;}
	.intro3, .intro4, .intro5  { min-height: 1200px !important; bgcolor: #ff0000 !important;}
	.carouselaussen {height: 194px !important; width: 108px !important; background-size: 100% 100% !important;}
	.carouselinnen {position: relative !important; top: 38px !important; left: 13px !important; width: 81px !important; height: 114px !important;}
	.carouselaussen2 {height: 229px !important; width: 180px !important; z-index: 1; position: absolute; background-size: 100% 100% !important;}
	.carouselinnen2 {position: relative !important; top: 37px !important; left: 57px !important; width: 80px !important; height: 124px !important;}
	.half { -moz-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
	.radarphoneres {width: 228px !important; height: 236px !important; }
	body{font-size: 12px !important;}
	.wlcomebg{font-size: 10px !important;}
	.fa {font-size: 12px !important;}
	.pic8 {width: 166px !important; height: 250px !important;}
	.radar1res, .radar2res, .radar3res, .radar4res, .radar5res {width: 40px !important; height: 50px !important;}
	.radar6res, .radar7res, .radar8res {width: 30px !important; height: 30px !important;}
	.radar1{position: absolute; top: 120px; left: 125px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar2{position: absolute; top: 15px; left: 100px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar3{position: absolute;	top: 65px;	left: 145px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar4{position: absolute; top: 65px; left: 55px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar5{position: absolute; top: 120px; left: 75px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
 	.radar6{position: absolute; top: 65px; left: 100px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar7{position: absolute; top: 97px; left: 65px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar8{position: absolute; top: 130px; left: 100px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}	
	.header{background-image: url("../../img/introsmaller.jpg") !important;}
	.intro4{background-image: url("../../img/intro4smaller.jpg") !important;}
	.intro6{background-image: url("../../img/intro6smaller.jpg") !important;}
	.intro8{background-image: url("../../img/intro8smaller.jpg") !important;}
	 .full {width:610px; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; border-top-left-radius: 18px; border-top-right-radius: 18px;}
}
@media(min-width:768px){
	.intro, .intro3, .intro4, .intro5  { min-height: 925px !important; bgcolor: #00ff00 !important;}
	.carouselinnen {position: relative !important; top: 38px !important; left: 13px !important; width: 81px !important; height: 114px !important;}
	.carouselaussen {height: 194px !important; width: 108px !important; background-size: 100% 100% !important; }
	.carouselaussen2 {height: 229px !important; width: 180px !important; z-index: 1; position: absolute; background-size: 100% 100% !important;}
	.carouselinnen2 {position: relative !important; top: 37px !important; left: 57px !important; width: 80px !important; height: 124px !important;}
	.half { -moz-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
	.radarphoneres {width: 228px !important; height: 236px !important; }
	body{font-size: 12px !important;}
	.wlcomebg{font-size: 10px !important;}
	.fa {font-size: 12px !important;}
	.pic8 {width: 166px !important; height: 250px !important;}
	.radar1res, .radar2res, .radar3res, .radar4res, .radar5res {width: 40px !important; height: 50px !important;}
	.radar6res, .radar7res, .radar8res {width: 30px !important; height: 30px !important;}
	.radar1{position: absolute; top: 120px; left: 125px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar2{position: absolute; top: 15px; left: 100px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar3{position: absolute;	top: 65px;	left: 145px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar4{position: absolute; top: 65px; left: 55px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar5{position: absolute; top: 120px; left: 75px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
 	.radar6{position: absolute; top: 65px; left: 100px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar7{position: absolute; top: 97px; left: 65px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar8{position: absolute; top: 130px; left: 100px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.header{background-image: url("../../img/introsmall.jpg") !important;}
	.intro4{background-image: url("../../img/intro4small.jpg") !important;}
	.intro6{background-image: url("../../img/intro6small.jpg") !important;}
	.intro8{background-image: url("../../img/intro8small.jpg") !important;} 
	 .full {width:100%; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; border-top-left-radius: 18px; border-top-right-radius: 18px;}	
}

@media(min-width:992px){
	.intro, .intro3, .intro4, .intro5  { min-height: 825px !important; bgcolor: #0000ff !important;}
	.carouselinnen {position: relative !important; top: 76px !important; left: 28px !important; width: 164px !important; height: 290px !important;}
	.carouselaussen {height: 453px !important; width: 217px !important; background-size: 100% 100% !important; }
	.carouselaussen2 {height: 459px !important; width: 360px !important; z-index: 1; position: absolute; background-size: 100% 100% !important;}
	.carouselinnen2 {position: relative !important; top: 77px !important; left: 115px !important; width: 161px !important; height: 285px !important;}
	.half { -moz-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
	.radarphoneres {width: 459px !important; height: 472px !important; }
	.pic8 {width: 333px !important; height: 500px !important;}
	body{font-size: 20px !important;}
	.wlcomebg{font-size: 16px !important;}
	.fa {font-size: 22px !important;}
	.radar1res, .radar2res, .radar3res, .radar4res, .radar5res {width: 80px !important; height: 100px !important;}
	.radar6res, .radar7res, .radar8res {width: 60px !important; height: 60px !important;}
	.radar1{position: absolute; top: 240px; left: 250px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar2{position: absolute; top: 30px; left: 200px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar3{position: absolute;	top: 130px;	left: 290px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar4{position: absolute; top: 130px; left: 110px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar5{position: absolute; top: 240px; left: 150px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
 	.radar6{position: absolute; top: 130px; left: 200px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar7{position: absolute; top: 195px; left: 130px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.radar8{position: absolute; top: 260px; left: 200px; /*-moz-transform: rotate(30deg) translate(50px);-webkit-transform: rotate(30deg) translate(50px);-o-transform: rotate(30deg) translate(50px);transform: rotate(30deg) translate(50px);*/}
	.header{background-image: url("../../img/intro.jpg") !important;}
	.intro4{background-image: url("../../img/intro4.jpg") !important;}
	.intro6{background-image: url("../../img/intro6.jpg") !important;}
	.intro8{background-image: url("../../img/intro8.jpg") !important;}
	 .full {width:1185px; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; border-top-left-radius: 18px; border-top-right-radius: 18px;}
}
.vert-text {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #EBF0F1;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  
}

.vert-text h1 {
  	font-size: 3.5em;
  	font-weight: 700;
}

.vert-text h2 h3 {
	font-size: 2em;
	font-weight: 700;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    transform: translateY(-25px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.unscharf {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: alpha(opacity=50); /* proprietäre IE-Filter */
	opacity: 0.25 !important;      
    -moz-opacity: 0.25 !important; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)" !important;   
    filter:alpha(opacity=25) !important;  
}

/* Full Page Image Header Area */
#bg {
	position: fixed;
	top: 0;
	left: 0;
}

.vertalign{        
	bottom: 0;
    left: 0;
    margin: auto;
    position: relative;
    right: 0;
    top: 0px;
    vertical-align: middle !important;
}

.valign{        
	vertical-align: middle !important;
}
 
.valign >p { 
	padding-top: 50px;
}
.top10{     
    padding-top: 8px !important;
}

.top15{        
	padding-top: 15px !important;
}

.mtop15{        
	margin-top: 15px !important;
}

.row50{
	height: 50px;
}

.row10{
	height: 10px;
}
.bgwidth {
	width: 100%;
}

.bgheight {
	height: 100%;
}

.pt{
	padding-top: 200px;
}

.pt100{
	padding-top: 100px;
}

.bg{
	background: #fff;
}

.lightblue{
	background: #aabed1 !important;
}

.black{
	color: #000;
}

.hiddenSprache
{
    visibility: hidden;
	z-Index: 1;
} 

.messageshidden
{
    visibility: hidden;
    display: none:
} 

.hiddenstyleprofile
{
    visibility: hidden;
    z-Index: 7;
    display: none;
}

.visiblestyleprofile
{
    visibility: visible;
    z-Index: 10;
    display: block;
}

.stylehidden
{
    visibility: hidden;
    z-Index: 7;
} 

.visibleSprache
{
    visibility: visible;
  	background: #ffffff;
  	padding: 3px;
	border: 1px solid #395288 ;
	z-index: 9;
} 
.visibleSprache2
{
    visibility: visible;
  	padding: 3px;
  	background: #ffffff;
	z-index: 2 !important;
} 
.fsin{
	display: block;
    height:100px;
    width: 80px;
    opacity: 1 !important;      
    -moz-opacity: 1 !important; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;   
    filter:alpha(opacity=100) !important;  
    -moz-transform: scale(1,1) !important;
    -webkit-transform: scale(1,1) !important;
    -o-transform: scale(1,1) !important;
    -ms-transform: scale(1,1) !important;
    transform: scale(1,1) !important;
    -webkit-transition: all 1500ms linear;
    -moz-transition: all 1500ms linear;
    -ms-transition: all 1500ms linear;
    -o-transition: all 1500ms linear;
    transition: all 1500ms linear;
    border-radius: 3px 3px 3px 3px;
    font-family: "Marker Felt",sans-serif;
    font-size: 19px;
    font-weight: bold;
    text-shadow: 0.03px 0.03px 0.4px #CCCCCC;
    color: #000000;
    text-decoration: none;
    text-align: center;
    margin: 0;
    padding: 0;
    background: none repeat scroll 0 0 #F9F9F9;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    float: left;
}

.fsin2{
	display: block;
    height:60px;
    width: 60px;
    opacity: 1 !important;      
    -moz-opacity: 1 !important; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;   
    filter:alpha(opacity=100) !important;  
    -moz-transform: scale(1,1) !important;
    -webkit-transform: scale(1,1) !important;
    -o-transform: scale(1,1) !important;
    -ms-transform: scale(1,1) !important;
    transform: scale(1,1) !important;
    -webkit-transition: all 1500ms linear;
    -moz-transition: all 1500ms linear;
    -ms-transition: all 1500ms linear;
    -o-transition: all 1500ms linear;
    transition: all 1500ms linear;
    border-radius: 3px 3px 3px 3px;
    font-family: "Marker Felt",sans-serif;
    font-size: 19px;
    font-weight: bold;
    text-shadow: 0.03px 0.03px 0.4px #CCCCCC;
    color: #000000;
    text-decoration: none;
    text-align: center;
    margin: 0;
    padding: 0;
    background: none repeat scroll 0 0 #F9F9F9;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    float: left;
}

.fsout{
	-moz-opacity: 0;
    opacity: 0;
    -moz-transform: scale(0.01);
    -webkit-transform: scale(0.01);
    -o-transform: scale(0.01);
    -ms-transform: scale(0.01);
    transform: scale(0.01);
    -webkit-transition: all 1500ms linear;
    -moz-transition: all 1500ms linear;
    -ms-transition: all 1500ms linear;
    -o-transition: all 1500ms linear;
    transition: all 1500ms linear;
}

.shadow{
	box-shadow: 10px 20px 30px grey;
}

.h100{
	height: 100% !important;
}

.h132{
	height: 125px !important;
}

.h20{
	height: 20%;
}

.h35{
	height: 35%;
}

.h60{
	height: 60%;
}

.h65{
	height: 65%;
}

.h80{
	height: 80%;
}

.w25{
	width: 24% !important;
	text-align: center !important;
}

.w4{
	width: 1% !important;
}
.w100{
	width: 100%;
}

.p15{
	padding-top: 15px;
}

.p300{
	padding-top: 300px;
}

.zentriert {
	display: table-cell;
	vertical-align: middle;
}

.small{
	font-size: 40%;
}

.borderb{
	margin: 10px;	
}

.not_available {
		background:red;
		color:white;
		padding:5px;
        	}
			
.available {
    	     background:lawngreen;
	     color:#2f2f2f;
	     padding:5px;
}
.cont{
	width: 100%;
	z-index: 10;
	background: #fff;
}
.main{
	top: 52px;
	height: auto;
	width: 100%;
}
.header {
	top: 125px;
	position: relative;
  	padding: 50px;
  	color: #2C3E50;
	width: 100%;
   	min-height: 700px;
	border-top: 1px solid #395288 ;	
	border-bottom: 1px solid #395288 ;
	z-index: 8;
}
.headerkont {
	top: 125px;
	position: relative;
  	padding: 50px;
  	color: #2C3E50;
	width: 100%;
   	min-height: 150px;
	border-top: 1px solid #395288 ;	
	z-index: 8;
}

.headerunternehmen {
	top: 125px;
	position: relative;
  	padding: 50px;
  	color: #2C3E50;
	width: 100%;
   	min-height: 700px;
	border-top: 1px solid #395288 ;	
	border-bottom: 1px solid #395288 ;
	z-index: 8;
}

.headerisafety {
	top: 125px;
	position: relative;
  	padding: 50px;
  	color: #2C3E50;
	width: 100%;
   	min-height: 700px;
	border-top: 1px solid #395288 ;	
	border-bottom: 1px solid #395288 ;
	z-index: 8;
}

.headerrevierwachbuch {
	top: 125px;
	position: relative;
  	padding: 50px;
  	color: #2C3E50;
	width: 100%;
   	min-height: 700px;
	border-top: 1px solid #395288 ;	
	border-bottom: 1px solid #395288 ;
	z-index: 8;
}

.headerewachbuch {
	top: 125px;
	position: relative;
  	padding: 50px;
  	color: #2C3E50;
	width: 100%;
   	min-height: 700px;
	border-top: 1px solid #395288 ;	
	border-bottom: 1px solid #395288 ;
	z-index: 8;
}

.headerdatenschutz {
	top: 125px;
	position: relative;
  	padding: 50px;
  	color: #2C3E50;
	width: 100%;
   	min-height: 700px;
	border-top: 1px solid #395288 ;	
	border-bottom: 1px solid #395288 ;
	z-index: 8;
}

@media(max-width:767px){	
	.header {
	background: url("../../img/intro_small.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed; 
	height: 386px !important;
	}
	.headerdatenschutz {
	background: url("../../img/datenschutz_small.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed; 
	height: 386px !important;
	}
	.headerunternehmen {
	background: url("../../img/company_small.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed; 
	height: 386px !important;
	}
	.headerisafety {
	background: url("../../img/isafety_small.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed; 
	height: 386px !important;
	}
	.headerrevierwachbuch {
	background: url("../../img/revierwachbuch_small.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed; 
	height: 386px !important;
	}
	.headerewachbuch {
	background: url("../../img/ewachbuch_small.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed; 
	height: 386px !important;
	}			
}
@media(min-width:768px){
	.header {
	background: url("../../img/intro_med.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;  
	height: 498px !important;
	}
	.headerdatenschutz {
	background: url("../../img/datenschutz_med.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;  
	height: 498px !important;
	}
	.headerunternehmen {
	background: url("../../img/company_med.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;  
	height: 498px !important;
	}
	.headerisafety {
	background: url("../../img/isafety_med.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;  
	height: 498px !important;
	}
	.headerrevierwachbuch {
	background: url("../../img/revierwachbuch_med.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;  
	height: 498px !important;
	}
	.headerewachbuch {
	background: url("../../img/ewachbuch_med.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;  
	height: 498px !important;
	}			
}
@media(min-width:992px){
	.header {
	background: url("../../img/intro.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed; 
	height: 100% !important;
	}
	.headerdatenschutz {
	background: url("../../img/datenschutz.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed; 
	height: 100% !important;
	}	
	.headerunternehmen {
	background: url("../../img/company.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed; 
	height: 100% !important;
	}	
	.headerisafety {
	background: url("../../img/isafety.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed; 
	height: 100% !important;
	}		
	.headerrevierwachbuch {
	background: url("../../img/revierwachbuch.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed; 
	height: 100% !important;
	}		
	.headerewachbuch {
	background: url("../../img/ewachbuch.jpg") no-repeat top left fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed; 
	height: 100% !important;
	}	
}

.header2 {
	top: 52px;
	position: relative;
  	padding: 50px 0;
  	color: #2C3E50;
	width: 100%;
   	height: 100%;
   	min-height: 700px;
	background: url("../../img/intro8.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed; 
	border-top: 1px solid #395288 ;	
	border-bottom: 1px solid #395288 ;
}
.headerempty {
	top: 52px;
	position: relative;
  	padding: 50px;
  	padding-left: 80px;
  	padding-bottom: 5px;
  	color: #2C3E50;
	width: 100%;
	background: #FFF;
	border-top: 1px solid #395288 ;	
}
.header2empty {
	padding: 50px;
  	padding-left: 80px;
  	padding-top: 35px;
  	color: #2C3E50;
	width: 100%;
	background: #FFF;
	border-top: 1px solid #395288 ;	
}
.headertxt{
	position:fixed;
	z-index:22;
	top:0;
	left:0;
	width:100%;
	height:125px;
  	background: #ffffff;
	vertical-align: middle;
	font-size: 14px;
	border-bottom: 1px solid #395288;
}
.bread{
	margin-top: 0px !important;
	padding: 25px !important;
	text-align: center;
	border-top: 1px solid #395288 ;
	background:url(../../img/breadcrumbs.png) no-repeat !important; background-size:100% 100% !important;
	color: #FFFFFF !important;
}
.m1, .m2{
	  width: 145px;
	  height: 52px !important;
	  text-align: middle;
	  display: table-cell;
	  padding: 5px !important;
	  margin: 0px !important;
}

.wlcomebg {
		border: 1px solid #000;
}

.m1:hover, .m1 a:hover{
	  	background: #021890;
	  	color: #fff !important;
	  	height: 100%;
}

.m2:hover {
	  	background: #ef2929;
	  	color: #fff;
}
	
/* Intro */

.introloggedin {
	top: 52px;
	position: relative;
  	padding: 50px 0;
  	background: #ffffff;
  	color: #000000;
  	height: 245px;
   	background-size: auto auto !important;
	background-image: url("../../img/introloggesin.jpg");
    background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: center top;
	border-bottom: 1px solid #395288 ;
	border-top: 1px solid #395288 ;
	width: 100%;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
	border:1px solid #000;
	padding: 1px !important;
}

.intro {
	top: 125px;
	position: relative;
  	padding: 0px;
  	background: #ffffff;
  	color: #000000;
  	height: 100%;
	border-bottom: 1px solid #395288 ;
}


/* Intro3 */

.intro3 {
	top: 52px;
	position: relative;
  	background: #ffffff;
  	padding: 50px 0;
  	color: #2C3E50;
	height: 100%;
	border-top: 1px solid #395288 ;	
	border-bottom: 1px solid #395288 ;
}

/* Intro4 */

.intro4 {
	top: 52px;
	position: relative;
  	padding: 50px 0;
  	color: #2C3E50;
	width: 100%;
   	height: 100%;
	background: url("../../img/intro4.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;  
}

/* Intro5 */

.intro5 {
	top: 52px;
	position: relative;
  	background: #ffffff;
  	padding: 50px 0;
  	color: #2C3E50;
	height: 100%;
	border-top: 1px solid #395288 ;	
	border-bottom: 1px solid #395288 ;
}

/* Intro6 */

.intro6 {
	top: 52px;
	position: relative;
  	padding: 50px 0;
  	color: #FFF;
	width: 100%;
   	height: 100%;
	background: url("../../img/intro6.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed; 
}

/* Intro7 */

.intro7 {
	top: 52px;
	position: relative;
  	background: #ffffff;
  	padding: 50px 0;
  	color: #2C3E50;
	height: 100%;
	border-top: 1px solid #395288 ;	
	border-bottom: 1px solid #395288 ;
}

/* Intro8 */

.intro8 {
	top: 52px;
	position: relative;
  	padding: 50px 0;
  	color: #FFF;
	width: 100%;
   	height: 100%;
	background: url("../../img/intro8.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed; 
}


/* Intro9 */

.intro9 {
	top: 52px;
	position: relative;
  	background: #ffffff;
  	padding: 50px 0;
  	color: #2C3E50;
	height: 100%;
	border-top: 1px solid #395288 ;	
	border-bottom: 1px solid #395288 ;
}

.welcome {
	top: 80px;
	position: relative;
  	background: #ffffff;
  	color: #000000;
  	height: -moz-calc(100% - 27px);
    height: -webkit-calc(100% - 27px);
    height: calc(100% - 27px);
  	border-top: 1px solid #395288 ;
  	z-index: 7;
  	
}

.welcomeprivate {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
  	background: #ffffff;
  	color: #000000;	
}

/* Footer */

.footer {
	font-size: 12px !important;
	border-top: 1px solid #395288 ;
  	padding: 100px 0;
  	background: #aabed1;
  	z-index: 75;
  	height: 75px;
  	position: relative:
  	bottom: 0px;
}


@media (max-width: 768px) {
	.btn-bg-on {
		font-size: 14px;
	}
	
	.btn-bg-off {
		font-size: 14px;
	}
	
	.logo img {
		width: 70px;
		height: 70px;
	}
	
}
.aright{
 	text-align: right !important;
 }
.menueheader{
 	color: #858585 !important;
 	line-height: 20px;
 	cursor: pointer;
 	font-family: 'Raleway';
 	font-weight: 400; 	 	
 	text-align: right !important;
 }
 
.menueheader a:link{
 	color: #858585 !important;
 }
 	
.menueheader a:visited {
 	color: #858585 !important;
}

.menueheader a:hover {
 	color: #858585 !important;
}
.menueheader a:active {
 	color: #858585 !important;
 }
  	
 .borderheader{
	border-bottom: 1px solid #ededed;
 	padding-botton: 5px;
 }
 .submenueueberschrift{
 	font-family: 'Raleway';
 	color: #858585 !important;
 }	
 .introiconst{
 	padding-top: 30px;
 	padding-bottom: 30px;
 	padding-left: 15px;
 	padding-right: 15px;
 	color: #355389;	
 	border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; border-top-left-radius: 18px; border-top-right-radius: 18px;
 }

 .introiconst:hover {
 	padding-top: 30px;
 	padding-bottom: 30px;
 	padding-left: 15px;
 	padding-right: 15px;
 	background: #4169e1;
 	color: #FFF;
  	transform: translateY(-10px); 
  	transition-duration: 2s;	
 }
 
.bordercont{
	padding-top: 10px;
	border-top: 1px solid #858585;	
}
 
.bordercontvert{
	border-left: 1px solid #858585;	
}
div#navi{
 	background: #FFF;
}
div#navi ul.level_1{
	list-style:none;
	position:relative;
}

div#navi ul.level_1 li{
	display:block;
	float:left;
	margin-left:-1px;
	margin-top:0;
	height:30px
}

div#navi ul.level_1 li a{
	display:block;
	float:left;
	position:relative;
	padding:8px 25px 6px 25px;
	line-height:20px;
	text-decoration:none;
	color: #858585;
}
div#navi ul.level_1 li ul.level_2{
	display:none
}
div#navi ul.level_1 li.first{
	margin-left:0	
}

div#navi ul.level_1 li.visible a:hover,
div#navi ul.level_1 li.visible a{
	padding:8px 25px 6px 25px;
	color: #858585;
	z-index:999
}
div#navi ul.level_1 li.visible{
	margin-top:0px
}
div#navi ul.level_1 li.active.visible{
	margin-top:0px
}
div#navi ul.level_1 li.visible ul.level_2{
	display:block
}
div#navi ul.level_1 li.active a,
div#navi ul.level_1 li.active a:hover{
	display:block;
	float:left;
	background:none;
	background:#fff;
	text-decoration:none;
	color: #858585;
	margin-right:1px;
	font-weight:bold !important;
}
div#navi ul.level_1 li.active a:hover{
	margin-top:0
}

div#navi ul.level_2{
	list-style:none;
	clear:left;
	display:block;
	position:absolute;
	background:#fff;
	top:33px;
	left:15px;
	width:934px;
	height:50px;
	margin:0 8px;
	border-right: 1px solid; 
	border-left: 1px solid; 
	border-bottom: 1px solid; 
}
div#navi ul.level_2 li{
	float:left;
	display:block;
	background: #FFF;
	margin:15px 30px 11px 0;
	background:#fff;
}
div#navi ul.level_1 li.active ul.level_2 li a,
div#navi ul.level_1 li.active ul.level_2 li a:hover,
div#navi ul.level_1 li.active ul.level_2 li.active a,
div#navi ul.level_1 li.active ul.level_2 li.active a:hover,
div#navi ul.level_1 li.visible ul.level_2 li a,
div#navi ul.level_1 li.visible ul.level_2 li a:hover,
div#navi ul.level_1 li.visible ul.level_2 li.active a,
div#navi ul.level_1 li.visible ul.level_2 li.active a:hover{
	text-decoration:none;
	font-size:13px;
	display:block;
	color: #858585;
	padding:0 2px;
	font-weight:bold;
	background:#fff;
	border:none;
}
div#navi ul.level_1 li.active ul.level_2 li a:hover,
div#navi ul.level_1 li.active ul.level_2 li.first a:hover,
div#navi ul.level_1 li.visible ul.level_2 li a:hover,
div#navi ul.level_1 li.visible ul.level_2 li.first a:hover{
	color:#858585;
	background:#fff;
	
}
div#navi ul.level_1 li.active ul.level_2 li.active a,
div#navi ul.level_1 li.active ul.level_2 li.active a:hover,
div#navi ul.level_1 li.visible ul.level_2 li.active a,
div#navi ul.level_1 li.visible ul.level_2 li.active a:hover{
	font-weight:bold;
	color: #858585;
	background:#fff;
	border-bottom:4px solid  #858585;
}