.blogpost-content img {
	width: 100%;
	height: 100%;
}
.blogpost-content img.viertel {
	width: 25%;
	height: 25%;
}
.blogpost-content h1.dreiviertel {
	width: 75%;
	padding: 0;
	text-align: center;
}

.blogpost + .blogpost:before {
	background-color: #e5e5e5;
	content: "";
	display: block;
	height: 40px;
	left: -20px;
	margin: 20px 0;
	position: relative;
	top: 0;
	width: calc(100% + 40px);
}

.paragraph img {
	max-width: 100%;
}

@media screen and (max-width: 1380px) {
	#center {
		margin: 0 auto;
		padding: 0 0 0 40px;
		position: relative;
		width: calc(100% - 40px);
	}
}

@media screen and (max-width: 1340px) {

	#wrapper {
		background-color: #880033;
		padding: 0 0 0 230px;
		max-width: 100%;
		min-width: 280px;
		width: calc(100% - 230px);
	}
	#page {
		background: #e5e5e5 url("/css/dropout.jpg") no-repeat scroll right bottom;
		padding: 260px 0 0 40px;
		position: relative;
		z-index: 1;
		width: calc(100% - 40px);
	}

	#content {
		width: calc(100% - 80px);
		margin-right: 0;
	}
	#content_left, #content_right {
		width: calc(50% - 25px);
	}
	#content_left {
		border-right: none;
	}
	#content .paragraph + .paragraph::before, #content .content_quote + .paragraph::before, #content .list_lectures + h2::before, #content .content_quote + h2::before, #content .paragraph + h2::before {
		width: calc(100% + 40px);
	}
	#content_image {
		height: 420px;
		left: 0;
		min-width: 740px;
		overflow: hidden;
		position: absolute;
		top: 30px;
		width: 100%;
		z-index: 2;
	}
	#content_image .contentimage {
		background-position: left top;
		background-repeat: no-repeat;
		background-size: cover;
		height: 100%;
		position: relative;
		width: 100%;
	}
	#content_image img {
		padding-top: 0;
		width: 1080px;
	}

	#sidecolumn {
		padding-right: 40px;
		width: calc(100% - 40px);
	}
	div.sidecontainer {
		margin: 0 40px 40px 0;
	}
	div.sidecontainer:first-of-type {
		margin-right: 100%;
	}
	div.sidecontainer:nth-child(3) {
		margin-bottom: 85px;
	}

	#navi_top {
		background-color: #340a1a;
		color: #6a555c;
		height: 30px;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 20;
	}
	#navi_top > div {
		height: 100%;
		max-width: 100%;
		padding: 0;
		text-align: right;
	}


	#footer {
		clear: both;
		color: #fff;
		font-size: 10px;
		height: 30px;
		position: relative;
		text-align: center;
		width: 100%;
		z-index: 5;
	}
	#footer {
		clear: both;
		color: #fff;
		font-size: 10px;
		height: 30px;
		position: relative;
		text-align: center;
		width: 100%;
		z-index: 5;
	}
}

@media screen and (max-width: 1010px) {
	h1 {
		padding: 9px 9px 9px 49px;
		width: calc(100% - 58px);
	}

	#hlmain {
		width: calc(100% - 40px);
		padding: 28px 0 1px 0;
	}
	#hlmain .hlarrow {
		left:-40px;
		background-size: 80px 92px;
		top: 10px;
	}
	#hlmain .hlconnect {
		display: none;
	}

	#content_left, #content_right {
		width: calc(100% - 20px);
	}
	#content_image {
		min-width: 280px;
		width: 100%;
	}
}

@media screen and (max-width: 959px) {
	#center {
		padding: 0 10px;
		width: calc(100% - 20px);
	}
	#wrapper {
		padding: 0;
		width: 100%;
	}
	#navi_top { position: fixed;}
	#navi_main .lvlback {
		width: 50px;
	}
	#navi_main .lvl0bg {
		left: 0;
		width: 280px;
		z-index: 10;
	}
	#navi_main .lvl1bg {
		background-image: none;
		left: 280px;
		z-index: 10;
	}
	#navi_main .lvlback li {
		width: 50px;
	}
	#navi_main .lvlback li::before {
		background-color: #6a4151;
		content: "";
		display: block;
		height: 77px;
		left: 0;
		position: absolute;
		top: -10px;
		width: 50px;
	}
	#navi_main .lvlback li::after {
		background: #6a4151 url("naviback.png") no-repeat scroll 0 0;
		content: "";
		display: block;
		height: 56px;
		left: 8px;
		position: absolute;
		top: 0;
		width: 30px;
	}

	#navi_main ul {
		padding-top: 40px;
	}
	.lvlvisible, #tc2015 {
		display: none;
	}

	#navi_main .lvlhidden:hover .lvl0, 
	#navi_main .lvlhidden:hover .lvl1, 
	#navi_main .lvlhidden:hover .lvl2, 
	#navi_main .lvlhidden:hover .lvl0bg, 
	#navi_main .lvlhidden:hover .lvl1bg, 
	#navi_main .lvlhidden:hover .lvl2bg
	{
		display: none;
	}

	#navi_main .lvlhidden.hover .lvl0, 
	#navi_main .lvlhidden.hover .lvl1, 
	#navi_main .lvlhidden.hover .lvl2, 
	#navi_main .lvlhidden.hover .lvl0bg, 
	#navi_main .lvlhidden.hover .lvl1bg, 
	#navi_main .lvlhidden.hover .lvl2bg
	{
		display: block;
	}

	#qmlogo{
		background: #fff;
		height: 77px;
		padding-top: 30px;
		width: 100vw;
		z-index: 9;
	}
	#qmlogo a {
		margin-left: 50px;
	}
	#content_image {
		top: 100px;
	}
	article, #content {
		overflow: hidden;
	}
	.top {
		display:block;
		position:fixed;
		bottom: 0;
		right: 20px;
		height: 40px;
		width: 40px;
		background-image: url("top.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-color: #880033;
		z-index: 4000;
		text-decoration: none;
	}
	#footer {
		padding-bottom: 60px;
	}
}
@media screen and (max-width: 860px) {
	#content_image img {
		padding-top: 0;
		width: 100%;
		height: auto;
		min-height: 189px;
		min-width: 480px;
	}
	#content_image {
		height: 188px;
	}
	#hlmain h1 {
		background-color: rgba(255,255,255,1);
		margin-bottom: 0;
		border-bottom: 20px solid #4a3b41;
	}
}
@media screen and (max-width: 700px) {
	div.sidecontainer:nth-child(3) {
		margin-bottom: 40px;
	}
	.blogpost-content img.viertel {
		width: 50%;
		height: 50%;
	}
	.blogpost-content img.halb {
		width: 75%;
		height: 75%;
	}
	.blogpost-content h1.dreiviertel {
		width: 100%;
	}
}

@media screen and (max-width: 540px) {
	#center {
		/*padding: 0 10px;
		width: calc(100% - 20px);*/
		padding: 0;
		width: 100%;
	}
	#wrapper {
		padding: 0;
		width: 100%;
	}
	#hlmain {
		width: 100%;
	}
	#hlmain .hlarrow {
		display: none;
	}
	h1 {
		padding: 9px 9px 9px 29px;
		width: calc(100% - 38px;)
	}
	#page {
		padding: 260px 0 0;
		width: 100%;
	}
	#content {
		width: calc(100% - 40px);
	}
	div.sidecontainer {
		margin-left: 20px;
	}
	#sideColumnImageBox {
		margin: 0 0 40px 20px;
	}

	h1 {
		font-size: 24px;
		line-height: 34px;
		padding: 9px 20px 13px;
		width: auto;
	}

	#navi_main .lvlhidden .lvl1, #navi_main .lvlhidden .lvl1bg, #navi_main .lvlhidden .lvl2, #navi_main .lvlhidden .lvl2bg {
		display: none !important;
	}

	#navi_main .lvl0 {
		background-color: #340a1a;
		width: calc(100vw - 50px);
	}

	#navi_main .lvl0bg {
		width: 100vw;
	}

	#navi_main .sub {
		background-color: #340a1a;
		display: block;
		float: none;
		height: auto;
		margin-left: -5px;
		margin-right: -5px;
		padding-left: 20px;
		padding-top: 0;
		width: auto;
	}
	ul.list_lectures li span.td {
		width: 100%;
	}
	.blogpost-content img.viertel {
		width: 50%;
		height: 50%;
	}
	.blogpost-content img.halb {
		width: 75%;
		height: 75%;
	}
	.blogpost-content img.dreiviertel {
		width: 100%;
		height: 100%;
	}
	.blogpost-content img.halb-umfliessen {
		width: 75%;
		height: 75%;
		float: none;
	}
}
@media screen and (max-width: 360px) {
	.blogpost-content img.viertel {
		width: 75%;
		height: 75%;
	}
	.blogpost-content img.halb {
		width: 100%;
		height: 100%;
	}
	.blogpost-content img.halb-umfliessen {
		width: 100%;
		height: 100%;
		float: none;
	}
}