@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
html{
   min-height: 101%;
}
@font-face {
	font-family:Euphemia;
	src: url("../fonts/Euphemia.ttf"); 
}
/* @font-face {
	font-family:Euphemia;
	src: url("../fonts/Euphemia.eot"); 
} */
*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Needed for mobile WebKit */
    -moz-box-sizing: border-box; /* Needed for Firefox */
    box-sizing: border-box
}
body {
	font-family: Euphemia;
	font-size: 1em;
	color: rgb(102,102,102);
	margin:0;
    background-color: #010b3c;
}
h1 {
	font-weight: bold;
    font-size: 2em;
    letter-spacing: 2px;
    text-transform: uppercase;
}
h2 {
    font-size: 2em;
    color: #348fc8;
    letter-spacing: 2px;
	margin-top: 15px;
    text-transform: uppercase;
}
h2#fh {
	margin: 50px 0;
}
h3 {
    font-size: 28px;
	margin-bottom:10px;
}
h4 {
    font-size: 1.4em;
    color: #348fc8;
    letter-spacing: 2px;
	margin-top: 15px;
    text-transform: uppercase;
}
p {
    font-size: 22px;
	letter-spacing: 0.2px;
}
p.button {
	background-color: #1b4a83;
	color: white;
	padding: 20px 50px;
	display: inline-block;
	text-align: center;
	font-size: 20px;
	border-radius: 200px;
	transition: all 1s ease 0s;
}
p.button:hover {
/* 	animation: myAnim 2s ease 0s 1 normal forwards;	 */
	background-color: #e3bf01;
}
p.button:hover a{
	color: black;
}
p.caption {
	font-size: 16px;
	padding-right: 25px;
	padding-bottom: 20px;
}
p.announcement {
	padding: 0 10px;
	font-size: 26px;
	font-weight: bold;
	color: #e3bf01;
}
a {
    color: white;
	text-decoration: none;
}
figcaption {
    font-size: 12px;	
}
ul, ol {
	margin-top: 20px;
}
ul li {
    font-size: 22px;
	letter-spacing: 0.2px;
	list-style-image: url("../images/haekchen.png");
    list-style-position: outside;
    margin-left: 25px;
	padding-left: 5px;
}
ol li {
    font-size: 22px;
	letter-spacing: 0.2px;
    list-style-position: outside;
    margin-left: 25px;
}
.strong {
	font-weight: bold;
}
.white{
	color: white;
}
.green{
	color: #03fc1f;
}
.blue1{
	color: #116fb1;
}
.blue2{
	color: #348fc8;
}
.bg_db {
    background-color: #010b3c;
}
.bg_lb {
    background-color: #61a5d6;
}
.angle {
    background-image: url('/Frank/images/icons/Dreieck_links.png'), url('/Frank/images/icons/Dreieck_rechts.png');
    background-repeat: no-repeat, no-repeat;
    background-position: center 0, center 100%;
}
.angle_hb {
    background-image: url('/Frank/images/icons/Dreieck_links_hb.png'), url('/Frank/images/icons/Dreieck_rechts_hb.png');
    background-repeat: no-repeat, no-repeat;
    background-position: center 0, center 100%;
}
.angle-top {
	margin-top: -105px;
}
.angle-space {
	padding: 105px 0;
}
.clear_both{
	clear: both;
}
.inline{
	display: inline;
}
.hide{
	display: none;
}
.absolute {
	position: absolute;
}
.relative {
	position: relative;
}
.fixed {
	position: fixed;
}
.italic {
    font-style: italic;
}
.uppercase {
	text-transform: uppercase;
}
.left {
	float: left;
}
.right {
	float: right;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.flexed {
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-ms-flex-flow: wrap;
	justify-content: space-between;
	-ms-flex-pack: justify;
	align-items: center;
	-ms-flex-align: center;
}
.flexitem {
    display: inline-block;
}
.padding-right_15 {
	padding-right: 15px;
}
.frame {
	margin: 0 20px;
}
#menu-top {
	padding-top: 20px;
}
#menu {
	margin-top: 30px;
}
#menu-box {
	position: fixed;
	overflow: visible !important;
	top: 0;
	height: 130px;
	width: 100%;
	background-color: rgba(1, 11, 60,0.6);
	z-index: 100;
	transition: background-color 0.5s ease-in-out 0s, height 0.5s ease-in-out 0s;
}
#menu-box.opacity {
	background-color: rgb(1, 11, 60,1);
	height: 100px;
}
#logo-inner img {
	width: 310px;
}


/* Styling the CaptionText */

.cameraContent .camera_caption {
	top: 210px !important;
	left: 20% !important;
	text-align: center;
}
#welcome-image .cameraContent .camera_caption > div {
	background-color: transparent;
	width: 60%;
	transition: opacity 0.3s ease-in-out 0s;
	-o-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
#welcome-image.escape .cameraContent .camera_caption > div {
	opacity: 0;
}
.cameraContent .camera_caption .camera_caption_title {
	font-size: 55px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	text-shadow: 2px 2px 2px #282828;
	background: rgba(0, 0, 0, 0.1);
	display: inline;
	line-height: 1.35;
}
.cameraContent .camera_caption .camera_caption_desc {
	font-size: 70px;
	font-weight: bold;
	text-transform: uppercase;
}

/* Styling the parallax */

.parallax-window {
  min-height: 1100px;
  background: transparent;
  position: relative;
}

/* Styling the content */

#hafa {
	position: relative;
	top: -10px;
}
p.more, p.close {
	cursor: pointer;
}
.chapter-bg_db {
    background-color: rgba(1,11,60,0.8);	
}
.content {
	padding: 130px 0 30px;
}
.content-2 {
	padding: 100px 0 30px;
}
.content-3 {
	padding: 100px 0 200px;
}
.content-4 {
	padding: 0 0 100px 50px;
}
.content-5 {
	padding: 50px 0 20px;
}
#advantage {
    margin-top: -100px;
}
#performance {
    margin-top: -100px;
}
#reference {
    margin-top: -100px;
}
.expert {
	margin-top: 20px;
}
#legal {
    margin-top: -100px;
}
.legal {
	padding-bottom: 20px;	
}
p.more img {
	margin-left: 15px;
	margin-top: 10px;
}

/* Styling the footer */

footer {
	padding-bottom: 70px;
}
#footer-content-left {
	padding-right: 20px;
}
#footer-content-left img {
	max-width: 300px;
}
#footer-content-inner {
	padding: 0 20px;	
}
.eform {
	margin-top: 20px;
}

#footer-menu {
	padding-left: 20px;	
}


/* styling the up and down boxes */




/* Raster */

.container {
	max-width:1280px;
	margin:0 auto;
}

.row {
	width:auto;
}

.row:before, 
.row:after {
	content:'';
	display:table;
}

.row:after,
.site-footer:after {
	clear:both;
}

.row .row {

}