/* STYLES FOR JOOMLA! EDITOR */
body {
  margin: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #22262a;
  background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h1 {
  font-size: calc(1.375rem + 1.5vw);
}

h2 {
  font-size: calc(1.325rem + 0.9vw);
}

h3 {
  font-size: calc(1.3rem + 0.6vw);
}

h4 {
  font-size: calc(1.275rem + 0.3vw);
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

a {
  text-decoration: none;
}
a:link {
  color: #224faa;
}
a:hover {
  color: #424077;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.elemente 

/* STYLES FOR JOOMLA! EDITOR */
hr#system-readmore {
  color: #f00;
  border: #f00 dashed 1px;
}

.bild-links, .bild-rechts {
	font-size: 11px;
	line-height: 120%;
	width: auto;
	width: 45%;
}
.bild-links {
	clear: both;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}
.bild-rechts {
	clear: both;
	float: right;
	margin-left: 25px;
	margin-bottom: 25px;
}
.elemente {
	display: flex;
	padding-bottom: 0px;
	padding-top: 0px;
	width: 100%;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-right: -20px;
	margin-left: -20px;
}
.elemente .element {
	width: 50%;
	display: flex;
	align-items: ;
	align-content: stretch;
	justify-content: flex-start;
	flex-direction: row;
}
.elemente .element .abstand {
	padding: 0 20px;
	width: 100%;
}
.elemente .element.bild .abstand {
	padding: 0;
	margin: 0;
	line-height: 0;
}

@media (max-width: 767px) { 
	.elemente .element .abstand {
		padding: 15px 15px 0;
		width: 100%;
	}
	.bild-links, .bild-rechts {
		float: none;
		display: block;
		padding: 0;
		margin: 0;
		text-align: center;
		padding-bottom: 15px;
		width: 100%;
	}
	.elemente {
		flex-direction: column;
		margin-right: 0;
		margin-left: 0;
	}
	.elemente .element {
		width: 100%;
	}

}