/* LINKS - Aussehen und Verhalten */

/* Farbe und Verhalten Telefon-Links angeben */
.tel-link {
	color: #115e19;
	box-shadow: inset 0 -3px 0 -1px #115e19;
	padding: .25em 0;
	text-decoration: none;
	transition: all .5s ease;
	padding-right: 20px;
	background-image: url('/images/phone-link-small.png');
	background-repeat: no-repeat;
	background-position: right;
}
.tel-link:hover,
.tel-link:focus {
	color: white;
	box-shadow: inset 0 -30px 0 green;
}
/* Farbe und Verhalten Telefon-Links angeben - Ende */ 

/* Farbe und Verhalten E-Mail-Links angeben */
.email-button {
	color: #115e19;
	box-shadow: inset 0 -3px 0 -1px #115e19;
  
  
	padding: .25em 0;
	text-decoration: none;
	transition: all .5s ease;
	padding-right: 20px;
	background-image: url('/images/email-link-small.png');
	background-repeat: no-repeat;
	background-position: right;
}
.email-button:hover,
.email-button:focus {
	color: white;
	box-shadow: inset 0 -30px 0 green;
}
/* Farbe und Verhalten E-Mail-Links angeben - Ende */ 

/* externe Links markieren */
a[target="_blank"]{
	padding-right: 20px;
	background-image: url('/images/external-link-small.png');
	background-repeat: no-repeat;
	background-position: right;
}
/* externe Links markieren - Ende *

/* Farbe und Verhalten Links angeben */
.link-button {
	color: #115e19;
	box-shadow: inset 0 -3px 0 -1px #115e19;
	padding: .25em 0;
	text-decoration: none;
	transition: all .5s ease;
}
.link-button:hover,
.link-button:focus {
	color: white;
	box-shadow: inset 0 -30px 0 green;
}
/* Farbe und Verhalten Links angeben - Ende */ 

/* Farbe Tag-Buttons angeben */
 a.btn.btn-sm.btn-info {
  background: #115e19;
}
 a:hover.btn.btn-sm.btn-info {
  background: #22262a;
}
/* Farbe Tag-Buttons angeben - Ende */

/* Farbe Template und Links ändern */
:root {
  --cassiopeia-color-primary: #224a3a;
  --cassiopeia-color-link: #224a3a;
  --cassiopeia-color-hover: #424077;
}

.container-header {
  background-color: #224a3a!important;
  background-image: none!important;
}
/* Farbe Template und Links ändern - Ende*/


/* Farbe Überschrift ändern */
.page-header{
  color:#224A3A;
}
/* Farbe Überschrift ändern - Ende*/


/* Farbe Template und Links ändern - Ende*/

/* Farbe Überschriften ändern */
.heading_text{
  color:#224A3A;
}
/* Farbe Überschriften ändern - Ende*/

/* Farbe h1-h6 ändern */
.com-content-article__body h1, h2, h3, h4, h5, h6{
  color:#224A3A;
}
/* Farbe h1-h6 ändern - Ende*/

/* Farbe Überschrift Menü Footer ändern */
.container-footer h3{
  color: #ffffff;
}
/* Farbe Überschrift Menü Footer ändern - Ende */

/* Höhe Menüs im Footer angleichen - Ende*/
.footer .grid-child {
align-items: start;
}
/* Höhe Menüs im Footer angleichen - Ende*/