/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */
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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{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}
/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */
@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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/*
    font-family:'FrutigerLTW01-47LightCn';
    font-family:'FrutigerLTW01-57Condens';
    font-family:'FrutigerLTW01-67BoldCn';
*/

html, body {
	overflow-x: hidden;
}

body {
	font-family:'FrutigerLTW01-47LightCn';
	font-size: 17px;
	color: #4e4e4e;
	
}

p {
	line-height: 1.4em;
}


* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}


#header .inside, 
#main .mod_article .inside_article,
#footer  .mod_article .inside_article {
	max-width: 980px;
	margin: 0 auto;
	position: relative;
}

.inside_article {
	padding-top: 80px;
	position: relative;
	padding-bottom: 80px;
}

.inside_article:after {
	content: "";
    clear: both;
    display: block;
}


#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999999;
	background: rgba(51,65,76,0.7);

    transition: all 0.5s ease-in ; /* explorer 10 */
    -webkit-transition: all 0.5s ease-in ; /* chrome & safari */
    -moz-transition: all 0.5s ease-in ; /* firefox */
    -o-transition: all 0.5s ease-in ; /* opera */
}

#header,
#header .inside {
	height: 73px;
}


#header #logo {
	float: left;
	position: relative;
	z-index: 100;
	padding: 15px 0;
	padding-left: 5px;
}

#header #logo .inside_article {
	padding: 0;
}

#header #nav {
	float: right;
}

#header #nav ul {
	padding: 0;
	margin: 0;
}

#header #nav ul li {
	float: left;
	list-style: none;
	padding: 0;
	margin-left: 24px;
}

#header #nav ul li a,
#header #nav ul li span {
	font-size:  16px;
	color: #fff;
	text-decoration: none;
	line-height: 73px;
}


#header #nav ul li span  ,
#header #nav ul li.trail>a { 
	color: #33cccc;
}


#header #nav ul.level_2 {
	display: none;
	position: absolute;
	top: 55px;
	margin-left: -165px;
	width: 515px;
	padding-left: 150px; 
}

#header #nav ul.level_1>li.item-8 a,
#header #nav ul.level_1>li.item-8 span {
	font-size: 0;
	display: block;
	background-image: url("../../files/layout/img/icon-key.png");
	width: 19px;
	height: 20px;
	background-repeat: no-repeat;
}

#header #nav ul.level_1>li.item-8 {
	margin-left: 10px;
	padding-top: 25px;
}



#header #nav ul.level_1>li.item-9,
#header #nav ul.level_1>li.item-10 {
	display: none;
}

#header #nav li:hover ul.level_2 {
	display: block;	
}

#header #nav .level_2 li {
	margin-left: -35px;
	margin-bottom: 3px;
}


#header #nav .level_2 li.item-3 a,
#header #nav .level_2 li.item-3 span {
	margin-left: -38px;
}

#header #nav .level_2 li.item-5 {
	clear: left;
}

#header #nav .level_2 li.item-5 a,
#header #nav .level_2 li.item-5 span {
	margin-left: -76px;
}


#header #nav .level_2 li a,
#header #nav .level_2 li span {
	width: 213px;
	display: block;
	height: 37px;
	line-height: 37px;
	text-align: center;
	background-image: url("../../files/layout/img/nav_nonactive.png");
	background-repeat: no-repeat;
	border: none ;
}


#header #nav .level_2 li:hover a, 
#header #nav .level_2 li.active a,
#header #nav .level_2 li:hover span,
#header #nav .level_2 li.active span {
	color: #fff;
	background-image: url("../../files/layout/img/nav_active.png");
}

#header #nav .level_2 li.item-7 {
	clear: both;
	margin-left: -150px;
}


#header .left {
	background-image: url("../../files/layout/img/header-left.png");
	background-repeat: no-repeat;
	width: 270px;
	height: 72px;
	position: absolute;
	z-index: 10;
}

#header .white-left {
	width:1530px;
	z-index: 0;
	height: 72px;
	background-color: #fff;
	position: absolute;
	left: -1370px;
}



#header .weblift a span {
	display: block;
	margin: 0 auto;
}


#startseite {
	padding-top: 0px !important; 
/*	background: url("../../files/layout/img/headbild.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
	color: #fff;
	height: 100vh;
	min-height: 555px;
	padding-top: 180px;
	display: table;
	position: relative;
	width: 100%;
}


#startseite * {
	display: block;
	margin: 0 auto;
	text-align: center;
}

#startseite .inside_article {
	position: relative;
	height: 100%;
	display: table-cell;
	padding: 0 !important;
	vertical-align: middle;
}


#startseite .inside_article .inside {
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 100px;
	max-width: 980px;
	position: initial;
}

#startseite .frontpage_header .headline  {
    font-family:'FrutigerLTW01-67BoldCn';
	font-size: 120px;
	text-transform: uppercase;
	line-height: 120px;
	margin: 0;
}

#startseite .frontpage_header .subheadline {
	font-size: 32px;
	margin: 0;
}

#startseite .ce_hyperlink {
	margin-top: 75px;
	padding: 0;
}

.btn {
	width: 245px;
	line-height: 55px;
	font-family:'FrutigerLTW01-67BoldCn';
}

.btn.btn-white a {
	text-decoration: none; 
	color: #fff;
	display: block;
	border: 3px solid #fff;
}


#main #scroll {
	height: 60px;
	background-color: #fff;
}

#scroll .ce_hyperlink a, 
.scroll-blue a {
	height: 60px;
	width: 30px;
	display: block;
	font-size: 0;
	background-image: url("../../files/layout/img/arrow-blue-down.png") !important;
	background-position: center !important;
	cursor: pointer;
	background-repeat: no-repeat !important;
	margin: 0 auto !important;
	border: none !important;
    transition: all 0.5s ease-in ; /* explorer 10 */
    -webkit-transition: all 0.5s ease-in ; /* chrome & safari */
    -moz-transition: all 0.5s ease-in ; /* firefox */
    -o-transition: all 0.5s ease-in ; /* opera */
    width: 100% !important;
}

.scroll-blue {
	position: absolute;
	bottom: 10px;
	width: 100%;
    transition: all 0.5s ease-in ; /* explorer 10 */
    -webkit-transition: all 0.5s ease-in ; /* chrome & safari */
    -moz-transition: all 0.5s ease-in ; /* firefox */
    -o-transition: all 0.5s ease-in ; /* opera */

}


.scroll-white a {
	height: 60px;
	width: 30px;
	width: 100% !important;
	display: block;
    transition: all 0.5s ease-in ; /* explorer 10 */
    -webkit-transition: all 0.5s ease-in ; /* chrome & safari */
    -moz-transition: all 0.5s ease-in ; /* firefox */
    -o-transition: all 0.5s ease-in ; /* opera */
	font-size: 0;
	background-image: url("../../files/layout/img/arrow-white-down.png") !important;
	background-position: center !important;
	cursor: pointer;
	background-repeat: no-repeat !important;
	border: none !important;
	margin: 0 auto !important;
}

.scroll-white {
	position: absolute;
	bottom: 10px;
	width: 100%;
}

.scroll-white a:hover,
.scroll-blue a:hover {
	background-color: transparent !important;
}


#sumanauten-code {
	background-image: url("../../files/layout/img/code-bg.jpg");
	background-repeat: repeat-x;
	position: relative;
}

#sumanauten-code .scroll-blue {
	max-width: 980px;
}


#code {
	height: 82px;
	margin-bottom: 15px;
}

#code .code-bg {
	background-image: url("../../files/layout/img/code.png");
	background-repeat: repeat-x;
	height: 82px;
	position: absolute;
	left: 0;
	width: 100%;
}


#sumanauten-code .inside_article {
	position: initial !important;
}


#sumanauten-code .ce_headline {
	color: #fff;
}

h1.ce_headline,
#team .headline,
#seo-tool h2.ce_headline,
#blog-13 h2.ce_headline,
#referenzen h2.ce_headline {
	font-size: 53px;
	font-weight: normal;
	font-family:'FrutigerLTW01-67BoldCn';
	text-align: center;
	margin-bottom: 0;
	margin-top: 0;
}

#team .subheadline,
h2.ce_headline,
#seo-tool h3.ce_headline,
#referenzen h3.ce_headline {
 	margin-top: 0;
}

#team .subheadline,
#seo-tool h3.ce_headline,
#referenzen h3.ce_headline,
h2.ce_headline {
	font-size: 26px;
	text-align: center;
	font-family:'FrutigerLTW01-57Condens';
	font-weight: normal;
}

.ce_text h1 {
	font-size: 26px;
	text-align: left;
	font-family:'FrutigerLTW01-47LightCn';
    font-weight: bold;
}

.ce_text.first h1 {
	margin-top: 0;
}


.col4 {
	width: 33.33%;
	float: left;
}

.col6 {
	width: 50%;
	float: left;
}


#sumanauten-code .col4 {
	position: relative;
}


#sumanauten-code .col4 p {
	// text-align: justify;
}
@media(min-width: 769px) {
	#sumanauten-code .col4 p {
		height:210px;
	}
	
	#sumanauten-code .col4 p.code_button {
		height:50px;
	}	
}

#sumanauten-code h2 {
	margin-bottom: 30px !important;
}


#sumanauten-code .col4 h3 {
	padding:0 30px;
	position: absolute;
	margin: 0;
	width: 100%;
	left: 0;
	top: 60px;
	font-size: 26px;
	color: #fff;
	height: 52px;
	text-align: center !important;
}

#sumanauten-code .col4 img {
	display: block;
	margin: 0 auto;
	margin-bottom: 100px;
}


#seo-tool {
    background: url("../../files/layout/img/seo-tool-bg.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
}

#seo-tool p {
	// text-align: justify;
}

#team .subheadline,
#team .headline,
.inside_article>div,
.inside_article>h1,
.inside_article>h2 {
	padding-left: 10px ;
	padding-right: 10px ;
}

#blog-13 {
    background: url("../../files/layout/img/blog-bg.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#blog-13 .inside_article {
	max-width: 1260px !important;
}


#blog-13 .mod_newslist {
	padding : 0;
}

#blog-13 .layout_latest,
.col3 {
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	width: 25%;
	
}


.col3  img {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}

figure {
	margin: 0;
	max-width: 100%;
	padding: 0 !important;
}

#blog-13 .layout_latest .inner {
	height:570px;
	width: 100%;
	background-color: #fff;
	display: block;
	padding-bottom: 10px;
}

@media(max-width: 1024px) {

	#blog-13 .layout_latest .inner {
		height:520px;
		width: 100%;
		background-color: #fff;
		display: block;
		padding-bottom: 10px;
	}

}

@media(max-width: 768px) {

	#blog-13 .layout_latest .inner {
		height:630px;
		width: 100%;
		background-color: #fff;
		display: block;
		padding-bottom: 10px;
	}

}

#blog-13 .layout_latest .inner > * {
	padding: 0 15px; 
}

#blog-13 .layout_latest .inner h2 a {
	font-size: 18px;
	text-decoration: none;
	color: #003a64;
	margin: 10px 0 5px 0;
	display: block;
}

#blog-13 .layout_latest .inner h2 {
    margin-top: 5px;
    margin-bottom: 0;
}

#blog-13 .layout_latest .inner p {
	margin-top: 5px;
	display: inline
}

#blog-13 .layout_latest .inner .more {
	display: block;
	margin: 0;
	margin-bottom: 10px;
}

#blog-13 .layout_latest .inner .more  a {
	text-decoration: none;
	color: #133e5c;
	
    margin-top: 5px !important;
    font-weight: bold;	
}

#blog-13 .layout_latest .info {
	color: #666;
}


.btn-blue a,
.subpage .col6 a,
#sumanauten-code a,
#blog .previous a,
#blog .next a,
.back a {
	display: block;
	width: 240px;
	line-height: 47px;
	color: #003a6b;
	border: 3px solid #003a6b;
	text-align: center;
	text-decoration: none !important;
	margin: 0 auto;
	margin-top: 35px;
	max-width: 100%;
	font-family:'FrutigerLTW01-67BoldCn';

    transition: all 0.5s ease-in ; /* explorer 10 */
    -webkit-transition: all 0.5s ease-in ; /* chrome & safari */
    -moz-transition: all 0.5s ease-in ; /* firefox */
    -o-transition: all 0.5s ease-in ; /* opera */
}

.mac .btn-blue a,
.mac .subpage .col6 a,
.mac #sumanauten-code a,
.mac #blog .previous a,
.mac #blog .next a,
.mac .back a,
.btn-white a,
#seo-tool a {
	padding-top: 6px;
	line-height: 39px;
}

#sumanauten-code a {
	margin:  0 auto !important;
}

#sumanauten-code  .col4 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}


.back a {
	float: left;
	margin-top: 50px !important;
	display: block;
}

.subpage .col6 a {
	margin-left: 0;
}

@media(max-width: 1024px) {
	.subpage .col6 a {
		margin-left: auto;
	}
}


.btn-blue a:hover ,
.subpage .col6 a:hover,
#sumanauten-code a:hover, 
#blog .previous a:hover, 
#blog .next a:hover,
.back a:hover
{
	background: #003a6b;
	color: #fff !important;
}


.btn-white a,
#seo-tool .ce_text a {
	display: block;
	width: 240px;
	max-width: 100%;
	line-height: 47px;
	color: #fff;
	border: 3px solid #fff;
	text-align: center;
	text-decoration: none;
	margin: 0 auto;
	margin-top: 35px;
	padding: 0;
	font-family:'FrutigerLTW01-67BoldCn';

    transition: all 0.5s ease-in ; /* explorer 10 */
    -webkit-transition: all 0.5s ease-in ; /* chrome & safari */
    -moz-transition: all 0.5s ease-in ; /* firefox */
    -o-transition: all 0.5s ease-in ; /* opera */
}

#seo-tool .ce_text a,
#sumanauten-code a {
	margin-left: 0;
}

@media(max-width: 1024px) {

	#seo-tool .ce_text a,
	#sumanauten-code a {
		margin-left: auto;
	}

}

.btn-white a:hover,
#seo-tool .ce_text a:hover {
	background: #fff;
	color: #003a6b;
}


#blog-13 h2.ce_headline ,#sumanauten-code h2.ce_headline , #seo-tool h3.ce_headline {
	margin-bottom: 60px;
}


#blog-13
#seo-tool  {
 	padding-bottom: 80px;
}


#scroll .inside_article,
 .scroll .inside_article {
 	padding: 0;
}

#referenzen h2.ce_headline, 
#referenzen h3.ce_headline {
	color: #003a6b;	
}

#team {
    background: url("../../files/layout/img/team-bg.jpg") no-repeat center center ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
}

#referenzen .col3 img {
	display: block;
	margin:  0 auto;
}

#team .subheadline {
	margin-bottom: 0;
}

#team .col4_frame  {
	width: 100%;
	margin: 0px auto;
}

#team .col4  {
	width: 33% !important;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 40px;
	max-width: 500px;

}

#team .col4 img {
	width: 100%;
}


#team .col4 .inside {
	background: #fff;
	color: #666666;
	text-align: center;
	padding-bottom: 30px;
}

#team .col4 .inside  p {
	margin-top: 0;
	font-family:'FrutigerLTW01-47LightCn';
	margin-bottom: 20px;
}
#team .col4 .inside .team_name {
	margin-top: 15px;
	color : #003a64;
	font-weight: normal;
	font-size: 25px;
	font-family:'FrutigerLTW01-47LightCn';
	margin-bottom: 0;
}


#team .col4 .inside a {
	color : #003a64;
	text-decoration: none;
	margin: 0 5px;
}


#team .btns {
	text-align: center;
}

#team .btns a {
	display: inline-block;
	font-size: 0;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat !important;

}

#team .btns .mail {
	background-image: url("../../files/layout/img/icon-mail.png");
}

#team .btns .xing {
	background-image: url("../../files/layout/img/icon-xing.png");
}


.edge-left {
	background-image: url("../../files/layout/img/edge-colored.png");
	background-size: cover;
	-moz-background-size :cover;
	-webkit-background-size :  cover;
	width: 1703px;
	 height: 1703px;
	 background-repeat: no-repeat;
	 position: absolute;
	 top: 60px;
	 left: 50%;
	 margin-left:  -1945px !important;
	 padding: 0 !important;
}

@media(max-width: 768px) {
	.edge-left {
		left: 63.7%;
	}
}

@media(min-width: 769px) and (max-width: 800px) {
	.edge-left {
		left: 61.2%;
	}
}


.edge-right {
	background-image: url("../../files/layout/img/edge-colored-right.png");
	background-size: cover;
	-moz-background-size :cover;
	-webkit-background-size :  cover;
	width: 1703px;
	 height: 1703px;
	 background-repeat: no-repeat;
	 position: absolute;
	 // top: -100px;
	 right: 50%;
	 bottom: 60px;
	 margin-right:  -2065px !important;
	 padding: 0 !important;
}

#footer .mod_sitemap {
	max-width: 730px;
	float: left;
}


#footer .mod_sitemap ul {
	padding: 0;
	margin : 0;
}

#footer .mod_sitemap ul.level_1>li {
	float: left;
	padding: 0;
	min-width: 100px;

	font-size: 16px;
	list-style: none;
}


#footer  .ce_image img {
	float: right;
	height: 85px;
	width: auto !important;
}

#footer  .ce_image.seo {
	margin-bottom: 10px;
} 



#footer .mod_sitemap ul.level_2 {
	margin-bottom: 25px;
}


#footer .mod_sitemap ul.level_1>li>a,
#footer .mod_sitemap ul.level_1>li>span {
	color: #003a64;
	margin-bottom: 5px;
	display: block;
	text-decoration: none;
	font-family:'FrutigerLTW01-67BoldCn';
}

#footer .mod_sitemap ul.level_2>li>a,
#footer .mod_sitemap ul.level_2>li>span {
	text-decoration: none;
		font-family:'FrutigerLTW01-57Condens';	
	color: #999999;
}


#footer .mod_sitemap ul.level_1>li.item-1 {
	height: 350px;
	width: 305px;
}


#footer .mod_sitemap ul.level_1>li.item-2,
#footer .mod_sitemap ul.level_1>li.item-3,
#footer .mod_sitemap ul.level_1>li.item-4 {
	clear: none;
	width: 305px;
}


#footer .mod_sitemap ul.level_1>li.item-3 {

}


#footer .mod_sitemap ul.level_1>li.item-1 {
	height: 230px;
}


#footer .mod_sitemap ul.level_1>li.item-5,
#footer .mod_sitemap ul.level_1>li.item-6 {
	float: none;
}


#footer .mod_sitemap ul.level_2 li {
	float: none;
	clear: left;
	list-style-type: none;
	margin-bottom: 3px;
}


#footer .mod_sitemap ul.level_2  li:before {
    content: "• ";

    color: #999999;
}


.seo-check {
	display: block;
	font-size: 0;
	width: 181px;
	height: 222px;
	background-image: url("../../files/layout/img/seo-check.png");
	cursor: pointer;
}


#startseite .seo-check {
	margin-top: 0;
	position: absolute;
	right: 0;
	bottom: 60px;
} 

#layer {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.75)

}

#layer #seo-check {
	width: 750px;
	min-height: 420px;
	position: relative;
	margin: 0 auto;
	top: 50%;
	margin-top: -220px;
	padding: 35px;
	background-color: #35434e;
	color: #fff;
	background-image: url("../../files/layout/img/check-ipad.jpg");
	background-repeat: no-repeat;
	background-position: 300px;
}


#layer #seo-check .layer_headline {
	font-size: 52px !important;
	width: 270px;
	color: #fff !important;
	margin: 0;
}

#layer #seo-check p {
	font-size: 26px;
	width: 270px;
	line-height: 1.2em;
}

#layer #seo-check a {
	display: block;
	width: 319px;
	height: 77px;
	cursor: pointer;
	font-size: 0;
}

#layer #seo-check .next {
	background-image: url("../../files/layout/img/check-ja.jpg");
	float: left;
}

#layer #seo-check .close {
	float: right;
	background-image: url("../../files/layout/img/check-nein.jpg");
}


#layer #seo-check  input ,
.st3 .close-btn {
	height: 75px;
	width: 100%;
	display: block;
	text-align: center;
	border: none;
	font-family:'FrutigerLTW01-47LightCn';
	background: #fff;
	margin-top: 10px;
	font-size: 30px;
}

.st3 .close-btn {
	font-size: 35px !important;
	width: 100% !important;
	line-height: 75px !important;

}


#layer #seo-check  input[type="submit"],
.st3 .close-btn {
	background-color: #339999;
	color: #fff;
	font-size: 35px;
	font-family:'FrutigerLTW01-67BoldCn';
	cursor: pointer;
	-webkit-appearance:none;
}


#layer #seo-check .st2,
#layer #seo-check .st3 {
	display: none;
}


#layer #seo-check .close-small {
	display: block;
	width: 60px;
	height: 63px;
	font-size: 0;
	background-image: url("../../files/layout/img/close-btn.png");
	position: absolute;
	top: -20px;
	right: -18px;
}


.subpage #container {
	width: 980px;
	margin:  0 auto;

}

.subpage #main {
	padding-left: 250px;
}


.subpage .col6 img {
	margin-top: 1em;
}

@media(max-width: 1024px) {
	.subpage .col6 img {
		/*height:360px;*/
	}
	
	.social-media-profile.col6 {
		height:360px;
		width:273px;
		margin-left: 60px;
	}	
}

#left {
	width: 250px;
	position: absolute;
	margin-left: 0px;
	height: 100%;
	left: 0;
}

#left .inside {
	height: 100%;
}


#left nav ul {
	padding: 0;
	margin: 0;
}

#left nav ul li {
	list-style: none;
	padding: 0;
	display: none;
}

#left nav ul li.active,
#left nav ul li.active li,
#left nav ul li.trail,
#left nav ul li.trail li {
	display: block;
}


#left nav ul li a,
#left nav ul li span {
	font-size: 16px;
	color: #4e4e4e;
	text-decoration: none;
	font-family:'FrutigerLTW01-47LightCn';
	line-height: 30px;
}


#left nav ul.level_1>li.trail>a,
#left nav ul.level_1>li.trail>span,
#left nav ul.level_1>li.active>span {
	font-family:'FrutigerLTW01-67BoldCn';
}

#left nav ul li.active>span {
	color: #2c99a1;
}


#left nav ul.level_2 li.trail>a {
	color: #2c99a1;
}


#blog-13 .layout_latest img {
	width: 100%;
}

#blog-13 .layout_latest .teaser {
	height: 140px;
	overflow: hidden;
}

#headbild {
	height:  260px;
	margin-bottom: 40px;
	background-color: #000;
	overflow: hidden;
}


.subpage #main h1,
.subpage #main h2,
#blog-13 h2.ce_headline  {
	color:  #003a64;
}

@media(max-width: 1024px) {
	.subpage #main h1,
	.subpage #main h2,
	#blog-13 h2.ce_headline  {
		/*width:	910px; 
		width:90%;*/
	}
}

.subpage #main h2 {
	margin-top: 40px;
	margin-bottom: 0;
  font-family:'FrutigerLTW01-47LightCn';
  font-weight: bold;
}


.subpage #main .inside_article {
	padding-top: 0 !important;
}

h2.blured-bg {
	margin-top: 40px;
	margin-bottom: 15px;
	font-size: 34px;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 30px;
	width: 100%;
	background-repeat: no-repeat;
	background-image: url("../../files/layout/img/blured-bg.jpg");
	background-size : cover;
	background-position:bottom left;
	color: #fff !important;
	position: relative;
}

h2.blured-bg:after {
	content: '\00a0';
	height: 19px;
	width: 100%;
	position: absolute;
	bottom: -19px;
	display: block;
	background-repeat: no-repeat;
	background-image : url("../../files/layout/img/arrow-down-turkis.jpg");
	background-position:bottom center;
}

.clearfix {
	clear: both;
}

.text-left {
	text-align: left !important;
}

@media(max-width: 375px) {

	#team .col4_frame{
		width: 100%;
	}

	.col4 {
		width: 100%;
		float: none;
		margin:  0 auto;	
		margin-top: 40px !important;
	}

	#team .col4 {
		width: 100% !important;
		margin:  0 auto;	

	}	


}

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

	#team .col4_frame{
		width: 100%;
	}
}
	
@media(max-width: 768px){
	.col4 {
		width: 100%;
		float: none;
		margin:  0 auto;	

	}

	#team .col4 {
		width: 100%;
		float:left;
		margin:  0 auto;	

	}	
	

	#online-code-interactive a ,
	#online-code-interactive .col {
		display: none !important;
	}


	#startseite {
		padding-top: 25px;
	}

	#startseite .frontpage_header .headline {
		font-size: 100px;
	}


	.col6 {
		width: 100%;
	}

	.col6 img,
	#blog-13 .layout_latest img,
	.col3 img {
		margin: 0 auto;
		display: block;
	} 


	#blog-13 .layout_latest,
	.col3 {
		width: 50%;
		margin-bottom: 20px;
	}

	#sumanauten-code .col4  {
		margin-top: 35px;
		color: #fff;
	}

	#sumanauten-code {
		background-size: cover;
		-moz-background-size : cover;
		-webkit-background-size : cover;
	}


	#sumanauten-code .col4 figure {
		display: none;
	}

	#sumanauten-code .col4 h3 {
		color: #fff;
		height: auto;
		top: 0;
		position: relative;
		text-align: left !important;
	}

	#sumanauten-code .col4 a {
		color: #fff;
		border-color : #fff;
	}

	#sumanauten-code .scroll-blue a {
		background-image :url("../../files/layout/img/arrow-white-down.png") !important
	}
}

@media(max-width: 400px) {
	#blog-13 .layout_latest,
	.col3 {
		width: 100%;
		margin-bottom: 20px;
	}
}

.ce_accordion.first  {
	margin-top: 30px;
}

.ce_accordion.last  {
	border-bottom: 1px solid #cccccc;
}


.toggler {
	height: 50px;
	border-top: 1px solid #cccccc;
	padding-left: 20px;
	cursor: pointer;
	line-height: 48px;
	color: #339999;
	font-size: 24px;
	background-image: url("../../files/layout/img/arrow-blue-right.png");
	background-repeat: no-repeat;
	background-position: right 20px center;
	text-transform: uppercase;
}

.toggler.ui-state-active {
	background-image: url("../../files/layout/img/arrow-blue-down.png");
	background-size: 21px;
}


.ce_accordion .ce_text  {
	padding : 0 20px;
}


#suchmaschinen-advertising ul {
	padding: 0;
}

#suchmaschinen-advertising ul li {
	border-top: 1px solid #cccccc;
	padding-bottom: 12px;
	padding-left: 20px;
	list-style: none;
}

#suchmaschinen-advertising ul li strong {
	color: #339999;
	line-height: 48px;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: normal;
}

#suchmaschinen-advertising ul li:last-child {
	border-bottom: 1px solid #cccccc;
}


#scroll-up {
	width: 960px;
	margin: 0 auto;
	max-width: 100%;
}

#scroll-up a {
	display: block;
	position: fixed;
	z-index: 9999;
	width: 60px;
	font-size: 0;
	height: 60px;
	background-image: url("../../files/layout/img/scroll-up.jpg");
	background-repeat: no-repeat;
	cursor: pointer;
}

.icon-rocket {
	text-align: left !important;
	padding-left: 90px !important;
	background-image: url("../../files/layout/img/icon_sumanauten_seo.png");
	background-repeat: no-repeat;
	background-position: left 12px;
}

#suchmaschinen-advertising h1.ce_headline {
	text-align: left !important;
	padding-left: 90px !important;
	background-image: url("../../files/layout/img/icon_sumanauten_sea.png");
	background-repeat: no-repeat;
	background-position: left center;
}

#social-media h1.ce_headline {
	text-align: left !important;
	padding-left: 90px !important;
	background-image: url("../../files/layout/img/icon_sumanauten_smm.png");
	background-repeat: no-repeat;
	background-position: left center ;
}

#left .seo-check {
	margin-top: 20px;
	position: fixed;
	bottom: 0;
}


@media(max-width: 1024px) {
	#header #nav  .m-btn {
		display: block;
		float: right;
		width: 49px;
		height: 38px;
		background-repeat: no-repeat;
		// background-image: url("../../files/layout/img/icon-mobile-nav.png");
		background-image: url("../../files/layout/img/menu.svg");
		margin-top: 18px;
		margin-right: 10px;
		cursor: pointer;
	}

	#header #nav ul {
		overflow-y:auto;
		display: none;
		position: fixed;
		top: 73px; 
		height: calc(100% - 73px);
		width: 100%;
		left: 0;
		background: rgba(51,65,76,0.7);
	}

	#header #nav ul.open {
		display: block !important;
		padding-top: 5px;
	}

	#header #nav ul li {
		margin: 0 auto !important;
		display: block;
		text-align: center;
		width: 100%;
		font-style: 50px;
	}

	#header #nav ul li a,
	#header #nav ul li span {
		font-size: 25px;
		line-height: 50px;
	}


	#header #nav ul.level_1>li.item-8 a,
	#header #nav ul.level_1>li.item-8 span ,
	#header #nav ul.level_1>li.item-8 {
		display: none;
	}

	#header #nav ul .level_2 {
		padding-top: -10px;
		padding-bottom: 15px;
		display: none !important;
		position: relative;
		background: transparent !important;
		margin: 0;
		width: 100% !important;
		top: 0;
		padding-left: 0 !important;
	}

	#header #nav ul .level_2.open {
		display: block !important;
	}

	#header #nav ul .level_2 li {
		width: 100% !important;
		float: none;
		display: block;
		margin-left: 0 !important;	
	}

	#header #nav ul .level_2 li a,
	#header #nav ul .level_2 li span {
		padding: 0;
		margin: 0;
		top: auto !important;
		left: auto !important;
		width: 100% !important;
		text-align: center;
		background: transparent !important;
		font-size: 18px;
		margin-left: 0 !important;	
	}

	#header #nav ul .level_2 li span.active {
		  color: #33cccc !important;
	}

	.subpage #left {
		display: none;
	}

	.subpage #main {
		padding-left: 0;
		width: 100%;
	}

	.subpage #container {
		width: 100%;
	}

	#footer .level_1>li {
		display: block;
		clear: both;
		position: relative;
		height: auto !important;
		margin-top: 0 !important;
		width: auto !important
	}
}


#scroll {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	margin-top: -60px;
	z-index: 9999;
}


#scroll #scroll-up a {
	margin-left: 990px;
	top: 55%;
	display: none;
    transition: all 0.5s ease-in ; /* explorer 10 */
    -webkit-transition: all 0.5s ease-in ; /* chrome & safari */
    -moz-transition: all 0.5s ease-in ; /* firefox */
    -o-transition: all 0.5s ease-in ; /* opera */
    transform: rotate(0deg) !important;
}

@media(max-width: 480px) {
	#referenzen .layout_latest, .col3 {
		width: 50%;
	}
}

h1.smm .mobile,
h1.sea .mobile,
h1.icon-rocket .mobile {
    display: none;
}
@media(max-width: 768px) {	
    h1.smm .desktop,
    h1.sea .desktop,
    h1.icon-rocket .desktop {
        display: none;
    }
    h1.smm .mobile,
    h1.sea .mobile,
    h1.icon-rocket .mobile {
        display: inline;
    }
}

#left h3 {
	font-size: 18px;
	font-family:'FrutigerLTW01-67BoldCn';
	font-weight: normal !important;
	color: #35434e;
	margin-bottom: 10px;
}



#left .mod_newslist a {
	color: #999999;
	margin-bottom: 12px;
	display: block;
	text-decoration: none;
}

#left .mod_newslist a:hover {
	color:#003a64;
}

p.info a {
	color: #999999;
	margin-bottom: 12px;
	text-decoration: none;	
}
 
p.info a:hover {
	color:#003a64;
	text-decoration: underline;	
}

#blog .mod_newslist figure {
	float: left;
	margin-right: 25px;
	width: 33.3%;
}

#blog .mod_newslist .layout_latest {
	margin-bottom: 50px;
}

#blog .mod_newslist h2,
#blog .mod_newslist h2 a {
	color: #003a64;
	font-style: 22px;
	margin: 0;
	text-decoration: none;
	display:block;	
}

#blog .mod_newslist .info {
	margin: 0;
	font-size: 16px;
	color: #999999;
	margin-bottom: 10px;
	display: block;
}

#blog p {
	color: #666666;
	display: inline;
}

#blog .more {
	display: inline-block;
	margin: 0;
}

#blog a {
	color: #0c3e65;
	text-decoration: none;
	display: inline-block;
}

#blog h1 {
	text-align: left;
	font-size: 26px !important;
	font-weight: normal;
	margin-bottom: 40px;
}


#blog-lesen h1 {
	color: #003a64;
	font-style: 22px;
	margin: 0;
	text-decoration: none;
}

#blog-lesen .info {
	margin: 0;
	font-size: 16px;
	color: #999999;
	margin-bottom: 10px;
	display: block;
}

#blog-lesen p {
	color: #666666;
}


#blog-lesen a {
	color: #0c3e65;
	text-decoration: underline;
	// margin-top: 25px;
}

.pagination  {
	float: right;
}

.pagination ul {
	padding: 0;
	margin: 0;
}

.pagination>p {
	display: none !important;
}

.pagination ul li {
	float: left;
	list-style: none;
	padding: 0;
	
}

.pagination ul li:after {
	padding: 0 9px;
	content: '|';
}

.pagination ul li:last-child:after {
	padding: 0;
	content : '';
}

.pagination ul li.next:after {
	content :'';
	padding-right: 0 !important;
}

.pagination ul li .current {
	color: #1a99a3;
}

#blog .previous,
#blog .next {
	float: left;
	padding: 0;
	list-style: none;
}

@media(max-width: 1024px) {
	#blog .previous,
	#blog .next {
		float: none;
	}
	#blog .previous a,
	#blog .next a {
		margin-right:auto !important; 
		margin-bottom: 6px;
	}
}

#blog .previous a,
#blog .next a {
	margin-right: 20px;
	margin-top: 0;
}

#left .mod_search .submit {
	display: none;
}

#left .mod_search  input {
	width: 90%;
	height: 50px;
	line-height: 50px;
	padding-left: 12px;
	border: none;
	background: #e9edee;
	margin: 35px 0;
	background-image: url("../../files/layout/img/search.png");
	background-repeat: no-repeat;
	background-position: right 15px center;
}

.blog #headbild {
	background: url("../../files/layout/img/blog-headbild.jpg") no-repeat center center ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.hover-nav {
	position: fixed;
	width: 50px;
	height: 100%;
	right: 0;
	top: 73px;
	z-index: 99;
	color: #fff;
}

@media(max-width: 1024px) {
	.hover-nav {
		display:none;
	}
}

.hover-nav  .middle {
	display: table;
	vertical-align: middle;
	height: 100%;
	position: relative;
	width: 100%;
	right: -55px;
	background: rgba(51,65,76,0.7);
	padding-bottom: 75px;
}

.hover-nav ul  {
	padding: 0;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}


.hover-nav ul li {
	list-style: none;
	padding: 0;
	display: block;
	margin-bottom: 15px;
	width: 100%;
}

.hover-nav ul li a {
	color: #fff;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	font-family:'FrutigerLTW01-67BoldCn';
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 35px;
	line-height: 35px;
}

.hover-nav ul li a.home {
	font-size: 0;
	background-image: url("../../files/layout/img/btn-home.png");
}

.hover-nav ul li a.service {
	font-size: 0;
	background-image: url("../../files/layout/img/btn-service.png");
}

.hover-nav ul li a.agentur {
	font-size: 0;
	background-image: url("../../files/layout/img/btn-agentur.png");
}

.hover-nav ul li a.kontakt {
	font-size: 0;
	background-image: url("../../files/layout/img/btn-kontakt.png");
}

.hover-nav ul li a.blog {
	font-size: 0;
	background-image: url("../../files/layout/img/sumanauten_astronaut.png");
}

.hover-nav ul li a.login {
	font-size: 0;
	background-image: url("../../files/layout/img/btn-login.png");
}

.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
}

.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%9 !important;

    // background-image: url("../../files/layout/img/headbild.jpg");
}


#footer .partner {
	background: #f0f2f4;
}

.mod_article#footer .inside_article ,
#footer .partner 	.inside_article {
	padding-top: 40px;
	padding-bottom: 40px;
	max-width: 980px;
	margin: 0 auto;
}

@media(max-width: 1024px) {
	#team .ce_hyperlink.scroll-white.last.block {
		display:none;
	}

	.mod_article#footer .inside_article {
		display:none;
	}
}

#footer  .partner span {
 	display: block;
 	margin: 0 auto;
 	text-align: center;
 	color: #999999;
 	font-style: 16px;
}

#footer  .partner ul {
  	padding: 0;
  	margin: 0;
  	margin-top: 20px;
  	text-align: center;
}

#footer  .partner ul li {
  	list-style: none;
  	display: inline-block;
}

#footer  .partner ul li a {
    text-decoration: none;
    color: #999999;
    font-style: 16px;
}

#footer  .partner ul li:after {
    padding-left: 5px;
    padding-right: 5px;
    content: '|';
}

#footer  .partner ul li:last-child:after {
    padding: 0;
    content: '';
}

#main .mod_search form {
    display: none;
}     

#main .mod_search .url {
    display: none;
}

#main .mod_search h3,
#main .mod_search h3 a {
    margin-bottom: 5px;
    text-decoration: none;
    color: #003a64;
}

#main .mod_search .context {
    margin-top: 5px; 	
}



@media(max-width: 555px) {
	#blog .mod_newslist figure,
	#blog .mod_newslist img {
		width: 100%;
		float: none;
		margin-bottom: 5px;
	}
}

@media(max-width: 765px) {
	#startseite {
		height: auto;
	}

	#startseite .inside_article {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

#weblift-interactive {
	position: relative;
	overflow: visible;
}


#weblift-interactive:after {
	display: table-cell;
	content: '';
	clear: both;
}

#weblift-interactive .col6 {
	position: relative;
}


#weblift-interactive .img {
    position: relative;
    margin: 0 auto;
    display: block;
    width: auto;
    width: 100%;
    //  max-width: 450px;
}

#weblift-interactive .img img {
	width: 100%;
}

#weblift-interactive .plus {
	cursor: pointer;
	position: absolute;
	display: block;
	width: 34px;
	height: 34px;
	overflow: hidden;
	padding: 15px;
	padding-bottom: 34px;
	background-image: url("../../files/layout/img/plus_icon.png") !important;
	background-repeat: no-repeat !important;
	background-position: bottom right !important;
    transition: 0.5s linear;
    -moz-transition: 0.5s linear;
    -ms-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    -webkit-transition: 0.5s linear;
}

 
#weblift-interactive .plus h2,
#weblift-interactive .plus p {
	display: none;
	color: #fff !important;
	margin-bottom: 0;
}

#weblift-interactive .plus h2 {
	margin: 0 !important;
}

#weblift-interactive .plus.active {
	width: 425px;
	max-width: 100%;
	// background-color: #31aab2;
	background: rgba(50,156,156,0.85);
	height: auto;
	min-height: 200px;
	z-index: 999;
}


@media(max-width: 720px) {

	#weblift-interactive .plus.active {
		width: 100% !important;
		right: 0 !important;
	}

	#weblift-interactive h2 {
		font-size: 26px !important;
	}
}



#weblift-interactive .plus.one {
    bottom: 72.4%;
    right: 39%;
}

 
#weblift-interactive .plus.two {
	bottom: 72.4%;
	right: 10.8%;
}

#weblift-interactive .plus.three {
	bottom: 48.8%;
	right: 37.6%;
}

#weblift-interactive .plus.four {
	bottom: 48.8%;
	right: 10.8%;
}

#weblift-interactive .plus.five {
	bottom: 33.1%;
	right: 37.6%;
}

#weblift-interactive .plus.six {
	bottom: 33.2%;
	right: 10.8%;
} 

#weblift-interactive .plus.seven {
	bottom: 21%;
	right: 37.6%;
}

#weblift-interactive .plus.eight {
	bottom: 21%;
	right: 10.8%;
}

#weblift-interactive .plus.nine {
	bottom: 2.5%;
	right: 37.6%;
}

#weblift-interactive .plus.ten {
	bottom: 2.5%;
	right: 10.8%;
}

#weblift-interactive .info div {
	background: #31aab2;
	color: #fff;
	display: none;
	padding: 10px;
}

#service-web-lift {
	overflow: visible;
}

#weblift-interactive .info {
	padding-left: 15px;
	padding-top: 15px;
}


#weblift-interactive .info .active {
	display: block;
	position: absolute;
	margin-left: 34px;
	margin-top: 36px;
	z-index: 9999;
	width: 350px;
}

#weblift-interactive .info h2 {
	color: #fff;
	font-size: 1.2em;
	margin-top: 0;
}


.col6.dl a,
.col6.dl a:hover {
	width: auto !important;
	border: none !important;
	background: transparent;
	width: auto;
	height: auto;
	margin-top: 0;
	line-height: 0 !important;

}

#service-glossar .accordion  {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#service-glossar .accordion .ce_hyperlink {
	display: inline-block;
}

#service-glossar .accordion  a {
	text-decoration: none;<
	line-height: 1.5em;
	color: #4e4e4e;
	display: inline-block;
}

#service-glossar .accordion  a:hover {
	color: #2c99a1;
}


#service-glossar .accordion  .ce_hyperlink:after {
	content: '|';
	padding-left: 5px;
	padding-right: 5px;
}

#service-glossar .accordion  .ce_hyperlink:last-child:after {
	content: '';
	padding: 0;
}


body.social-media #headbild {
    background: url("/files/content/img/headbild/social_media.jpg") no-repeat center center ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body.suchmaschinenoptimierung #headbild {
    background: url("/files/content/img/headbild/seo.jpg") no-repeat center center ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
}

body.suchmaschinen-advertising #headbild {
    background: url("/files/content/img/headbild/sea.jpg") no-repeat center center ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
}


body.agentur #headbild {
    background: url("/files/content/img/headbild/agentur.jpg") no-repeat center center ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
}


body.kontakt #headbild,
body.impressum #headbild,
body.datenschutz #headbild {
    background: url("/files/content/img/headbild/kontakt.jpg") no-repeat center center ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
}


body.service #headbild {
    background: url("/files/content/img/headbild/service.jpg") no-repeat center center ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
}



#colorbox, #cboxOverlay, #cboxWrapper {
	z-index: 9999999999999;
}

.social-media-profile {
	position: relative;
}


.social-media-profile a,
.social-media-profile a:hover {
	position: absolute;
	border: none !important;
	background: transparent !important;
	cursor: pointer;
	width: auto;
	height: auto;
}

.social-media-profile a.fb {
    top: 0%;
    right: 9%;
    width: 29%;
    height: 19%;
}

.social-media-profile a.yt {
    top: 24%;
    right: 15%;
    width: 26%;
    height: 17%;
}

.social-media-profile a.xing {
    top: 35%;
    left: 24%;
    width: 19%;
    height: 14%;
}


.social-media-profile a.twitter {
    top: 12%;
    left: 28%;
    width: 25%;
    height: 18%;
}

.social-media-profile a.gplus {
    top: 57%;
    left: 20%;
    width: 17%;
    height: 12%;
}



.social-media-profile a.linkedin {
    top: 50%;
    right: 29%;
    width: 19%;
    height: 14%;
}

#seo-pres  {
	display: block;
	float: left;
	clear: both;

	margin:  0 10px 0 10px;
	position: relative;
	text-align: center;
}

#seo-pres li {
	display: inline-block;
}


#impressum .ce_text p a ,
#datenschutz .ce_text p a {
    color: #2c99a1;
    text-decoration: none;
}

#kontakt  form {
	margin-top: 25px;
}


#kontakt input[type="text"] {
	width: 46%;
	padding: 3px 10px;
	float: left;
	height: 27px;
	margin-bottom: 12px;
	margin-left: 4%;
	font-size: 14px;
}

#kontakt .half-container {
	margin-left: -4%;
}


#kontakt .half-container:after {
	display: table-cell;
	content : '';
	clear: both;
}


#kontakt fieldset {
	border: none;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	margin-top: 20px;
}

#kontakt fieldset span {
	display: block;
	padding-left: 15px;
	margin-bottom: 5px;
}

#kontakt fieldset legend {
	margin-bottom: 10px;
	margin-top: 0px;
	display: block;
	color: #143a66;
}


#kontakt textarea {
	width: 100%;
	padding: 10px;
	resize: none;
	min-height: 120px;
}

#kontakt  input[type="submit"] {
	float: right;
	background: #85858b;
	color: #fff;
	border: none;
	font-size: 14px;
	cursor: pointer;
	margin-top: 10px;
	padding: 8px 25px;
}


#kontakt textarea,
#kontakt input[type="text"] {
	border : 1px solid  #dbdadd;
	font-size: 14px;
    font-family: 'FrutigerLTW01-47LightCn';
    background-image: url("../../files/layout/img/input-edge.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}
#kontakt input[type="text"].safety {
	margin-left: 0;
	margin-top: 10px;
	display: block;
	float: left;
}
#kontakt span.safety {
	margin-left: 15px;
	margin-top: 15px;
	display: block;
	float: left;
}


@media(max-width: 768px) {
	#kontakt input[type="text"] {
		width: 100%;
		padding: 3px 10px;
		float: left;
		margin-bottom: 12px;
		margin-left: 0%;
	}

	#kontakt .half-container {
		margin-left: 0%;
	}


}


#referenzen .ref-con {
	display: table;
	width: 100%;
	vertical-align: middle;
}


div#referenzen .col3 {
	display: table-cell;
	/*float: none !important;*/
	vertical-align: middle;
}

@media(max-width: 1024px) {
	div#referenzen .col3 {
		display: table-cell;
		float: left !important;
		vertical-align: middle;
	}
}



#online-code-interactive {
 	padding-top: 30px;
 	padding-bottom: 30px;
 	position: relative;
}


#online-code-interactive .inside {
	position: relative;
}

#online-code-interactive a  {
	cursor: pointer;
	text-decoration: none;
	font-family: 'FrutigerLTW01-67BoldCn';
  	color: #98cdcd;
}



#online-code-interactive a:hover {
	color: #329c9c;
}


#online-code-interactive .inside .col {
	background: #5bb0b0;
	padding: 10px 20px;
	color: #fff;
	display: block;
	float: left;
	height: 100%;
	 font-size:14px;
}

#online-code-interactive .inside>div {
	display: none;
	position: absolute;
	top: 0;
 	height: 100%;
}

#online-code-interactive img {
	display: block;
}

#online-code-interactive .inside .one {
	margin-left: 2.6%;
}

#online-code-interactive .inside .two {
	margin-left: 28.3%;
}


#online-code-interactive .inside .three {
	margin-left: 55.5%;
}

#online-code-interactive .inside .four {
	right: 0;
}

#online-code-interactive .inside .five {
	margin-left: 16%;	
}

#online-code-interactive .inside .six {
	margin-left: 42.9%;
}


#online-code-interactive .inside .seven  {
	right: 14.5%;
}


#online-code-interactive .inside .four .col {
	padding:  10px 18px;
}

@media(max-width: 1024px) {
	#online-code-interactive .inside .five {
		margin-left: 15.9%;	
	}
	#online-code-interactive .inside .four {
		right: 4.6%;
	}
	#online-code-interactive .inside .seven  {
		right: 18.6%;
	}	
}

	

#online-code-interactive  a.one,
#online-code-interactive  a.two,
#online-code-interactive  a.three,
#online-code-interactive  a.four {
	width: 24.5%;
	text-align: center;
	display: inline-block;
	margin-bottom: 25px;
}

#online-code-interactive  a.six,
#online-code-interactive  a.seven,
#online-code-interactive  a.five  	{
	width: 32.5%;
	text-align: center;
	display: inline-block;
	margin-top: 25px;
}


body.glossar #headbild {
    background: url("/files/content/img/headbild/service.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


#konzept-img {
	height: 175px;
	transition: all 0.5s ease-in ; /* explorer 10 */
	-webkit-transition: all 0.5s ease-in ; /* chrome & safari */
	-moz-transition: all 0.5s ease-in ; /* firefox */
	-o-transition: all 0.5s ease-in ; /* opera */
	cursor: pointer;
}


#konzept-img.active {
	height: auto;
}


.ce_text p a ,
.ce_text li a {
	text-decoration: none;
	color: #2c99a1;
}


.ce_text p a:hover {
	text-decoration: underline;
}

.ce_image.center {
	text-align:center;
}


/*OVERLAY JA NEIN*/

@media(max-width: 768px) {
	#layer {
		overflow-y:auto;
	}
	
	#layer #seo-check {
		width: 95%;
		padding:19px;
		min-height: 520px;
		margin-top:auto;
		top:100px;
	} 
	
	#layer #seo-check .next {
		background-position-x: -29px;
		clear: both;
		float: none;
		margin-bottom: 10px;
	}
	 
	#layer #seo-check .close {
		background-position-x: -37px;
		clear: both;
		float: none;
	}
	
	#layer #seo-check a {
		width:262px;
	}

	#layer #seo-check input, 
	#layer #seo-check input[type="submit"],
    .st3 .close-btn {
		font-size: 25px;
		height: 60px;
	}

}



#team .scroll-white.last {
	  transform: rotate(180deg);
}

#footer #partner-list {
	float: right;
}

#footer #social-footer {
	float: left;
}

#footer .partner ul li a {
	line-height: 40px;
}

#footer .partner ul {
	margin-top: 0px;
}

#footer #social-footer .ce_hyperlink {
	display: inline-block;
}


@media(max-width: 475px) {

	#footer #social-footer  {
		width: 100%;
		float: none;
		text-align: center;
	}
	
	#footer #social-footer  img {
		width: 34px;
	}

	#footer #partner-list {
		display: block;
		text-align: center;
		float: none;
		width: 100%;
		clear: both;
		margin-top: 20px;
	}
}


#team .subheadline p,
#team .headline p {
    margin: 0;
}
	.cookiebar {
		box-sizing: border-box;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		color: rgb(255,255,255);
		z-index: 100000000000;
		padding: 15px 110px 15px 15px;
		box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
		display: none;
	}
	.cookiebar-close {
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 50%;
		background: rgba(0,0,0,0.3);
		padding: 5px 10px;
		border-radius: 3px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transition: All 0.3s ease;
		-webkit-transition: All 0.3s ease;
	}
	.cookiebar.open {
		display: block;
	}

	.cookiebar {
		background: rgba(12,62,101,0.9);
	}
	
	.cookiebar a{
		color:#fff;
	}