body {
  font-family: "Open Sans";
  font-size: 19px;
}

.header-image {
  background-image: url(../images/header.jpg);
  display: block;
  height: 200px;
}

.jumbotron-header {
  background-color: transparent;
  border-radius: 0px;
  margin-bottom: 20px;
  font-size: 4em;
  font-family: Handlee;
}


.bild {
  margin-left: 15px;
  margin-bottom: 15px;
}

.text-bild {
      display: inherit;
}

.name-bild, .text-bild {
  margin-left: 30px;
}

/* ------------------------ Navigation ----------------------  */
.navbar-default {
  background-color: transparent;
  border-color: transparent;
  font-size: 20px !important;
}

.navbar-default a {
  background-color: transparent !important;
  text-decoration: none;
}

a {
  color: inherit;
  text-decoration: underline;
  color: #555 !important;
}

a:hover {
  color: inherit;
}

/* ------------------------ Responsive ----------------------  */
@media screen and (min-width: 768px) {
  .jumbotron-header {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
}

@media screen and (max-width: 768px) {
  .jumbotron-header {
    font-size: 2em !important;
  }
}

@media screen and (max-width: 992px) {
  .text-right {
    text-align: left;
  }
  .jumbotron-header {
    font-size: 4em;
  }
  .text-bild, .name-bild {
    margin-left: 0px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 75%;
    display: inline-block;
    max-width: 100%;
  }
  
  div.newsOuter {
	width: 25%;
	display: inline-block;
	float: right;
	*margin-top: 50px;
	}
}

/* ------------------------ News ----------------------  */
div.news {
  font-family: "Open Sans";
}

div.news div {
  margin: 8px;
  background-color: #ededed;
  padding: 6px;
}

div.news div p.datum {
  text-align: right;
  font-style: italic;
}

/* ------------------------ Footer ----------------------  */
footer {
  background-color: #09093b;
  padding: 20px;
  text-align: right;
  color: whitesmoke;
  margin-top: 0px;
}

footer a {
  color: white;
}

footer a:hover {
  color: whitesmoke;
}
/*# sourceMappingURL=main.css.map */



/* ------------------------ cituro ----------------------  */
.cituroBookingButton {
		background-color: darkgreen !important;
		border-color: darkgreen !important;
    }
	
	.cituroBookingButtonMargin {
		margin: 20px;
	}
	
	.cituroBookingButton:hover {
		background-color: green !important;
		border-color: green !important;
    }

    @media screen and (max-width: 768px) {
       	
		.cituroBookingButton {
			font-size: 22px !important;
		}
    }
	
	@media screen and (max-width: 970px) {
        
		.cituroBookingButton {
			font-size: 22px !important;
		}
    }