header{background:#006cb6;height:55px}

nav {position:absolute;top:0;right:0;font-size:11px;line-height:11px;}
nav ul {margin:0;padding:0;float:left; }

nav ul li {position:relative;border-right:1px solid #FFF;list-style:none;float:left;width:100px;height:55px;text-align:center;transition:all 500ms;z-index:2;}
nav ul li img{margin-top:5px;width:25px;height:25px;}
nav ul li:hover {background:#333;color:#006cb6;}
nav ul li:hover img {-webkit-filter: invert(0.1);filter: invert(0.1); -ms-filter: invert(0.1)}

nav ul li:hover ul {height:auto;opacity:1;top:55px;}
nav ul li ul {overflow:hidden; opacity:0;position:absolute;left:0;top:-120px;}
nav ul li ul li{width:120px;background:#006cb6;border:0;height:20px;text-align:left;padding:5px 0 5px 10px;font-size:14px;color:#FFF;margin:0;}
nav ul li ul li a {color:#FFF;}

.startseite-zitat{
	position: absolute;	width: 350px; top: 260px; left: 540px; text-shadow: 2px 2px #000}
.startseite-name{margin-top:80px;}

.umzug{position:relative; width:100%;}
.umzug > .content{position: absolute; width:100%; height:100%; display:flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; background:rgba(0,0,0,0.5)}
.umzug h1, .umzug p{font-weight:700}

.startseite-teaser-kompetenzen{background-color:#006cb6;text-align:center;transition:all 500ms;font-size:14px;color:#FFF;margin-bottom:20px;}
.startseite-teaser-kompetenzen:hover {background-color:#FFF;color:#006cb6}
.startseite-teaser-kompetenzen:hover img {-webkit-filter: grayscale(1);filter:grayscale(1)}
.startseite-teaser-kompetenzen img{margin-bottom:-7px;}

.seitentitel{margin:10px 0 0 0;}
.titelbild{margin-bottom:-6px;}
.titelvideo{height:480px}

.teaser{background-color:#333;transition:all 500ms;font-size:14px;color:#FFF;margin-bottom:20px;}
.teaser:hover {background-color:#FFF;color:#006cb6}
.teaser:hover img {-webkit-filter: grayscale(1);filter: grayscale(1)}
.teaser img{margin-bottom:-7px;}
.teaser iframe{margin-bottom:-7px;}
.teaser-text{margin-left:10px;}
.teaser-field{height:200px;}
.teaser-field-b{height:230px;}
.teaser-field-c{height:250px;}

.box{background-color:#333;font-size:14px;color:#FFF;margin-bottom:20px;}
.box img{margin-bottom:-7px;}
.box iframe{margin-bottom:-7px;}
.box-text{margin-left:10px;}
.box-field{height:180px;background-color:#006cb6;}
.box-field-text{padding:10px;}
.box a{color:#FFF;}
.box a:hover{color:#000;}
.box p{line-height:18px;}

.inhalt{background-color:#333;}
.inhalt-text{margin:10px 0 20px 20px}
.inhalt-text h2, h3 {margin-top:20px;}
.inhalt-text-uebersicht{margin:10px 0 20px 10px}
.inhalt-img{margin-bottom:-6px;}
.inhalt a{color:#FFF;}
.inhalt a:hover{color:#000;}
.inhalt-seitenwechsel{float:right;}

.abstand{height:20px;width:100%;}

.mitarbeiter{width:188px;margin:0 0 20px 20px;border:1px solid #FFF;float:left;padding:10px}
.mitarbeiter img{margin-bottom:-10px;}

.partner{width:98px;margin:0 0 20px 20px;border:1px solid #FFF;float:left;padding:10px 10px 5px 10px}
.partner:hover {border:1px solid #000;transition:all 500ms;}
.partner:hover img {-webkit-filter: invert(1);transition:all 500ms;}

footer {font-size:12px;margin:-10px 0 10px 0}
footer a{color:#FFF;}
footer a:hover{color:#006cb6}

.sitemap{float:left;width:120px;margin:5px;border:#333 solid 1px;font-size:13px; text-align:center;}
.sitemap-link{padding:5px;}
.dark{background-color:#666;font-weight:bold;}
.dark:hover{background-color:#999;}
.light{background-color:#999;}
.light:hover{background-color:#666;}



	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.startseite-zitat {top:160px;left:440px}
		.startseite-zitat h1 {font-size:26px;line-height:36px;}
		.startseite-name {margin-top:30px;}
		ol, ul.square, ul.circle, ul.disc { font-size:13px; }
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (maxx-width: 767px) {
		header{height:115px;}
		nav {position:absolute;top:60px;left:0;}
		.startseite-zitat {top:100px;left:230px}
		.startseite-zitat h1 {font-size:18px;line-height:24px;}
		.startseite-name {margin-top:20px;font-size:12px;line-height:14px;}
		.mitarbeiter{width:158px;}
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		header{height:115px;}
		nav {position:absolute;top:60px;left:0;font-size:9px}
		nav ul li {width:72px;}
		.startseite-zitat {top:10px;width:140px;left:180px}
		.startseite-zitat h1 {font-size:18px;line-height:24px;}
		.startseite-name {margin-top:10px;font-size:12px;line-height:14px;}
		.mitarbeiter{width:98px;}
		}