body {
    overflow-x:hidden;
	overflow-y:hidden;
	font-family: 'Roboto', serif;
}

.fa {
    padding: 20px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
}

html {
	height:100%;
}


/* Add a hover effect if you want */
.fa:hover {
	color:red;
	box-shadow: 1px 2.5px 5px 2px #888888;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
    background: #3B5998;
    color: white;
}

footer{
	position:-webkit-sticky; 
	position:sticky;
	margin-bottom: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
}

.top-bar{
	background-color:#004879 !important;
}

.top-bar, .top-bar ul{
		background-color:#004879 !important;
}

.top-bar, .top-bar ul li a{
	font-size:18px;
}

.top-bar, .top-bar ul li a:hover{
	color:red !important;
}

.menu .active > a{
	color:red !important;
	text-shadow: 2px 2px 5px black;
	background-color:#004879 !important;
}

.top-bar, .top-bar ul li a{
	color:white;
}
	
.top-bar, .top-bar ul{
}

#card h3:hover{
	color:white !important;
	text-shadow:none !important;
}
.a,a:hover{
	color:red;
	text-decoration: none;
	text-shadow: 2px 2px 5px black;
}

#card_shadow:hover{
	box-shadow: 1px 2.5px 5px 2px #888888;
}

#card_shadow:hover div span{
	color:red !important;
}

@media  (max-width: 1400px) {
	#fb_large{
		display:none;
	}
	body{
		font-size:12px;
	}
	blockquote{
		font-size:12px;
	}
}

@media  (min-width: 1400px) {
	#fb_small{
		display:none;
	}
		body{
		font-size:16px;
	}
		blockquote{
		font-size:16px;
	}
}

#nav_glyphicon{
	line-height:1.5 !important;
	font-size:9vw;
	margin-top:2%;
	margin-top:3%;
	height:100%;
	width:100%;
	color:#004879;
}

@media  (max-width: 700px) {
	#slide_caption{
		display:none;
	}
	#punkt{
		height:10px;
		width:10px;
	}
	#pfeile{
		display:none;
	}
	.orbit-bullets{
		margin-top:4px;
	}
	#demo{
		display:none;
	}
	#button_p{
		display:none;
	}
	#dsgvo {
		width: 0px !important;
	}
	#dsgvo_img{
		display:none;
	}
	#kontakt_text{
		display:none;
	}
	#kontakt_small{
		display:block !important;
	}
	#dsgvo_img_small{
		display:block !important;
	}
	.orbit-figure{
		background-color:#004879;
	}
}

.title-bar{
		background-color:#004879 !important;
}

.orbit-container {
  position: relative;
  height: 500px;
}

#dgsvo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; 
	background-color: rgba(0, 0, 0, 0);
}

#button_p {
	position: relative;
	top: 75%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	text-align: center;
	color: #fefefe;
  font-size: 1.5vw;
  font-weight: 500;	
  text-shadow: 2px 2px 5px black;
}

#demo {
	position: relative;
	top: 75%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	text-align: center;
	color: #fefefe;
  font-size: 1.5vw;
  font-weight: 500;	
  text-shadow: 2px 2px 5px black;
}

#button_dsgvo {
	background-color:#ffec39 !important;
	font-size: 1vw;
	font-weight: 700;	
	border-radius: 4px;
}

#information_header{
	padding: 0px 15px;
	margin: 0 auto;
	background-color:#171717 !important;
	color:white;
	border-bottom: 0px solid #d2d0d0;
	height:25px;
	z-index:9999;
	
}

#information_header_content{
	align-items: center;
	max-width: 1140px;
	margin: 0px 20% 0px auto;
    text-align: right !important;
	transition: all 0.4s ease-in-out;
}

@media  (max-width: 1300px) {
	#information_header{
		display:none;
	}
}

#container_nav{
	z-index:9999;
}	

.sticky.is-stuck.is-at-top {
  -moz-box-shadow:    2px 0px 5px 0px #000000;
  -webkit-box-shadow: 2px 0px 5px 0px #000000;
  box-shadow:         2px 0px 5px 0px #000000;
}

#information_header_span{
	color:white !important;
}

#information_header_span_left{
	color:white !important;
	margin-right:100px;
}

#information_header_fa:hover{
	color: white !important;
    box-shadow: 0px 0px 0px 0px #888888 !important;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	border-color: white transparent transparent;
}

#parallex_container_big{
	display:block;
}

#parallex_container{
	display:none;
}
	
@media  (max-width: 1250px) {
	#parallex_container{
		padding:40px 0px; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; max-width:none;display:block;
	}
	#parallex_container_big{
		display:none;
	}
}

@media  (max-width: 1420px) {
	#information_header_span_left{
		color:white !important;
		margin-right:0px;
	}
}

#container {
    height:600px;
}

.content{
	position: relative;
    min-height: 100%;
    margin: 0 auto;
}

@media  (max-width: 600px) {
	min-height:600px;
}