@import 'https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900';
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&family=PT+Serif&display=swap');

.wrapper-columns-two {
	width: 100%; /* Diese Breite ist ideal für Laptop!!! */
	max-width: 1360px;
	margin: 0 auto;
	}
.columns-two {
	text-align: justify;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	color: var(--primary-color);
	padding: 10px;
	height:auto;
	-webkit-columns: 2 600px;
	-moz-columns: 2 600px;
	columns: 2 600px;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	-webkit-column-rule:	1px solid #868786;
	-moz-column-rule:		1px solid #868786;
	column-rule:			1px solid #868786;
}

cite {
  display: block;
  border-top: 1px solid var(--primary-color);;
  border-bottom: 1px solid var(--primary-color);;
  padding: 1em 0;
  margin: 1em 0;
  font-weight: bold;
  font-size: 1.2em;
  text-align: left;
  line-height: 1.5em;
}

@media only screen and (min-width : 320px) {
.columns-two {max-width: 100%;}
}
@media only screen and (min-width : 480px) {
.columns-two {max-width: 100%;}
}
@media only screen and (min-width : 768px) {
.columns-two {max-width: 100%;}
}
@media only screen and (min-width : 992px) {
.columns-two {max-width: 100%;}
}
@media only screen and (min-width : 1200px) {
.columns-two {max-width: 100%;}
}