/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/


#impressum {
	width: 100%;
}

#impr_cont {
	width: 100%;
}

.yoga {
	color: #ffffff;
}

p.ueber {
	color: #595b60 !important;
}

.zitat {
	font-family: "Merriweather", serif;
	font-style: italic;
	font-size: 22px;
}

.zitat_orig {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-style: italic;
}

.zitat_ongrey {
	color: #9cce2b;
}

.zitat_onyellow {
	color: #b39502;
}
.zitat_ongreen {
	color: #ec262c;
}

a.stdlink {
	color: #2e8644 !important;
}

a.stdlink:hover {
	color: #2e8644 !important;
	text-decoration: underline !important;;
}

a.ongrey {
	color: #ffffff !important;
}

a.ongrey:hover {
	color: #ffffff !important;
	text-decoration: underline !important;;
}

a#a_impr:hover {
	color: #65964d !important;
}

p.card-text {
	text-align: center;
}

img.cont {
	max-width: 100%; 
	height: auto;
}

.onyellow {
	color: #333333;
}

.ongrey {
	color: #dddddd;
}

.onbrown {
	color: #662a0e	;
}

h2.ongrey {
	color: #aaaaaa;
}

h4.ongrey {
	color: #aaaaaa;
}

h2.onyellow {
	color: #b39502;
}

h4.onyellow {
	color: #b39502;
}

h2.onbrown {
	color: #662a0e;
}

h4.onbrown {
	color: #662a0e;
}

ul {
	padding-left: 20px;
}

.transcont {
  position: relative;
  width: 100%;
  height: 100%;
}

.transthumb {
  width: 100%;
  height: 100%;
  /*opacity: 0.6;*/
  transition: opacity 0.3s ease;
}

.transtext {
  position: absolute;
  top: 0;
  left: 10;
  width: 90%;
  height: 100%;
  background-color: rgba(5,5,5,0.4);
  color: white;
  opacity: 1; /* Standardmäßig unsichtbar */
  transition: opacity 0.3s ease;
  display: flex;
  justify-content: center;
  /*align-items: center;*/
  font-size: 16pt;
  font-weight: bold;
  z-index: 100;
}

.transtext_full {
  position: absolute;
  top: 0;
  left: 10;
  width: 90%;
  height: 100%;
  background-color: rgba(5,5,5,0.5);
  color: white;
  opacity: 0; /* Standardmäßig unsichtbar */
  transition: opacity 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12pt;
}

.transcont:hover .transthumb {
  opacity: 0.3; /* Bild verschwindet */
}

.transcont:hover .transtext_full {
  opacity: 1; /* Text erscheint */
}