html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 60px; /* Margin bottom by footer height */
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; /* Set the fixed height of the footer here */
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
}

.footer a {
    color: gray;
}


.paral {
min-height: 13em;
background-attachment: inherit;
background-size: cover;
background-position: 50% 50%;
}

/* Paragraph for Parallax Section */
.paral p {
font-size: 24px;
color:#f5f5f5;
text-align: center;
line-height: 60px;
}

/* Heading for Parallax Section
.paral h1 {
color: rgba(255, 255, 255, 0.8);
font-size: 50px;
text-align: center;
padding-top: 60px;

}*/

.paralsec {
background-image: url("../images/bg-image2.jpg");
background-position: 30%;
}

.paralfly {
background-image: url("../downloads/flyer.png");
background-position: 30%;
}

.jumbotron{
  margin-bottom: 0;
  border-radius: 0rem;
}

.blocksatz{
    text-align: justify;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

a,a:hover {
    color: black;
    text-decoration: none;
}


.jumbotron{
    padding: 4rem 2rem !important;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: black;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: black;
}

.carousel-indicators li {
  background-color: #999;
}

.carousel-indicators .active {
  background-color: #444;
}