/* Sticky footer styles */
html {
  position: relative;
  min-height: 100%; }

/*
header #mainNavi {
    background-color: $siRed;
}
*/
#header {
  background-color: #a01b21; }

body {
  margin-bottom: 60px;
  /* Margin bottom by footer height */ }

/* Maybe controlled by break points */
.description-wrapper {
  min-height: 17em; }

#offCanvasToggleButton {
  width: 60px; }

#ISLlogo {
  float: left;
  margin-left: 5em;
  position: relative; }

.betalabel {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 0.1em 0.1em 0.1em #666; }

.logolarge {
  transition: 0.5s;
  width: auto !important; }

.logosmall {
  height: 85px !important;
  width: auto !important;
  transition: 0.5s; }

/* Language Navigation */
#languageNavi li.list-group-item {
  background: none; }

/*#languageNavi li a img {*/
#languageNavi li img {
  width: 2em;
  height: auto; }

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: #a01b21; }

.oldwebsitelink {
  color: #fff; }

/*
a.nav-link {
    color: $siBrass;
}

a.nav-link:hover {
    color: $siBrass;
}
*/
.link {
  color: #dbcd9e; }

.btn-stumblingstone {
  background: #dbcd9e;
  color: white; }
  .btn-stumblingstone:hover {
    background: #bfa754;
    color: white; }

/* Override Bootstrap definitions */
.list-group-item {
  border: none;
  padding: .5rem 0rem; }

/** Carousel **/
/* Caption top left */
.carousel-caption {
  top: 1.25rem;
  text-align: left;
  text-shadow: 0.1em 0.1em 0.1em #666;
  /* if we have a light background */ }

/* Indicators bottom right */
.carousel-indicators button {
  text-indent: 0 !important;
  height: inherit !important;
  text-align: center; }

/* Misc */
.fa-typo3 {
  color: #FF8700; }

.fa-align {
  line-height: inherit;
  vertical-align: middle; }

span.hidden {
  display: none; }

.btn.btn-link.btn-sm {
  padding: 0;
  margin: 0; }

#stumblingstonemap {
  /*    height: 800px;*/
  /*    height: 100%;
      overflow: hidden;*/
  /*Noch nicht befriedigend*/
  height: calc(100vh - 223px);
  /*position: absolute;
  overflow: hidden;
  inset:0;*/ }

/*Desaturate language logo*/
.desaturate {
  filter: grayscale(100%);
  /* Standard */
  -webkit-filter: grayscale(100%);
  /* Webkit */
  filter: url(/elements/grayscale.svg#desaturate);
  /* Firefox 4-34 */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Old WebKit */ }

/*# sourceMappingURL=main.css.map */