:root{
	--btnHollowColor1: #d22229;
	--btnTextColor1: #d22229;
	--btnTextHoverColor1: #000;

	--btnHollowColor2: #ff00ff;
	--btnTextColor2: #ff00ff;
	--btnTextHoverColor2: #000;

	--btnHollowColor3: #000;
	--btnTextColor3: #000;
	--btnTextHoverColor3: #000;
}
/*
a.btn
.teaserText a{
	position: relative;
	display: inline-flex;
	padding: 10px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px; 
	margin-right: 10px; 
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px; 
	overflow: hidden;
	background-color: transparent;
	z-index: 1;
}



a.btn.hollow1, .teaserText a{ color: var(--btnTextColor1); border: 1px solid var(--btnHollowColor1); }
a.btn.hollow2, .teaserText a{ color: var(--btnTextColor2); border: 1px solid var(--btnHollowColor2); }
a.btn.hollow3, .teaserText a{ color: var(--btnTextColor3); border: 1px solid var(--btnHollowColor3); }


a.btn.hollow1:hover, .teaserText a:hover{ color: var(--btnTextHoverColor1); }
a.btn.hollow2:hover, .teaserText a:hover{ color: var(--btnTextHoverColor2); }
a.btn.hollow3:hover, .teaserText a:hover{ color: var(--btnTextHoverColor3); }



a.btn:before, .teaserText a:before{
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	width: 0px;
	height: 0px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; 
	transition: .3s ease-in;
}

a.btn:hover:before, .teaserText a:hover:before{
	width: 400px;
	height: 400px;
}

a.btn.hollow1:hover:before, .teaserText a:hover:before{
	background-color: var(--btnHollowColor1);
}

a.btn.hollow2:hover:before, .teaserText a:hover:before{
	background-color: var(--btnHollowColor2);
}

a.btn.hollow3:hover:before, .teaserText a:hover:before{
	background-color: var(--btnHollowColor3);
}

*/



/* Button.css */
.main a.btn {
  display: inline-block;
  padding: 0.75em 1.5em;
  background-color: #d22229; /* Vollfarbe */
  color: #fff;
  text-decoration: none;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  transition: background-color 0.3s ease, transform 0.2s ease;
  cursor: pointer;
  transition: .5s;
}

.main a.btn:hover {
  background-color: #000; /* dunklere Farbe beim Hover */
  /*transform: translateY(-2px);*/
}

.btn:active {
  transform: translateY(0);
  background-color: #911118;
}

.btn:focus-visible {
  outline: 3px solid #ffcc00; /* gut sichtbarer Fokusrahmen */
  outline-offset: 2px;
}



/* icon stuff */
a.btn span img{
	max-height: 21px;
	margin-left: -5px;
}


/* Alignment  */
a.btn.br{	float: right; }
a.btn.bc{	left: 50%; transform: translateX(-50%); }