/*!
 * Copyright 2003-2018 AKTASLEE GmbH
 */

html, body {
	font-family: 'Roboto', sans-serif;
}

/* unvisited link */
a:link, a:visited {
    color: white;
}

/* mouse over link */
a:hover, a:active {
    color: #003D47;
}

.fa.fa-comment-o {
  color: white;
}

.fa.fa-angle-left {
  color: black;
}

.fa.fa-angle-right {
  color: black;
}

.navbar .navbar-toggler-icon {
	background-image:none;
}
	
.top-nav-collapse {
	background-color: #A60019 !important;
}	

.navbar li a, .navbar {
	color: white !important;
}
.navbar-nav li a:hover {
	color: white !important;
	background-color: #A60019 !important;
}
.navbar-nav li.active a {
    	color: white !important;
    	background-color: #A60019 !important;
}

#introSlider .carousel-item {
	height: 100vh;
	min-height: 300px;
	background: no-repeat left center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#introSlider .carousel-caption {
  transform: translateY(-45%);
  bottom: 0;
  top: 55%;
}

.btn-fbook {
	background-color: white;
	border: 3px solid #A60019;
	color: #A60019;
	border-radius: 10px;
}

.speech-bubble {
	position: relative;
	background: #A60019;
	border-radius: .4em;
	color: white;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #A60019;
	border-bottom: 0;
	border-right: 0;
	margin-left: -10px;
	margin-bottom: -20px;
}

#testimonial img {
    width: 70px; 
    height: 70px; 
    margin: 0 auto;
    border-radius: 50%;
    border: 4px solid #bdbdbd; 
}

#testimonial .card {
	background: transparent;
    	border: 0px solid transparent; 
	color: white;
}

.bubble-kunde {
	position: relative;
	background: black;
	border-radius: .4em;
	opacity: 0.7;
	color: white;
}

.bubble-kunde:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #000;
	border-bottom: 0;
	border-right: 0;
	margin-left: -10px;
	margin-bottom: -20px;
}

#eu_cookiebox {
	display: block;
	z-index: 100;
	position: fixed;
	bottom: 0px;
	min-height: 30px;
	padding: 5px;
	margin: 0;
	width: 100%;
	color: #bdbdbd;
	border: 1px solid black;
	border-bottom: none;
	background: #000;
}

.horizontal_scroll {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.horizontal_scroll .row{
  display:block;
}
.horizontal_scroll .horizontal_scroll--box {
  display: inline-block;
  float: none;
  padding: 10px;
  border: 0px solid red;
  max-width: 270px;
  box-sizing: border-box;
}

.horizontal_scroll .horizontal_scroll--box2 {
  display: inline-block;
  float: none;
  padding: 10px;
  border: 0px solid red;
  max-width: 290px;
  box-sizing: border-box;
}


#akreditSlider .carousel-control-prev-icon { 
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
#akreditSlider .carousel-control-next-icon { 
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

#presseSlider .carousel-control-prev-icon { 
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
#presseSlider .carousel-control-next-icon { 
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.parallax-Kunde {
        /* The image used */
        background-image: url('pics/introSlider01_masked.jpg');
        /* Set a specific height */
        height: 100%;
	   margin: 0;
	   padding: 0;
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: left;
        background-repeat: no-repeat;
        background-size: cover;
	   -webkit-background-size: cover;
	   -moz-background-size: cover;
	   -o-background-size: cover;
}

.parallax-Kontakt {
        /* The image used */
        background-image: url('pics/kontakt_masked.jpg');
        /* Set a specific height */
        height: 100%;
	   margin: 0;
	   padding: 0;
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: left;
        background-repeat: no-repeat;
        background-size: cover;
	   -webkit-background-size: cover;
	   -moz-background-size: cover;
	   -o-background-size: cover;
}

.Ehrenamt {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.Ehrenamt video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}


@media only screen and (max-device-width: 1080px) {
  .parallax-Kunde, .parallax-Kontakt {
    background-attachment: inherit;
  }
}