body { color:#002A3A; font-family: Arial, sans-serif; font-size: 15px; font-weight:300; padding:20px 0 20px 0; margin:0; text-align:center; line-height:22px; height:100%; background:#002A3A; }

h1 { font-size:24px; color:#6CACE4; margin:0 0 32px 0; line-height:28px; font-weight:normal;  font-family: 'Montserrat', sans-serif; text-transform:uppercase; }
h2 { font-size:18px; color:#6caedf; margin:90px 0 22px 0; line-height:22px; font-weight:normal;  font-family: 'Montserrat', sans-serif; text-transform:uppercase;}
h3 { font-size:15px; color:#6caedf; margin:12px 0 10px 0; font-weight:normal;  font-family: 'Montserrat', sans-serif; text-transform:uppercase;}

a	{ color:#6caedf; text-decoration:none; outline:none; }
a:hover { text-decoration: none; color:#333;}

hr { border-color:#e9f1f9; }
 
.adressLabel { float:left; width:30px; }
.icon { margin-left:2px; background-color:#6caedf; }
.icon:hover { background-color:#444; }

/*Standards*/
.colored	{ color:#87b300; }

/*Header*/
.header { position:relative; margin:0 auto 5px auto; text-align:left; }
.header .logo {  float:left; display:block;  }
.header .logo img { width:100%; max-width:300px; }
.header .subline { float: right; line-height: 58px; font-size:14px; color:#6CACE4; }

/*.mainmenu { position:absolute; top:125px; left:0; height:21px; width:960px; display:block; }
.header .mainmenu li  { display:inline; }  
.header .mainmenu li a { display:block; float:left; font-size:13px; line-height:25px; padding:0 20px; margin:0; border-right:2px solid #fff; color:#fff; background:#6caedf; }  
.header .mainmenu li a:hover { background:#9fcaea; color:#fff; } 
.header .mainmenu li.onCat a { background:#9fcaea; color:#fff; } 
.header .mainmenu li.last a { margin-right:0; } */

.mainmenu { float: left; height:30px; display:block; margin: 30px 0 0 0; }
.mainmenu ul li ul { margin: 0; }
.mainmenu li { float:left; position:relative; z-index:5000; height:30px; margin: 0; display: inline !important; background:#6caedf; border-right:2px solid #fff; }
.mainmenu li:hover {  }
.mainmenu li a.drop:hover { height:32px; }
.mainmenu li:hover > a { background:#9fcaea;  }
.mainmenu li:hover ul li a.drop { padding-bottom:0;  }
.mainmenu li:hover li a { padding-bottom:0;  }
.mainmenu li.onCat a { background:#9fcaea;  }
.mainmenu li.drop:hover a { height:32px  }

.mainmenu li a { display:block; font-size:14px; line-height:30px; padding:0 20px;  margin:0; color:#fff; text-decoration:none; background:#6caedf; }
.mainmenu li a:hover {   }
.mainmenu li a.onSite { }
.mainmenu li.rightonCat  { background:#9fcaea; }
.mainmenu li.rightonCat a { background:#9fcaea; color:#fff;  }

.mainmenu ul ul { visibility:hidden; position:absolute; top:32px; left:0; width:270px; padding:15px 20px 10px 20px; background:#e9f1f9; }
.mainmenu ul li.last ul { right:0;  }
.mainmenu ul ul li { height:25px; width:100%; border:none; background:none; }
.mainmenu ul ul li:hover { background:none; }
.mainmenu ul ul li a { display:block;  line-height:25px; font-size: 14px; padding:0; color:#6caedf;  text-decoration:none; margin:0; background:none; }
.mainmenu ul ul li a:hover { color:#002A3A; }
.mainmenu ul ul li a.onSite { color:#002A3A;  }
.mainmenu li li:hover > a { background:none;  }
.mainmenu li li.onCat { background:none;  }
.mainmenu li.onCat li a { background:none;  }

.mainmenu ul li:hover ul { visibility:visible; }
.mainmenu ul a:hover ul { visibility:visible; }
.mainmenu li.close { display:none !important; position:absolute; top:-30px; }

.header .social { float: right; margin: 30px 0 0 0; }
.header .social a {  display:block; float:left; height:30px; width:30px; margin:0 0 0 5px; background:#ddd url(/frontend/images/social/smSprite30.png) 0 0 no-repeat; } 
.header .social a.fb {  background-position:-30px 0; } 
.header .social a.fb:hover {  background-position:0 0; } 
.header .social a.tw {  background-position:-30px -30px; } 
.header .social a.tw:hover {  background-position:0 -30px; } 
.header .social a.google {  background-position:-30px -60px; } 
.header .social a.google:hover {  background-position:0 -60px; } 
.header .social a.teamviewer {  background-image: url(../images/icon-teamviewer.png); background-position: 0 -30px; } 
.header .social a.teamviewer:hover {  background-position:0 0; }

ul.subnavi { padding:0 !important; margin:0 !important; list-style-type:none !important; }
ul.subnavi li { display:inline;  }
ul.subnavi li a { float:left; display:block; line-height:30px; height:30px; padding:0 15px; margin:0 2px 0 0; font-size:13px; color:#fff; border-left:0; background:#6caedf;}
ul.subnavi li a:hover { background:#9fcaea;  }


/*Content*/
.container { max-width:1060px; text-align:left; }
#content { padding:30px; background:#fff; border:20px solid #e9f1f9; border-width:20px 20px 0 20px;  }
.motiv { background: #fff; margin:0 0 45px 0; } 

.content, .sub { padding:0; } 
.content ol { padding:0 0 0 16px; margin:0; list-style-type:decimal; }
.content ol li { padding:0 0 22px 0;  }
.content ul { padding:0 0 0 16px; margin:0; list-style-type:square; }

.home .flash img { width:100%; margin-bottom:60px; } 
.home .content { min-height:200px; _height:200px;}
.home .sub { min-height:200px; _height:200px; }
.motiv { width:100%; }

.footer { height:240px; text-align:left; padding:0; color:#fff; font-size:12px; background:#6caedf;  }
.footer .row { max-width:1060px; padding:0; margin:0;   }
.footer .row .two { background:#9fcaea; padding-top: 10px; padding-bottom: 10px; }
.footer .row .one { padding-top: 10px; padding-bottom: 10px; }
@media(min-width: 992px) {
.footer .row .col-md-4, .footer .row .col-md-8 { height:240px; padding:30px 50px;  }
.footer .row .two { padding:30px 50px; }
}
.footer a { color:#fff; }
.footer a:hover { color:#eee; }
.footer h3 { color:#fff;  }
.footer .newsEntry {  }
.footer .newsEntry .date { float:left; width:80px; color:#6caedf } 
.footer a.openNews { margin-left:80px; } 

video { width:100% !important; height:auto !important; margin-bottom:60px; }

.breadcrumb { height:30px; line-height: 30px; padding:0 10px; margin:0 0 20px 0; background: #e8dac1; font-size:11px;  }

.pageBox.news ul.news { list-style-type:none; padding:0; margin:0; }
.pageBox.news ul.news li { margin:0 0 5px 0; }
.pageBox.news ul.news .date { float:left; width: 90px; padding:0 0 5px 0; font-weight:normal; }
.pageBox.news ul.news .boxText{ display:none; padding:0 0 20px 0;}

.pageBox.news ul.newsList { list-style-type:none!important; padding:0!important; margin:0!important; }
.pageBox.news ul.newsList .row { margin:0 0 20px 0; background:#e9f1f9!important; padding:20px 10px!important;  }
.pageBox.news ul.newsList .date { padding:0 0 5px 0; font-size:12px; font-weight:normal;color:#6caedf; }
.pageBox.news ul.newsList .title { font-size:18px; text-transform:uppercase; margin:0 0 22px 0; }
.pageBox.news ul.newsList img { border:10px solid #fff; }

.pageBox.news ul.newsList .boxText{ padding:0 0 20px 0; float:left; }
.pageBox.news ul.newsList .boxImage{ float:right; }

.subBox { margin:0 !important; padding:0; }
.subBox h2 { margin:3px 0 32px 0 !important; font-size:24px;}

.subBox.newsCats { margin:0 0 30px 0 !important; float:none;  }
.subBox.newsCats ul li { margin:0; float:none;  }
.subBox.newsCats ul li a, a.newsarchiv { display:block; line-height:30px; height:30px; padding:0 10px 0 15px; margin:0 0 2px 0; font-size:13px; color:#fff; border-left:0; background:#6caedf;}
.subBox.newsCats ul li.onCat a, a.newsarchiv { background:#9fcaea; }
.subBox.newsCats ul li a:hover, a.newsarchiv { background:#9fcaea;  }
.subBox.newsCats span.titleL { width: 200px; }
ul.newsArchive { list-style-type:none; padding:0; margin: 0 0 30px 0; }
a.newsarchiv { display:none; }

.news.article { background:#e9f1f9; padding:20px 20px; }
.news.article .date { font-weight:normal; font-size:12px; color:#6caedf; margin-bottom:20px; }
.news.article h2 { margin-top:0; }
.news.article ul { margin-bottom:22px;  }
.news.article img { border:10px solid #fff; }

#mobilAdress,
.header #expand { display:none; }

#startMotiv { position: relative; }
#startMotiv .slogan { position:absolute; top: 50%; left: 10px; text-align:center; z-index:200; font-size:28px; color:#fff; margin: -14px 0 32px 0; line-height:28px; font-weight:normal;  font-family: 'Montserrat', sans-serif; text-transform:uppercase; right: 10px; }
#startMotiv img { display: none; width: 100%; }

@media (max-width:1170px) {
	#startMotiv video { display: none; }
	#startMotiv img { display: block; }
	
	#startMotiv .slogan { font-size: 24px; }
}

@media (max-width:992px) {
	#content { padding:15px; border-width:15px 15px 0 15px; }
	.subBox.html.id48 { display: none; }
	.motiv,
	.subBox.menu { margin-bottom:20px; }
	.header { height: auto; }
	#mobilAdress { display:block; }
	.header .mainmenu { position:static; top:auto; width:auto; height:auto; display:none; }

    .header #expand { width:30px; height:30px; float:left; display:block; background:url(../images/hamburger.png) #6caedf; margin-top:30px; cursor:pointer; }
	.header #expand.active,
	.header #expand:hover { background:url(../images/hamburger.png) #002A3A; }
	#leistungen hr {
		display: none;
	}
	
	#startMotiv .slogan { font-size: 18px; }
}

@media (max-width:768px) {
	#content { padding: 10px; border-width: 5px 5px 0 5px; }
}

@media (max-width:750px) {
	.header .logo { }
    .mobile-drop li {
    	width: 100% !important;
    }
	.header .subline { display: none; }
}

@media (max-width: 480px) {
	
	#startMotiv .slogan { font-size: 14px; line-height: 18px; margin-top: -9px; }
	
	.footer a.openNews { margin-left: 0; }
	.footer .newsEntry .date { float: none; display: block; }
	
}

.mobile-drop li {
    position: relative;
}
.mobile-drop i {
		
		right: 20px;
		top: 20px;
	}
	.mobile-drop ul ul i {
		top: 8px;
	}
        .mobile-drop ul ul {
		display: none;
	}
.mobile-drop ul li ul {
        display: none;
        padding-top: 10px;
        
    }
    .mobile-drop ul li a {
        color: white;
        
    }
    .mobile-drop ul li {
        
        background-color: #6caedf;
        color: white;
    }
	.mobile-drop ul li a {
        padding: 10px 15px;
		display: block;
	}
video {
    margin-bottom: -5px !important;
}

.slide {
    margin-bottom: 40px;
}
.mobile-drop ul li ul {
    margin: 0px -20px;
} 
.mobile-drop ul li ul li {
    background-color: #9fcaea;
    border-left: 10px;
    padding-left: 40px;
    margin-bottom: -20px;
}
.mobile-drop {
    display: none;
    margin: 5px 0 10px 0;
}
.mobile-drop {
        
		position: relative !important;
		z-index: 9999999;
    }
.carousel-indicators li {
    border-radius: 0px; 
    background-color: #ddd;
    border-color: #ddd;
}
.carousel-indicators .active {
    background-color: #6CAED7 !important;
    border-color: #6CAED7 !important;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}

.mobile-drop .glyphicon {
    position: absolute !important;
    top: 6px;
    right: 0px;
    background-color: #9fcaea;
    padding: 20px;
}
 
.box-three-item {
	position:relative;
	overflow: hidden;
	margin-top:30px; 
}

.box-three-item img{
    width: 100%;
	display: block;
}

.box-item-clientname {
    background-color: #e9f1f9;
    width: 100%;
    padding: 15px 0;
    color: #6caedf;
	font-size: 13px;
    font-weight: bold;
	text-align:center; 
}
.box-item-clientname span {
    display: block;
    font-size: 12px;
  font-weight: normal;
}
.box-item-clientdata {
    background-color: #e9f1f9;
    width: 100%;
    padding: 15px 15px 2px 15px;
    color: #6CAED7;
    font-size: 14px;
    outline: none;
	text-align:center;
}
.box-item-clientdata span {
    font-weight: normal;
    display: block;
    font-size: 12px;
	color: #9fcaea;
}
.box-item-clientdata a {
    color: #9fcaea;
}
.box-item-clientimg {
	height:100px; 
}
.box-item-clientimage > a { display:block; width: 100%; }

.box-item-clientimage { position: relative; }

.box-item-teamname {
    background-color: #9fcaea;
    width: 100%;
    padding: 90px 15px 15px 15px;
    color: #fff;
    font-weight: bold;
	text-align:center; 
}
.box-item-teamname span {
    display: block;
    font-size: 12px;
  font-weight: normal;
}
.box-item-teamdata {
    background-color: #e9f1f9;
    width: 100%;
    padding: 15px;
    color: #6caedf;
    font-size: 14px;
    outline: none;
	text-align:center;
}
.box-item-teamdata span {
    font-weight: normal;
    display: block;
    font-size: 12px;
}
.box-item-teamimg {
	height:90px; 
}
.box-item-teamimage {
    background-position: center;
    background-repeat: no-repeat;
    height: 170px;
	width: 170px; 
	border-radius: 85px;
	border:10px solid #e9f1f9; 
	position:absolute;
	top:0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.box-item-teamimage:hover {

}

.box-item-clientimage.partner-img {
	width: 100%;
	min-height: 100px;
	background-position: center center;
	background-repeat: no-repeat;
}


.box-item-clientimage.partner-img img {
	display: block;
	max-width: 80%;
	margin: 0 auto;
}

.referenzen-img {

}

.box-item-cliendtdata.home { background:#fff; }

#leistungen img {
	display: block;
	margin: 10px auto 30px auto;
	max-width: 100%;
}

#kunden img {
	display: block;
	width: 100%;
}

/* Glass */
.glass-animation:hover .glass span {
	-webkit-transition-delay: .2s;
	transition-delay: 0s;
	opacity: 1;
	width: 30px;
	height: 30px;
	z-index: 6;
	border-radius: 200px;
}
.glass-animation .box-item-clientimage > a { z-index: 7; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.glass-animation:hover .glass span i {
	right: -14px;
	bottom: -7px;
	-webkit-transition-delay: .2s;
	/* Safari */
	transition-delay: .2s;
}
.glass-animation:hover .background {
	height: 100%;
	width: 100%;
	opacity: .7;
}
.glass-animation .background {
	transition: 0.3s all ease-in-out;
	width: 100;
	height: 100;
	background: #6CAEDF;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 5;
	left: 0;
	display: block;
	bottom: 0;
	margin: auto;
	opacity: 0;
}
.glass-animation .glass {
	display: block;
	transition: 0.2s all ease-in-out;
}
.glass-animation .glass > span {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transition: 0.2s all ease-in-out;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	width: 200px;
	height: 200px;
	border-radius: 100px;
	display: block;
	border: 5px solid #ffffff;
}
.glass-animation .glass > span i {
	transition: 0.2s all ease-in-out;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	position: absolute;
	right: -200px;
	bottom: -200px;
	display: inline-block;
	width: 18px;
	height: 5px;
	background: #ffffff;
	border-radius: 10px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#backTo {
	position: fixed;
	border-radius: 4px;
	background:#6caedf;
	right: 5%;
	bottom: 5%;
	width: 50px;
	height: 50px;
	cursor: pointer;
	opacity: 0.5;
	text-align: center;
	transition: 0.2s all ease-in-out;
	line-height: 50px;
	color: #fff;
	display: none;
}

@media(max-width: 768px) {
	#backTo {
		width: 30px;
		font-size: 14px;
		height: 30px;
		line-height: 30px;
		bottom: 20px;
		right: 20px;
	}
}

#backTo:hover {
	opacity: 1;
}

ul.lexicon li .entry { width: auto; float: none; }