:root {
  --radius: 0px;
  --radius-fieldset: 10px;
  --outline: 1px solid grey;
  --bg-color: #631418; 
  --font-color: white; 
  --bg-color-fieldset: #631418; /*  */
  --font-color-fieldset: white; 
  --body-color: white;
}


.bg-primary {
  background-color: var(--bg-color) !important;
}

.bg-fieldset {
  background-color: var(--bg-color-fieldset);
}

body {
  background-color: var(--body-color);
}

.image-links {

}

.image-links img {
  height: 200px;
  margin: 3px 0;
  border: 1px solid #000;
}

.zertifikat {
  width: 300px;
  border: 1px solid black !important;
}

h3 {
  margin-top: 15px;
  padding-bottom: 10px;
  color: black;
}

.container {
  padding:0;
}

.container .row {
  margin: 0 0;
}

.navbar-dark a,.navbar-toggler {
  color: white !important;
  border-color: white !important;
  font-weight: bold;
}

.navbar-dark a:hover {
  background-color: rgba(255, 255, 255, 0.25) !important;
}

/* Damit die Ãœberschrift unter der Navigation ist */
section {
  padding-top: 50px;
}

/* Damit man auch den Inhalt hinter dem Footer sieht */
section:last-of-type {
  margin-bottom: 120px;
}

.responsive-map {
  height: 0;
  overflow: hidden;
  padding-bottom: 450px;
  position: relative;
  }

  .responsive-map iframe {
    height: 100%;
    width: 100%;
    left: 0;
    position: absolute;
    border: var(--outline);
    }

fieldset {
  background-color: white;
  border-top: var(--outline);
  border-radius: var(--radius);
  padding: 10px;
}

fieldset legend {
  font-size: 30px;
  width: auto;
  margin: 30px auto 0;
  padding:0 10px;
  border-bottom: none;
  color: var(--font-color-fieldset);
}

.modal-header {
  color: white;
  background-color: var(--bg-color-fieldset);
}

.modal-header .close {
  color: white;
  opacity: 1.0;
}

footer {
  padding-top: 10px !important;
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  font-weight: bold;
}

footer a:link, footer a:hover, afooter :visited, footer a:active {
  color: white;
}

.seperate+.seperate:before {
  content:" | ";
}


.carousel-container-kleineWohnung {
  background-color: var(--bg-color-fieldset);
  padding: 4px 6px;
}