#intro {
	padding-top:1em;
}
#intro h1 + .downloadlist,
#intro .lead + .magazinlist {
	margin-top: 2em !important;
}
#magazin {
	margin-top:4em;
	margin-bottom:-2em;
}
#magazin .item {
	margin-top:0 !important;
	float:none;
	clear: none;
	display: inline-block;
	width: 50%;
}
#magazin .magazinlist {
	position: relative;
	z-index: 0;
	padding-bottom:2em
}
#magazin .magazinlist:last-of-type {
	padding-bottom:0
}
#magazin .magazinlist::before,
#magazin .magazinlist + .button_wrapper::before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 100vw;
	transform: translateX(-50%);
	background: linear-gradient(rgba(var(--darkblue6),0.15), rgba(var(--darkblue6),0)20%);
	
}
.magazinlist {
	text-align: center;
}
.magazinlist .cat-heading {
	padding: 1.5em 0 0.5em;
	text-align: center;
}
.magazinlist .cat-heading h2 {
	font-size: 1.625em;
	color: rgba(var(--blue));
	font-weight:600;
}
#magazin .magazinlist.current-year {
	padding-top:2em;
	margin-bottom:0.25em
}
#magazin .magazinlist.current-year::before {
	content:none;
}
#magazin .magazinlist.current-year::after {
	content: '';
	position: absolute;
	z-index: -1;
	left: 50%;
	top: auto;
	bottom: 0;
	height:100%;
	width: 100vw;
	transform: translateX(-50%);
	_border-bottom: solid 1px;
	background: linear-gradient(rgba(var(--darkblue6),0.75), rgba(var(--darkblue6),0.1), rgba(var(--darkblue6),0.1), rgba(var(--darkblue6),0.75))
}

#magazin .magazinlist.current-year .cat-heading {
	display: none
}
#magazin .magazinlist.current-year .magazin {
	background: rgb(var(--white));
	box-shadow:0 0 2.5em -1em rgba(var(--darkblue3),1);
}

#magazin.load-current .magazinlist.pre-year {
	_padding-top: 2em
}

#magazin .magazinlist + .button_wrapper {
	position: relative;
	z-index: 1;
	_margin-top:2em;
	padding: 3em 0.5em 1.5em;
	_background: rgba(var(--grey),0.35)
}


.item.current-edition .magazin::before {
	content:'Aktuelle Ausgabe';
	display:block;
	position: absolute;
	left:45%;
	top:1.75em;
	font-size: 0.85em;
	font-weight:700;
	color: rgba(var(--white));
	background: rgba(var(--darkblue2));
	padding: 0 0.5em;
	transform: translate(0,-170%);
	margin-bottom:-1.5em;
}

.edit-link + .magazin {
	margin-top: 2em!important;
}
.magazin {
	background: rgba(var(--darkblue6),0.25);
	color:rgb(var(--darkblue));
	display: grid;
	grid-template-areas: 
		"download_thumb download_cont";
	grid-template-columns: 40% 1fr;
	margin:2em auto !important;
	position:relative;
}
.magazin .thumb {
	grid-area: download_thumb;
	_background: rgba(var(--darkblue),0.1);
	margin-top:-2em;margin-bottom: -2em;	
}
.magazin .thumb img {
	box-shadow: 0 0 0.25em rgba(var(--black), 0.35);
}
.magazin .cont {
	grid-area: download_cont;
	padding: 0.5em 0.5em 0.5em 1.75vw;
	text-align: left;
	align-self: center;
}
.magazin .cont .name {
	hyphens: auto;
	font-size: 1.125em;
	line-height: 1.1;
}
.magazin .cont .name + .desc {
	font-size: 0.9em;
	color: rgb(var(--blue));
	font-weight:700;
	line-height: 1.2;
	margin-top: 0.5em !important;
}
.magazin .cont .button {
	font-size: 0.7em;
	line-height: 1.2;
	margin-top: 1em !important;
	_display: none;
}
.magazin .cont .button[href=""] {
	opacity: 0.5;
	pointer-events: none;
}

@media(max-width: 1500px){
	.item {
		width: 50%;
	}
	.magazin .cont .name {
		font-size: 1.125em;
	}
	.magazin .cont .name + .desc {
		font-size:0.9em;
	}
}
@media(max-width:600px){
	.magazin .cont {
		padding-left:1em
	}
}