:root {
  --link-color: #569d00;
}

/* header ueberschreiben */
.container-header {
  background: #569d00 url("/images/logo_ff_120.png") no-repeat scroll right 14px top 14px;
}

/* Groesse Navbar-Brand Text und Abstand Logo bei mobiler Ansicht */
@media (max-width: 979px) {
    .container-header {
      background: #569d00 url("/images/logo_ff_120.png") no-repeat scroll right 5px top 5px;
    }
    .container-header .navbar-brand {
	  font-size: 1.5rem;
    }
}
/* Breite Header und Menue wegen Logo rechts oben (1320+2*(14+120+14=1616)) */
@media (max-width: 1616px) {
  .container-header .grid-child {
    margin-right: 148px;
    width: -webkit-calc(100% - 148px);
    width:    -moz-calc(100% - 148px);
    width:         calc(100% - 148px);
  }
}

/* Menue in zwei Zeilen */
.container-header .mod-menu {
    flex-wrap: wrap;
}

/* footer color ueberschreiben */
footer {
  background-color: #569d00 ! important;
  background-image: none ! important;
}

.footer .mod-menu.mod-list.nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}

.footer .mod-menu.mod-list.nav li {
  margin: 0 10px; /* Abstand zwischen den Listenelementen */
}

.footer .mod-menu.mod-list.nav li:not(:last-child)::after {
  content: "|";
  margin-left: 20px;
}

.footer .mod-menu {
  flex-direction: row;
}

/* Grosse Buttons auf den Startseiten */
.ff-btn-big {
  width: 100%;
  white-space: normal; /* Ermoeglicht das Umbrechen des Textes */
  height: 120px; /* Einheitliche Hoehe für alle Buttons */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #569d00;
  border: none;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #457D00
;  
}

/* Tabellen im Text */
.com-content-article__body > table th, .com-content-article__body > table td {
  vertical-align: top;
  padding: 8px;
  text-align: left;
  line-height: 1.5em;
}

/* Ferienhaus und Wohnung */
.ff-stage > .row {
   border-bottom: 1px solid #eee;
   padding-bottom: 10px;
}
.ff-icons-label h5 {
   color: slategray;
   font-size: 11px;
   margin: 5px 0;
}
.ff-icons-text h6 {
   font-size: 14px;
   margin: 5px 0;
}
.ff-stage dt::after {
   content: ":";
}
.ff-icons .ff-icon {
   display: inline-block;
   width: 126px;
   margin-bottom: 10px;
}

/* Bilder generell */
.ff-images.row > div {
   margin-bottom: 18px;
}
.ff-images img {
   border: 1px solid #eee;
   padding: 3px;
}
/* zu kleine Bilder auf Desktop vergroessern */
@media screen and (min-width:768px) {
	.ff-img-increase-images img {min-width:454px;}
}

/* Youtube-Videos */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}