@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Assistant:200,300,400,600,700,800');

*{ margin:0; padding:0; box-sizing:border-box; }
html { height:100%; }
body { font-family: 'Assistant', sans-serif; overflow-x:hidden; height:100%;  -webkit-text-size-adjust: 100%; }
*:focus { outline:none; } *:hover { }
a:hover, input[type="submit"]:hover { transition:All 0.5s ease; -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease; }
h1, h2, h3, h4, h5, h6, ol, ul, li, img, a, form, label, input, select, textarea { margin:0; padding:0; list-style:none; text-decoration:none; }
select { appearance:none; -webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; -o-appearance:none; }

header, nav, footer, main, mark, article, aside, blockquote, figcaption, figure { margin:0; padding:0; border:none; } 
a:hover, a:focus { text-decoration:none; }
*:focus { outline:none !important; }
img { max-width:100%; }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield;
}
html {
  height: 100%;
  box-sizing: border-box;
}
main { width:100%; float:left; min-height:100%; position:relative; }

section, header, blockquote, footer { width:100%; float:left; }
.pad-none { padding-left:0 !important; padding-right:0 !important; }

/*Home Page*/
.home-page-main { background:url("../images/bg.jpg") repeat-y; background-size:cover; text-align:center; }

.nav-button { cursor:pointer; float:right; display:none; width:38px; height:32px; border:1px solid #fff; border-radius:2px; padding:8px; }
.nav-button span { width:100%; height:2px; background:#fff; float:left; margin:0 0 4px; }
.nav-button span:last-child { margin:0; }


nav.home-navbar { padding:10px 0%; position:relative; }
nav.home-navbar .site-logo {float: left;text-align: left;width: 320px;	}
nav.home-navbar .site-logo a { display:inline-block; }

nav.home-navbar .navigation { float:right; margin:35px 0 0; padding:0; }
nav.home-navbar .navigation li { display:inline-block; vertical-align:middle; /*border-right:2px solid #fff;*/ padding:0 15px 0 0; margin:0 15px 0 0; position:relative; }
nav.home-navbar .navigation li a { margin:0; padding-bottom:8px; font-size:22px; display:inline-block; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:700; line-height:20px; border-bottom: 2px solid transparent;}
nav.home-navbar .navigation li:after{ content:""; position: absolute; right:0; height: 16px; background:#fff; width:2px; top:3px;}
nav.home-navbar .navigation li:last-child:after{ display:none;}
nav.home-navbar .navigation li:last-child { border-right:none; }
/*nav.home-navbar .navigation li a:hover { color:#0d3c74; }*/

.impressum-out { float: left; width: 100%; text-align: center; margin: 0 0 40px 0; }
.impressum-out a { margin:0px; font-size: 45px; text-transform: uppercase; color: #fff; font-weight: 700;     text-decoration: none; }

svg * { fill: none; stroke: currentColor; }

#hi-there { width:65%; stroke-width:1; }
.wraper { position:absolute; top:55%; width:100%; left:50%; z-index:1; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); }
.home-page-main p { font-size:40px; color:#fff; text-transform:uppercase; font-weight:bold; font-family:Verdana, Geneva, sans-serif;
animation: 24s ease 0s normal forwards 1 fadein; -webkit-animation: 24s ease 0s normal forwards 1 fadein; -o-animation: 24s ease 0s normal forwards 1 fadein; }
.home-page-main p a { color:#fff; text-decoration:none; }

@keyframes fadein{
0% { opacity:0; }
66% { opacity:0; }
100% { opacity:1; }
}

@-webkit-keyframes fadein{
0% { opacity:0; }
66% { opacity:0; }
100% { opacity:1; }
}

nav.home-navbar .navigation .active a
{
	border-bottom:2px solid #fff;
	
}

/*Inner pages*/


/*Second Page*/

.inner-page-main { background: url("../images/bg-overlay.jpg") repeat-y; background-attachment:scroll; background-size:auto auto; background-size: cover; text-align: center; background-attachment: fixed; margin:0; }

.container { width:1170px; margin:auto; position: relative; }

.header-fixed-out { float:left; width:100%; display:block; padding:0; transition: all 1s; }

.impressum-out { float: left; width: 100%; text-align: center; margin: 0 0 40px 0; }

.impressum-out a { margin:0px; font-size: 45px; text-transform: uppercase; color: #fff; font-weight: 700;    text-decoration:none; }

.site-logo { float: right; text-align: right; }
.site-logo img { width:65%; height:auto; }

.fixed-me .site-logo { float: right; text-align: right; }
.fixed-me .site-logo img { width:65%; }

.impressum-adress { float:left; width:100%; text-align:left; }

.impressum-adress span { float:left; width:100%; margin: 0px; font-size: 16px; text-transform: none; color: #fff;
    font-weight: 300; text-decoration: none; line-height: 26px; }

.home1 { float: left; width: auto; text-align: left; margin: 30px 0 0 0; }

.home1 a { margin:0px; font-size:25px; text-transform: uppercase; color: #fff; font-weight: 700; text-decoration:none; }
.impressum-content-out { float: left; padding: 30px 0 0 0; text-align: justify; width: 100%; }
.impressum-content-out h2 { float:left; width:100%; font-size: 44px; text-transform: uppercase; color: #fff;     font-weight: 700; text-decoration: none; margin:0 0 40px 0; text-align:center; }

.impressum-content-out h3 { font-size: 25px; text-transform: uppercase; color: #fff; font-weight: 700;   text-decoration: none; text-align: center; margin-bottom: 10px; margin-top:0; }
.impressum-content-out p { font-size: 16px; text-transform: none; color: #fff; font-weight: 300; text-decoration: none; line-height: 26px; margin-bottom: 30px; }
.impressum-content-out p a { text-decoration:underline; color:#fff; }
.navbar-info { width: 100%; }
.navbar-me { padding: 10px 0; background-color: transparent; top: 0; border: 0; border-radius: 0; transition: all 1s; margin: 0; float: left; width: 100%; }
.navbar-collapse { text-align:center; border-top-width:0; padding-top:10px; margin-top:0; transition:all 1s; }

.fixed-me { background-color: #000 !important; padding: 10px 0 !important; margin-bottom:0; position: fixed !important; top: 0;
    z-index: 888; width: 100%; transition: all 1s; border-bottom: 0 !important; } 
	.footer
	{
	float:left;
	width:100%;
	padding:15px;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	text-align: center;
	background:rgba(0,0,0,0.55);	
	}
	
.footer-inner
{
	float:left;
	width:100%;
	text-align:center;
}

.footer-inner
{
	float:left;
	width:100%;
	 font-size: 20px;
	 color: #fff;
    font-weight: 300;
	 margin-top: 0;
}
.main-inner {
    padding-bottom: 54px;
    width: 100%;
    float: left;
}