/* Listen, die in der Desktopansicht auf 2 Spalten angezeigt werden, sollen in der mobilen Ansicht untereinander angezeigt werden*/

div.wp-block-column ul {
	 padding: 0;
}


/* Startseite Linksbündig statt mittig */
.textcontent {
	text-align: left
}

.column {
  float: left;
  width:100%;
  margin-bottom: 16px;
  padding: 0 8px;
}

/* Display the columns below each other instead of side by side on small screens */
@media screen and (max-width: 650px) {
  .column {
    width: 100%;
    display: block;
  }
}
h4 {
	font-family: var(--headfont);
	font-weight: var(--headfont-weight);
	font-style: var(--headfont-style-italic);	
	font-size: var(--font-size-large);
	line-height: var(--headfont-lineheight);

	color: rgb(var(--magenta));
		text-align: center;	

	margin: 0;
	padding: 0 0 13px 0;		
}

h5 {
	font-family: var(--headfont);
	font-weight: var(--headfont-weight);
	font-style: var(--headfont-style-italic);	
	text-transform: uppercase;
	font-size: var(--font-size-xlarge);
	line-height: var(--headfont-lineheight);

	color: rgb(var(--darkgreen));
	text-align: center;	

	margin: 5px 0 0 0;
	padding: 0 0 0 0;		
}
h6 {
	font-family: var(--headfont);
	font-weight: var(--headfont-weight);
	font-style: var(--headfont-style-italic);	
	font-size: var(--font-size-medium);
	line-height: var(--headfont-lineheight);

	color: gray;
		text-align: center;	

	margin: 0;
	padding: 0 0 0 0;		
}
button.vorstand {
  display: block;
  width: 100%;
  border: none;
  background: var(--gradient-magenta);
  padding: 14px 28px;
	font-family: var(--headfont);
    font-weight: var(--headfont-weight);
    font-style: var(--headfont-style-normal);
  
 
  font-size: 16px;
  cursor: pointer;
  text-align: center;
	color: white;
}
a.more2 {
	display: inline-block;

	background: var(--gradient-green);
	color: #fff;
	font-weight: var(--textfont-weight-bold);
	  width: 100%;

	text-transform: uppercase;
	padding: 0.2em 0.5em;
	transform: skewX(-7deg);
	transform-origin: top left; 
	transition: all 0.3s;
		text-align: center;	

}

.fa {
  padding: 10px;
  font-size: 80px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
	position: relative;
	left: 42%;
	
}

.fa:hover {
    opacity: 0.7;
}