/* Traubenmeister related CSS overwrites / adaptations */

/*
  COLORS
  green: rgb(128,128,0); rgba(128,128,0,1.0); #808000
  color on green background: #222
*/

/*---------------------------------------
    Typography
-----------------------------------------*/

h2 {
  color: rgb(128,128,0);
}

a {
  color: rgb(128,128,0);;
}
a:hover, a:active, a:focus {
  color: rgb(128,128,0);
}

.vertical-spacer {
  margin-top: 20px;
}

.btn-success {
  background: black;
}

.btn.btn-success:focus {
  background: black;
}

/* a.btn-success {
  color: green;
} */
/* a.btn-success:hover, a.btn-success:active, a.btn-success:focus {
  color: blue;
} */

.overlay {
  background: rgb(128,128,0);
  /* background: rgb(12,182,94); */
}

/*---------------------------------------
    Home Section
-----------------------------------------*/

#home h1 {
  font-weight: bold;
}

.title-logo {
  height: 150px;
}
.title-logo img {
  max-width: 100%;
}

/*---------------------------------------
    Dienstleistungen Section
-----------------------------------------*/

.team-thumb a {
  display: none;
}
.team-thumb:hover a {
  display: block;
  color: #222;
}
.team-thumb:hover h2 {
  color: #222;
}

.about .team-thumb:hover {
  background: rgba(128,128,0);
}

.btn-back {
  background-color: white;
  color: rgb(119,119,119);
}

.about-thumb ul {
  font-size: 20px;
  text-align: start;
  color: #888;
  letter-spacing: 1px;
  line-height: 34px;
  margin-top:20px;
  margin-bottom: 20px;
}

/*---------------------------------------
    Lifestyle Section
-----------------------------------------*/

#gallery figure figcaption {
  background: rgba(128,128,0,1.0);
  color: #222;
}

/*---------------------------------------
    Footer
-----------------------------------------*/

#contact {
  background: rgb(128,128,0);
  /* background: rgb(12,182,94); */
}

/*---------------------------------------
    Imprint section
-----------------------------------------*/

#imprint {
  background: #ffffff;
}

#imprint p {
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

/*---------------------------------------
    Footer section
-----------------------------------------*/

footer {
  padding-bottom: 50px;
    background: rgb(128,128,0);
}

footer a {
  color: #222;
}
footer a:hover, footer a:active, footer a:focus {
  color: #222;
}

/*---------------------------------------
   Touch Devices
-----------------------------------------*/

/* permanently show 'Lifestyle' image hover caption on touch devices */
.touch .cs-style-4 figure figcaption {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

/* show link 'Erfahre mehr' in Dienstleistungen permanently for touch devices */
.touch .team-thumb a {
  display: block;
}

/*---------------------------------------
   Responsive Mobile Phone
-----------------------------------------*/

/* to show elements only on phones */
.only-phone {
  display: none;
}

@media (max-width: 980px) {
  /* go to top button more right, so not overlapping footer text */
  .go-top {
    right: 0.5em;
  }

  /* decrease h1 size for lifestyle 'hover' caption */
  .grid figcaption h1 {
    font-size: 0.9rem;
  }
}

@media (max-width: 650px) {

  h1 {
    font-size: 1.0rem;
  }

  footer {
    padding-bottom: 0;
  }

  .not-phone {
    display: none;
  }

  .about-thumb ul {
    font-size: 18px;
  }

  .title-logo {
    height: 75px;
  }

  .only-phone {
    display: inline;
  }

  .vintage-logo img {
    width: 100px;
    height: 100px;
  }

}