/**
 * Place your custom styles here.
 */

/* navbar correction for full slider */
body.navbar-is-fixed-top {
  margin-top: 0;
}

/* margin for all sites except frontpage */
body:not(.path-frontpage) .main-container {
  margin-top: 120px;
}

/* full slider */
.carousel-inner .item img {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}

.carousel-inner .field--name-field-image {
  margin: 0;
}

.carousel-caption h3 {
  color: #FFF !important;
}

/* title double correction */
#single-page-overall-wrapper .node-title {
  display: none;
}

/* Navigation */
.logo {
  margin-right: 1em;
}

.navbar {
  background-color: #FFF;
  border-bottom: #0085CC solid 1px;
  font-size: 1.2em;
}

.navbar-nav a {
  color: #0085CC !important;
}

.navbar-nav a.active {
  border-bottom: #0085CC solid 2px;
}

@media (min-width: 768px) {
  .navbar-nav li a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

/* Direktkontakt */
.region-navigation-collapsible {
  float: left;
  margin-top: 25px;
}

#block-direktkontakt {
  padding: 15px 0px 0px 15px;
  color: #777;
}

#block-direktkontakt.clearfix:after {
  clear: none;
}

/* Stern Teaser und Nodes */
#block-sternteaser {
  text-align: center;
  margin: 1em;
}

#block-sternteaser .teaser {
  font-family: "tamarillo", sans-serif !important;
  font-size: 2.5em;
}

.single-page-title {
  border-top: #0085CC dotted 1px;
  padding-top: 0.5em;
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
  font-family: "tamarillo", sans-serif;
}

h1, h2 {
  font-size: 2.5em;
  color: #0085CC;
}

h3 {
  font-size: 2.25em;
}

h4 {
  font-size: 1.75em;
}

/* Buchungsbereich */
#block-buchung {
  margin-top: 2em;
}

/* Footer */
footer {
  color: #FFF;
  background-color: #0085CC;
}

footer a, footer a:link {
  color: #FFF;
  border-bottom: #FFF dotted 1px;
}

footer a:hover, footer a:active {
  text-decoration: none;
  color: #FFF;
  border-bottom: #FFF solid 1px;
}

footer .modal {
  color: #000;
}

/* Calendar */
#calendar {
  max-width: 700px;
}

.calendar-legend {
  margin-top: 1em;
  display: block;
  list-style-type: disc;
}

.calendar-legend li {
  float: left;
  margin-right: 2em;
  text-indent: -0.8em;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

.legend-witthus1:before {
  content: "◉ ";
  color: #0085CC;
}
.legend-witthus2:before {
  content: "◉ ";
  color: #8BD8F4;
}