*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


html {
	margin:0;
	padding:0;
}

body {
	padding:0;
	font-family: 'Roboto', serif;
	font-size:14px;
	background-color:#ffffff;
}

header {
	position: fixed;
	top:0;
	left:0;
	right:0;
	height:4em;
	background-color:#ffffff;
	z-index:980; 
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); */
	/* background-image:url('/data/logo_top.png'); */
	/* background-position: left bottom; */
	/* background-size: contain; */
	/* background-repeat: no-repeat; */
}

.logo img {
	padding: 10px;
	height:inherit;
}

p {
	line-height:1.6;
}

a {
	color:#a60a1a;
}

a:hover {
	color:#222222;
}

.flyer-img {
	 filter: grayscale(100%);
	 opacity:0.8;
}

.flyer-img:hover {
	 filter: grayscale(0%);
	 opacity:1;
}

main {
	margin-top:4.5em;
	min-height:60vh;
}

h1 {
	font-weight:bold;
	font-size:25px;
	margin: .67em 0;
}

h2 {
	margin-top:1em;
	font-weight:bold;
	font-size:21px;
}

.sidebar {
	margin-top:0;
	font-weight:bold;
	font-size:19px;
	border-bottom:1px solid #efefef;
}

#navigation {
	position:fixed;
	top:1em;
	right:1em;
	text-align:right;
	z-index:1000;
	font-size:17px;
	cursor: pointer;
}


.roter-balken {
	height:5px;
	width:60px;
	background-color:#a60a1a;
	margin:0;
	padding:0;
}

nav {
	position: fixed;
	top:0;
	right:-270px;
	width:250px;
	height:100%;
	background-color:#fefefe;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	z-index:950;
	padding-top:4em;
	overflow-y: auto;
	transition: right 0.25s cubic-bezier(0.4, 0.0, 1, 1);
}





.show-nav {
	right: 0;
	transition: right 0.25s cubic-bezier(0.0, 0.0, 0.2, 1);
}


nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: pointer;
}

nav li> a {
	color: #000000;
	display: block;
	border-bottom: 1px solid #efefef;
	padding: 13px 13px 13px 20px;
	transition: background-color 0.1s ease;
}

nav ul>li>a:hover {
	background-color: #a60a1a;
	color: #ffffff;
	text-decoration: none;
}

nav ul>li>ul {
	display: none;
}

nav ul>li>ul>li a {
	display: block;
	padding: 13px 13px 13px 40px;
	background-color: #efefef;
	border-bottom: 1px solid #ffffff;
	transition: background-color 0.1s ease;
}

nav ul>li ul>li>a:hover {
	background-color: #a60a1a;
	color: #ffffff;
	text-decoration: none;
}

.nav-title {
	background-color: #333333;
	color: #ffffff;
	display: block;
	border-bottom: 1px solid #efefef;
	padding: 8px 10px 8px 20px;
}



footer {
	margin-top:1.6em;
	padding-top:3em;
	padding-bottom:3em;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	width:100%;
	color:#b7b7b7;
	background-color:#4b4b4b;
	font-size:12px;
}

footer h3 {
	font-size:18px;
	margin-top:0;
}

footer hr {
	border-color:#5c5c5c;
}

footer a {
	color:#b7b7b7;
}

footer a:hover {
	color:#ffffff;
}

.card {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	background-color:#ffffff;
	padding:1.5em;
	margin-bottom:1.5em;
}

.media {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 1em;
}



ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #a60a1a;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}





.widget.single-news {
    margin-bottom: 20px;
    position: relative;
}

.widget.single-news .image img {
    display: block;
    width: 100%;
}

.widget.single-news .image .gradient {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…IxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
    background-image: -webkit-linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0.05) 100%);
    background-image: -moz-linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0.05) 100%);
    background-image: -o-linear-gradient(bottom, #000000 0%, rgba(0, 0, 0, 0.05) 100%);
    background-image: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0.05) 50%);
}

.widget.single-news .details {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
}

.widget.single-news .details .category {
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.widget.single-news .details .category a {
    color: #fff;
    zoom: 1;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
}

.widget.single-news .details h3 {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    font-size: 19px;
}

.widget.single-news .details h3 a {
    color: #fff;
    zoom: 1;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

.widget.single-news .details:hover time {
    position: relative;
    display: block;
    color: #fff;
    font-size: 13px;
    margin-bottom: -20px;
    -webkit-transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: all 350ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
}


.row-striped:nth-of-type(odd){
  background-color: #efefef;
  border-left: 4px #000000 solid;
}

.row-striped:nth-of-type(even){
  background-color: #ffffff;
  border-left: 4px #efefef solid;
}

.row-striped {
    padding: 15px 0;
}


.site-content {
    background-color: #f6f6f6;
    width: 100%;
    padding: 1.2em;
     border-radius: 10px;
}

.site-header {
    margin-bottom: 1em;
    border-bottom: 1px solid #e5e5e5;
    font-weight: bold;
    font-size: 120%;
}


.add-margin {
    margin-bottom: 15px;
}

.top-nav {
	display:none;
}

.sub-nav {
	display:none;	
}

.news-content {
	text-align:left;
}

@media only screen and (min-width: 900px) {
	
	.news-content {
		text-align:justify;
	}

	header {
		height:5em;
	}
		
	body {
		font-size:15px;
	}
	
	main {
		margin-top:7em;
	}
	
	
	#navigation {
		display:none;
	}

	nav {
		display:none;
		left:0;
		right:auto;
		padding-top:6em;
	}
	
	footer {
		font-size:14px;
	}
	
	h1 {
		font-size:28px;
	}
	
	.top-nav {
		display:block;
		position: fixed;
		top:0;
		right:2em;
		height:5em;
		z-index:990;
	}


	.top-nav ul {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.top-nav li {
		display: inline-block;
		position: relative;
	}


	.top-nav li > a {
		font-size:15px;
		color: #333333;
		text-transform: uppercase;
		width: auto;
		display: inline-block;
		line-height: 5em;
		padding-top: 0;
		padding-bottom: 0;
		padding-left:0.6em;
		padding-right:0.6em;
		text-decoration: none;
		border-bottom: none;
		
	}

	.top-nav a:hover {
		background-color: #f6f6f6;
		text-decoration: none;
	}

	.nav-item-active {
		background-color: #f6f6f6;
		text-decoration: none;
	}


	.sub-nav {
		display:block;
		opacity: 0.97;
		position: fixed;
		z-index:900;
		top:5em;
		left:0;
		right:0;
		background-color:#f6f6f6;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
		padding:2em;
		min-height:100px;
	}

	.sub-nav ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		cursor: pointer;
	}

	.nav-item a {
		color: #000000;
		display: block;
		border-bottom: 1px solid #cccccc;
		padding: 13px 13px 13px 0px;
		transition: background-color 0.1s ease;
	}
}

.badge-danger {
    color: #fff;
    background-color: #d9534f;
}

.badge-primary {
    color: #fff;
    background-color: #337ab7;
}






/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.text-sm-left {
		text-align:left;
	}
	.text-sm-center {
		text-align:center;
	}
	.text-sm-right {
		text-align:right;
	}	
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.text-md-left {
		text-align:left;
	}
	.text-md-center {
		text-align:center;
	}
	.text-md-right {
		text-align:right;
	}	
}


.top-links {
color: #555;
opacity:0.7;
top: 90px;

right: 0;

position: fixed;

height: 40px;

line-height: 40px;

z-index: 900;

background-color: #f2f2f2;

padding-right: 2.6em;

padding-left: 2em;

border-bottom-left-radius: 30px;
}

.top-links a {
	color:#555;
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	header {
		height:90px;
	}
	
	body {
		font-size:16px;
	}
	
	main {
		margin-top:8em;
	}
	
	.top-nav {
		height:90px;
	}
	
	.top-nav li > a {
		font-size:17px;
		line-height: 90px;
	}
	
	.sub-nav {
		top:90px;
	}
	
	
	.text-lg-left {
		text-align:left;
	}
	.text-lg-center {
		text-align:center;
	}
	.text-lg-right {
		text-align:right;
	}
}




.post {
    margin-bottom: 30px;
}

.post.post-row .post-img {
    width: 40%;
    float: left;
}
.post .post-img {
    display: block;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}


.post .post-meta {
    margin-top: 15px;
    margin-bottom: 10px;
}

.post.post-row .post-title {
    margin-bottom: 15px;
	margin-top: 0;
}
.post .post-title {
    font-size: 18px;
    margin-bottom: 0px;
}

.post-meta .post-date {
    font-size: 13px;
    font-weight: 600;
}

.post .post-img > img {
    width: 100%;
}



.post.post-row .post-img {
    width: 100%;
    float: none;
}

.post.post-row .post-body {
    margin-left: 0px;
}

.post.post-row .post-meta {
    margin-top: 15px;
}

.post.post-row::after {
    content: '';
    display: block;
    clear: both;
}


@media (min-width: 768px) {

.post.post-row .post-img {
    width: 30%;
    float: left;
}

.post.post-row .post-body {
    margin-left: calc(30% + 30px);
}

.post.post-row .post-meta {
    margin-top: 0px;
}
}


.carousel-caption {
    right: 0;
    left: 0;
    bottom: 0px;
    background-color: #333;
    opacity: 0.90;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	font-size:90%;
}

.carousel-inner .item{
max-height:500px;
}

.carousel-inner .item img {
	 margin: auto;
max-height:500px;
}




/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
	margin-top:4em;
    position: relative;
    height: 70vh;
	background-color: #000;
}
.fade-carousel .carousel-inner .item {
    height: 70vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #ffffff;
    border-color: #eeeeee;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 2em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
	text-transform: uppercase;
}
.hero h3 { font-size: 1.2em; }  

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}


/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #a60a1a;
    border-color: #a60a1a;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-item {
  height: 70vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.5;
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}

.fade-carousel .carousel-inner .item {
    max-height: none;
}



@media only screen and (min-width: 900px) {
	.fade-carousel {
		margin-top:5em;
	}
	.hero h1 { font-size: 3em; }   
	.hero h3 { font-size: 2em; }  
}


@media (min-width: 1200px) {
	.fade-carousel {
		margin-top:90px;
	}
	.hero h1 { font-size: 4em; }  
.hero h3 { font-size: 2.6em; }  	
}

table {
	width:100%;
}

th {
	padding: 10px;
	border:1px solid #eeeeee;
	background-color:#f9f9f9;
}

td {
	padding: 10px;
	border:1px solid #eeeeee;
}

.videoWrapper {
	position: relative;
	padding-bottom: 53.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}