.main {
	padding: 2rem 5%;
	margin: 0 auto;
	max-width: 52rem;
	z-index: 1;
	&::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		z-index: -1;
		bottom: auto;
		height: 160px;
		background: linear-gradient(to bottom, rgba(0,0,0,0.05), rgba(0,0,0,0));
	}

	& a {
		color: var(--blue);
		border-bottom: 1px solid currentColor;
		&:focus, &:hover, &:active {
			color: #000;
		}
	}

	& .main__nextbutton {
		background: var(--blue);
		color: #fff!important;
		display: inline-block;
		padding: .3rem 1.5rem;
		border-radius: 3rem;
		margin: 1.5rem 0;
		&:focus, &:hover, &:active {
			background: black;
		}
	}

	& .date {
		color: #777;
		& + h2 {
			margin-top: .3em;
		}
	}

	& hr {
		border: none;
		background: url(/assets/img/hr3.png) 50% 50% no-repeat;
		background-size: 100% 100%;
		padding-top: 9%;
		margin: 3em -5% 3em;

	}

  & figure {
    margin: 2em 0;
    &:has(iframe) {
      aspect-ratio: 16/9;

    }
    iframe {
      width: 100%;
      height: 100%;
      border: none;
    }
  }

  & h2, & h3 {
		font-weight: 700;
		margin-top: 2em;
		margin-bottom: 1em;
		font-size: 2.1rem;
		@media screen and (max-width: 550px) {
			font-size: 1.7rem;
		}
	}

	& h3 {
		font-size: 1.4rem;
	}

	& h4, & h5 {
		font-weight: 700;
		line-height: 1.4;
		margin: 0 0 .4em;

	}

	& p {
		@media screen and (max-width: 700px) {
			hyphens: auto;
		}
	}

	& dl, & p {
		margin: 0 0 .7em;
		line-height: 1.4;
	}

	& ul, & ol {
		margin-bottom: 1em;
	}

	& dl {
		border-bottom: 1px solid #ccc;
    display: grid;
    width: 100%;
    grid-template-columns: 250px 80%;
	}
	& dt {

		border-top: 1px solid #ccc;
		padding: .3em 1rem .3em 0;
		font-weight: 700;
    hyphens: auto;

	}

	& dd {
		padding: .3em 0;
		border-top: 1px solid #ccc;

	}

	& blockquote {
		text-align: center;
		font-size: 1.7rem;
		font-style: italic;
		border-top: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		margin: 2rem auto;
		padding: 1rem 0;
		max-width: 450px;
		& p {
			margin: 0 0 0.3em 0;
		}
		& p:before {
			color: var(--red);
			content: "„";
			font-size: 6rem;
			line-height: 0;
			position: relative;
			top: -.08em;
		}
		& footer {
			text-transform: uppercase;
			font-size: 1.2rem;
			font-style: normal;
			letter-spacing: .06em;
			color: #888;
		}
	}

	& li {
		margin: 0 0 .5em 0;
		line-height: 1.4;
	}

	& ol li {
		list-style: outside decimal;
		margin-left: 1.5em;
	}

	& > ul > li {
		list-style: none;
		margin-left: 1.5em;
		&:before {
			content: '–';
			width: 1em;
			display: inline-block;
			margin-left: -1em;
		}

	}
	& figure {
		margin-bottom: 1.5rem;
		img {
			display: block;
			margin-bottom: 0;
		}
	}
	& figcaption {
		text-align: right;
		padding: .5em 1em;
		font-size: .8em;
		background: rgba(0,0,0,0.1);
	}

	&[class*='__image'] {
		max-width: 100%;
		height: auto;
		display: block;
		margin: 1.5rem 0;
	}
	& table {
		border-collapse: collapse;
		margin: 1.5rem 0;
	}
	& th, & td {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size: .8em;
		text-align: left;
		padding: .4em 1em .4em 0;
	}
	& th {
		font-weight: bold;
	}

	& small {
		font-size: 0.85em;
	}
}