html {
	height: 100%;
}

body {
	min-height: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 1.6em;
	font-family: 'Open Sans', Arial, sans-serif;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-family: 'Lato', Arial, sans-serif;
}

h1, .h1 {
	font-size: 36px;
	line-height: 44px;
	font-weight: 400;
	margin-bottom: 20px;
	margin-top: 0;
	text-transform: uppercase;
}h2, .h2 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 400;
	margin-bottom: 20px;
	margin-top: 0;
}
h3, .h3 {
	font-size: 26px;
	line-height: 36px;
	margin-bottom: 20px;
	margin-top: 0;
}
h4, .h4 {
	font-size: 24px;
	line-height: 30px;
	margin-top: 0;
	margin-bottom: 20px;
}
h5, .h5 {
	font-size: 22px;
	line-height: 28px;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 20px;
}
h6, .h6 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	h1, .h1 {
		font-size: 32px;
		line-height: 38px;
		font-weight: 300;
		margin-top: 0;
		text-transform: uppercase;
	}
	h2, .h2 {
		font-size: 26px;
		line-height: 32px;
		margin-top: 0;
		text-transform: uppercase;
	}
	h3, .h3 {
		font-size: 22px;
		line-height: 28px;
		margin-top: 0;
		
		margin-bottom: 6px;
	}
	h4, .h4 {
		font-size: 20px;
		line-height: 26px;
		margin-top: 0;
	}
	h5, .h5 {
		font-size: 18px;
		line-height: 24px;
		font-weight: 400;
		margin-top: 0;
		margin-bottom: 20px;
	}
	h6, .h6 {
		font-size: 18px;
		line-height: 24px;
		font-weight: 400;
		margin-top: 0;
	}
}

@media (min-width: 992px) and (max-width: 1200px), (max-width: 576px) {
	body {
		font-size: 14px;
	}
	h1, .h1 {
		font-size: 24px;
	}
	h2, .h2 {
		font-size: 22px;
	}
	h3, .h3 {
		font-size: 20px;
	}
	h4, .h4 {
		font-size: 20px;
	}
	h5, .h5 {
		font-size: 18px;
	}
	h6, .h6 {
		font-size: 18px;
	}
}

img { max-width: 100%; }

ul li {
	padding: 6px 0;
}

form {
	
}
form input[type="text"],
form input[type="password"],
form input[type="number"],
form input[type="button"],
form input[type="submit"],
form button, 
form textarea,
form select {
	display: block;
	width: 100%;
}
textarea,
input, 
select, 
button {
	outline: 0 !important;
}

a:not([href^="https://www.dtd-report.de"]):not([href^="http://dtd-reports.wp01.mxp.de"]):not([href^="/"]):not([href^="#"]):not([href^="?"]):before {
	content: '\f14c';
	font-family: 'FontAwesome';
	display: inline-block;
	font-size: inherit;
	padding-right: 4px;
}
a.no_external:before {
	content: '' !important;
	display: none !important;
}
a.btn[href^="mailto:"]:before, a.btn.btn-mailto:before {
	content: '\f0e0' !important;
	padding-right: 8px !important;
}

.container {
	width: calc( 100% - 110px );
	margin-left: 95px;
}
#login-wrapper .container {
	width: 100%;
	margin-left: 0px;
}


/* Global */
	
	@media (min-width: 768px) {
		.row.flex-row-wrapper > [class*='col-'] {
			display: flex;
			flex-direction: column;
		}
		.row.flex-row-wrapper > [class*='col-'] [class*='col-'] {
			height: 100%;
		}
		.row.flex-row-wrapper {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display:         flex;
			flex-wrap: wrap;
		}
	}
	@media (max-width: 991px) {
		.row.flex-row-wrapper > [class*='col-'] {
			width: 100%;
		}
	}
	
	@-webkit-keyframes rotating {
		from {
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		to {
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
	@keyframes rotating {
		from {
			-ms-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		to {
			-ms-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
	.rotating {
		-webkit-animation: rotating 2s linear infinite;
		-moz-animation: rotating 2s linear infinite;
		-ms-animation: rotating 2s linear infinite;
		-o-animation: rotating 2s linear infinite;
		animation: rotating 2s linear infinite;
	}
	
/* Global - End */


/* Header */

#header {
	height: 60px;
	left: 260px;
	bottom: 0;
	z-index: 10;
	position: fixed;
	background-color: #ffffff;
	border-top: 1px solid #ccc;
}

#header .header-items {
	float: right;
	padding: 0 20px;
}
#header .header-items a {
	height: 60px;
    vertical-align: middle;
    line-height: 60px;
    font-size: 24px;
	color: #ccc;
	padding: 0 12px;
	
	transition: color .5s;
}
#header .header-items a:hover,
#header .header-items a:active,
#header .header-items a:focus {
	color: #666;
	text-decoration: none;
}

#header .header-logo {
	float: right;
	margin-right: 0;
	transition: margin .5s linear 0s;
}
#header .header-logo a {
	padding: 10px 40px;
	display: inline-block;
	height: 60px;
	border-left: 1px solid #ccc;
}
#header .header-logo a img {
	height: 100%;
	width: auto;
}
@media (max-width: 600px) {
	#header .header-logo {
		margin-right: -200px;
	}
}

a.scroll-to-top {
	width: 40px;
	height: 40px;
	border-radius: 3px;
	color: #fff;
	font-size: 32px;
	padding: 0 8px;
	text-align: center;
	background-color: rgba( 0, 0, 0, .5 );
	line-height: 38px;
	
	position: fixed;
	right: 20px;
	bottom: 80px;
	
	opacity: 0;
	z-index: 10;
	
	transition: opacity .5s linear, background-color .5s linear;
}
a.scroll-to-top:hover {
	background-color: rgba( 0, 0, 0, 1 );
}
a.scroll-to-top:before {
	border-bottom: 0px none transparent;
}

@media (max-width: 767px) {
	a.scroll-to-top {
		top: unset;
		bottom: 76px;
	}
}

/* Header - End */


/* Sidebar */

.sidebar-container {
	height: 100%;
	max-width: 76px;
	width: 100%;
	top: 0;
	position: fixed;
	z-index: 10;
	background-color: #293473;
	border-right: 1px solid #ccc;
	
	transition: max-width .2s linear 0s;
}

.sidebar-container .sidebar-after {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.sidebar-container .sidebar-after:after {
	content: '';
	display: block;
	height: 600px;
	width: 200px;
	background-color: rgba( 255, 255, 255, .6 );
	position: absolute;
	transform-origin: 50%;
	transform: rotate( 280deg );
	left: 120px;
	bottom: 40px;
}
.sidebar-container .sidebar-after:before {
	content: '';
	display: block;
	height: 600px;
	width: 200px;
	background-color: rgba( 255, 255, 255, .6 );
	position: absolute;
	transform-origin: 50%;
	transform: rotate( 280deg );
	left: 120px;
	bottom: 30px;
}

.sidebar-container.active {
	max-width: 260px;
}

.sidebar-container + #header {
	left: 76px;
	width: calc( 100% - 76px );
	min-width: 200px;
	transition: left .2s linear 0s, width .2s linear 0s;
}
.sidebar-container.active + #header {
	left: 260px;
	width: calc( 100% - 260px );
}

.sidebar-container #menu-toggle {
	height: 60px;
	text-align: right;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
.sidebar-container.active #menu-toggle i:before {
	content: '\f00d';
}
.sidebar-container #menu-toggle i {
	font-size: 32px;
	line-height: 60px;
	padding: 0 24px;
}

.sidebar-container ul {
	list-style-type: none;
	padding: 0;
}
.sidebar-container ul#menu-hauptmenue {
	margin: 12px 0;
}
.sidebar-container ul li {
	width: 44px;
}
.sidebar-container.active ul li {
	width: 229px;
}
.sidebar-container ul li > a {
	position: relative;
	color: #fff;
	width: 229px;
	display: inline-block;
	transition: background-color .5s;
}
.sidebar-container ul li > a {
	width: 44px;
    height: 42px;
}
.sidebar-container.active ul li.has-childs > a {
	width: 189px;
	height: unset;
}
.sidebar-container.active ul li > a {
	width: 229px;
	height: unset;
}
.sidebar-container ul li > a i {
	line-height: 26px;
	font-size: 26px;
	width: 44px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	padding: 8px 0;
	
	transition: background-color .5s;
}
.sidebar-container ul li > a i:hover {
	background-color: rgba( 0, 0, 0, .4 );
}
.sidebar-container.active ul li > a i:hover {
	background-color: rgba( 0, 0, 0, 0 );
}
.sidebar-container ul li > a .menu_title {
	line-height: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin: 8px 0px;
	padding-left: 30px;
	opacity: 0;
	
	pointer-events: none;
	position: absolute;
	left: 46px;
	
	transition: padding .5s linear 0s;
}
.sidebar-container.active ul li > a .menu_title {
	pointer-events: all;
	padding-left: 14px;
	position: relative;
	left: unset;
}
.sidebar-container.active ul li > a.current_item,
.sidebar-container.active ul li > a:hover,
.sidebar-container.active ul li > a:active,
.sidebar-container.active ul li > a:focus {
	background-color: rgba( 0, 0, 0, .4 );
	text-decoration: none;
}
.sidebar-container ul li.has-childs > i {
	display: none;
}
.sidebar-container.active ul li.has-childs > i {
	width: 40px;
	line-height: inherit;
	padding: 8px 0;
	height: 42px;
	vertical-align: middle;
    display: inline-block;
    text-align: center;
    color: #fff;
	transition: background-color .5s;
}
.sidebar-container ul li.has-childs > i:hover {
	background-color: rgba( 0, 0, 0, .4 );
	cursor: pointer;
}
.sidebar-container ul li.has-childs.active > i {
	background-color: rgba( 0, 0, 0, .4 );
	cursor: pointer;
}
.sidebar-container ul li.has-childs.active > a {
	background-color: rgba( 0, 0, 0, .4 );
}
.sidebar-container ul li.has-childs.active > i:before {
	content: '\f106';
}

.sidebar-container ul li.has-childs > ul {
	max-height: 0;
	overflow: hidden;
	background-color: rgba( 0, 0, 0, .2 );
	transition: max-height 1s linear 0s;
}
.sidebar-container ul li.has-childs.active > ul {
	max-height: 300px;
}
.sidebar-container ul li > li {
	
}

.sidebar-container ul li > a:hover .menu_title {
    position: absolute;
    left: 64px;
    top: -10px;
    color: #333333;
    background: #ffffff;
    border: 1px solid #999;
    z-index:  11;
    padding: 13px;
    height: unset;
    opacity:  1;
    transition: opacity .5s;
}

.sidebar-container ul li > a:hover .menu_title:before {
    content: '';
    display:  block;
    position:  absolute;
    background: #ffffff;
    width: 14px;
    height:  14px;
    transform:  rotate( 45deg );
    left: -8px;
	top: 16px;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
}

.sidebar-container.active ul li > a .menu_title {
    color: #ffffff;
    opacity:  1;
}
.sidebar-container.active ul li > a:hover .menu_title {
    position: relative;
    left: unset;
    top: unset ;
    color: inherit;
    background: transparent;
    border: none;
    z-index:  11;
    padding: 0;
    padding-left: 14px;
    height: 20px;
}

.sidebar-container.active ul li > a:hover .menu_title:before {
    display:  none;
}

/* Sidebar - End*/

/* Content */
	
	#content {
		min-height: calc( 100% - 4px );
		padding: 20px 0;
		background-color: #f1f1f1;
	}
	
	.content_wrapper {
		background-color: #ffffff;
		padding: 20px;
		box-shadow: 0px 1px 3px 0px rgba( 0, 0, 0, .2 );
		border-radius: 2px;
	}
	
	/* Backgrounds */
		
		.bg_blue {
			background-color: rgba( 36, 30, 78, 1 );
			transition: background-color .5s;
		}
		.bg_blue:hover {
			background-color: rgba( 36, 30, 78, .8 );
			cursor: pointer;
		}
		
		.bg_purple {
			background-color: rgba( 114, 17, 33, 1 );
			transition: background-color .5s;
		}
		.bg_purple:hover {
			background-color: rgba( 114, 17, 33, .8 );
			cursor: pointer;
		}
		
		.bg_teal {
			background-color: rgba( 103, 218, 165, 1 );
			transition: background-color .5s;
		}
		.bg_teal:hover {
			background-color: rgba( 103, 218, 165, .8 );
			cursor: pointer;
		}
		
		.bg_green {
			background-color: rgba( 41, 115, 115, 1 );
			transition: background-color .5s;
		}
		.bg_green:hover {
			background-color: rgba( 41, 115, 115, .8 );
			cursor: pointer;
		}
		
		
		.bg_violett {
			background-color: rgba( 102, 51, 153, 1 );
			transition: background-color .5s;
		}
		.bg_violett:hover {
			background-color: rgba( 102, 51, 153, .8 );
			cursor: pointer;
		}
		
		.bg_flieder {
			background-color: rgba( 153, 51, 153, 1 );
			transition: background-color .5s;
		}
		.bg_flieder:hover {
			background-color: rgba( 153, 51, 153, .8 );
			cursor: pointer;
		}
		
		.bg_violettrot {
			background-color: rgba( 153, 51, 102, 1 );
			transition: background-color .5s;
		}
		.bg_violettrot:hover {
			background-color: rgba( 153, 51, 102, .8 );
			cursor: pointer;
		}
		
		.bg_dunkelblau {
			background-color: rgba( 31, 31, 124, 1 );
			transition: background-color .5s;
		}
		.bg_dunkelblau:hover {
			background-color: rgba( 31, 31, 124, .8 );
			cursor: pointer;
		}
		
		.bg_blau {
			background-color: rgba( 51, 51, 204, 1 );
			transition: background-color .5s;
		}
		.bg_blau:hover {
			background-color: rgba( 51, 51, 204, .8 );
			cursor: pointer;
		}
		
		.bg_dunkeltuerkis {
			background-color: rgba( 31, 123, 123, 1 );
			transition: background-color .5s;
		}
		.bg_dunkeltuerkis:hover {
			background-color: rgba( 31, 123, 123, .8 );
			cursor: pointer;
		}
		
		.bg_tuerkis {
			background-color: rgba( 46, 184, 184, 1 );
			transition: background-color .5s;
		}
		.bg_tuerkis:hover {
			background-color: rgba( 46, 184, 184, .8 );
			cursor: pointer;
		}
		
		.bg_laubfrosch {
			background-color: rgba( 133, 214, 92, 1 );
			transition: background-color .5s;
		}
		.bg_laubfrosch:hover {
			background-color: rgba( 133, 214, 92, .8 );
			cursor: pointer;
		}
		
		.bg_zitrone {
			background-color: rgba( 204, 204, 51, 1 );
			transition: background-color .5s;
		}
		.bg_zitrone:hover {
			background-color: rgba( 204, 204, 51, .8 );
			cursor: pointer;
		}
		
		.bg_dunkelgruen {
			background-color: rgba( 62, 123, 31, 1 );
			transition: background-color .5s;
		}
		.bg_dunkelgruen:hover {
			background-color: rgba( 62, 123, 31, .8 );
			cursor: pointer;
		}
		
		.bg_dunkelrot {
			background-color: rgba( 153, 51, 51, 1 );
			transition: background-color .5s;
		}
		.bg_dunkelrot:hover {
			background-color: rgba( 153, 51, 51, .8 );
			cursor: pointer;
		}
		
		.bg_orange {
			background-color: rgba( 244, 106, 36, 1 );
			transition: background-color .5s;
		}
		.bg_orange:hover {
			background-color: rgba( 244, 106, 36, .8 );
			cursor: pointer;
		}
		
	/* Backgrounds - End */
	
	/* Posts Container */
	
	.headline_image_wrapper {
		position: relative;
		overflow: hidden;
		box-shadow: 0px 1px 3px 0px rgba( 0, 0, 0, .2 );
		border-radius: 2px;
	}
	.headline_image_wrapper:after {
		content: '';
		display: block;
		height: 900px;
		width: 200px;
		background-color: rgba( 255, 255, 255, .6 );
		position: absolute;
		transform-origin: 50%;transform: rotate( 260deg );
		right: 320px;
		top: 20px;

		transition: left .2s linear 0s, top .2s linear 0s, transform .2s linear 0s;
	}
	.headline_image_wrapper:before {
		content: '';
		display: block;
		height: 900px;
		width: 200px;
		background-color: rgba( 255, 255, 255, .6 );
		position: absolute;
		transform-origin: 50%;transform: rotate( 260deg );
		right: 320px;
		top: 10px;

		transition: left .2s linear 0s, top .2s linear 0s, transform .2s linear 0s;
	}
	
	#posts_container #posts .post_container_wrapper {
		overflow: hidden;
		position: relative;
		margin: 15px 0;
		background-size: cover;
		background-color: rgba( 0, 0, 0, 1 );
		box-shadow: 0px 1px 3px 0px rgba( 0, 0, 0, .2 );
		border-radius: 2px;
	}
	
	#posts_container #posts .post_container_wrapper .post_functions_wrapper {
		height: 60px;
		width: 100%;
		position: absolute;
		text-align: right;
		padding: 0 15px;
		pointer-events: none;
	}
	#posts_container #posts .post_container_wrapper .post_functions_wrapper i {
		font-size: 22px;
		line-height: 42px;
		padding: 0 5px;
	}
	#posts_container #posts .post_container_wrapper .post_functions_wrapper a i {
		color: #ffffff;
		transition: color .5s;
	}
	#posts_container #posts .post_container_wrapper .post_functions_wrapper a:hover i {
		color: #23527c;
	}

	#posts_container #posts .post_container_wrapper .post_container_bg {
		height: 100%;
		display: block;
		color: #ffffff;
		text-decoration: none !important;
		padding: 60px 20px;
		background-color: rgba( 50, 50, 50, .4 );
		
		transition: background-color .5s;
	}
	#posts_container #posts .post_container_wrapper {
		height: 100%;
		min-height: 320px;
		color: #ffffff;
	}
	#posts_container #posts .post_container_wrapper.forschung {
		color: #ffffff;
		#background-image: url( '/wp-content/uploads/2018/01/bg_forschung.jpg' );
	}
	#posts_container #posts .post_container_wrapper.forschung .post_container_bg {
		background-color: rgba( 200, 200, 200, .4 );
	}
	#posts_container #posts .post_container_wrapper.industrie {
		color: #ffffff;
		#background-image: url( '/wp-content/uploads/2018/01/bg_industrie.jpg' );
	}
	#posts_container #posts .post_container_wrapper.industrie .post_container_bg {
		background-color: rgba( 200, 200, 200, .4 );
	}
	#posts_container #posts .post_container_wrapper a.post_container_bg:hover,
	#posts_container #posts .post_container_wrapper.forschung a.post_container_bg:hover,
	#posts_container #posts .post_container_wrapper.industrie a.post_container_bg:hover {
		background-color: rgba( 41, 52, 115, .6 );
	}
	#posts_container #posts .post_container_wrapper h3 {
		
	}
	#posts_container #posts .post_container_wrapper .date {
		
	}
	#posts_container #posts .post_container_wrapper .caption {
		margin: 20px 0;
	}
	
	@media (min-width: 992px) and (max-width: 1200px), (max-width: 576px) {
		#posts_container #posts .post_container_wrapper .caption {
			line-height: 1.4em;
		}
	}
	
	#posts_container #posts .post_container_wrapper:after {
		content: '';
		display: block;
		height: 900px;
		width: 200px;
		background-color: rgba( 255, 255, 255, .2 );
		position: absolute;
		transform-origin: 50%;transform: rotate( 260deg );
		left: 290px;
		top: -100px;
		pointer-events: none;

		transition: left .2s linear 0s, top .2s linear 0s, transform .2s linear 0s;
	}
	#posts_container #posts .post_container_wrapper:before {
		content: '';
		display: block;
		height: 900px;
		width: 200px;
		background-color: rgba( 255, 255, 255, .2 );
		position: absolute;
		transform-origin: 50%;transform: rotate( 260deg );
		left: 290px;
		top: -90px;
		pointer-events: none;

		transition: left .2s linear 0s, top .2s linear 0s, transform .2s linear 0s;
	}

	/*
	#posts_container #posts .post_container_wrapper a {
		position: relative;
		display: block;
		width: 200px;
		margin-top: 10px;
		background-color: #293473;
		border: 1px solid #293473;
		color: #fff;
		text-align: center;
		padding: 8px;
		cursor: pointer;
		transition: background .5s, border .5s, color .5s;
	}
	#posts_container #posts .post_container_wrapper a:hover {
		background-color: transparent;
		border: 1px solid #293473;
		color: #293473;
		text-decoration: none;
	}
	*/
	#posts_container #posts_status, 
	#comments_container #comments_status {
		text-align: center;
		color: #da0000;
	}
	
	
	.rating_wrapper .headline_wrapper {
		color: #293473;
	}
	.rating_wrapper .headline_wrapper i {
		font-size: 58px;
	}
	
	.rating_wrapper .stars_wrapper {
		margin: 15px 0;
		text-align: center;
	}
	.rating_wrapper .stars_wrapper i {
		font-size: 26px;
		padding: 0 5px;
		color: #ffd426;
	}
	.rating_wrapper .stars_wrapper i:nth-child(1),
	.rating_wrapper .stars_wrapper i:nth-child(5) {
		font-size: 26px;
	}
	.rating_wrapper .stars_wrapper i:nth-child(2),
	.rating_wrapper .stars_wrapper i:nth-child(4) {
		font-size: 32px;
	}
	.rating_wrapper .stars_wrapper i:nth-child(3) {
		font-size: 36px;
	}
	
	
	.rating_wrapper .statistics_wrapper {
		margin: 15px 0;
	}
	.rating_wrapper .statistics_wrapper i {
		color: #ffd426;
	}
	
	
	.rating_wrapper .voting_wrapper {
		margin: 15px 0 0 0;
	}
	.rating_wrapper .voting_wrapper form input[type="submit"] {
		display: block;
		width: 100%;
		margin-top: 10px;
		border: 1px solid #293473;
	}
	
	.rating_wrapper .voting_wrapper .voting_stars_wrapper {
		display: inline-block;
	}
	.rating_wrapper .voting_wrapper .voting_stars_wrapper:after {
		content: '';
		display: block;
		clear: both; 
		height: 0;
	}
	.rating_wrapper .voting_wrapper .voting_stars_wrapper label {
		font-size: 32px;
		line-height: 38px;
		padding: 0 5px;
		margin: 0;
		color: #ffd426;
		float: right;
	}
	.rating_wrapper .voting_wrapper .voting_stars_wrapper label > input {
		opacity: 0;
	}
	.rating_wrapper .voting_wrapper .voting_stars_wrapper:not(:hover) label.active i:before,
	.rating_wrapper .voting_wrapper .voting_stars_wrapper label:hover i:before {
		content: '\f005';
		cursor: pointer;
	}
	.rating_wrapper .voting_wrapper .voting_stars_wrapper:not(:hover) label.active ~ label i:before,
	.rating_wrapper .voting_wrapper .voting_stars_wrapper label:hover ~ label i:before {
		content: '\f005';
	}
	@media (min-width: 992px) and (max-width: 1200px), (max-width: 576px) {
		.rating_wrapper .voting_wrapper .voting_stars_wrapper label {
			font-size: 22px;
			padding: 0;
		}
		.rating_wrapper .stars_wrapper i {
			font-size: 26px !important;
		}
		.rating_wrapper input[type="submit"] {
			font-size: 12px;
		}
	}
	
	/* Posts Container */
	
	/* Load More */
	
	.load_more {
		position: relative;
		display: block;
		width: 200px;
		margin: 10px auto;
		background-color: #293473;
		border: 1px solid #293473;
		color: #fff;
		text-align: center;
		padding: 8px;
		cursor: pointer;
		box-shadow: 0px 1px 3px 0px rgba( 0, 0, 0, .2 );
		border-radius: 2px;
		
		transition: background .5s, border .5s, color .5s;
	}
	.load_more:hover {
		background-color: #ffffff;
		border: 1px solid #293473;
		color: #293473;
	}
	.load_more.loading:after {
		content: '\f1ce';
		font-family: 'FontAwesome';
		display: block;
		position: absolute;
		font-size: 17px;
		color: inherit;
		right: 8px;
		top: 8px;
		
		-webkit-animation: rotating 2s linear infinite;
		-moz-animation: rotating 2s linear infinite;
		-ms-animation: rotating 2s linear infinite;
		-o-animation: rotating 2s linear infinite;
		animation: rotating 2s linear infinite;
	}
	/* Load More - End */
	
/* Content - End */

/* Comments */

.comment_wrapper {
	margin: 18px 0;
}

.comment_content {
	border: 1px solid #999;
	padding: 15px 15px 2px 15px;
	border-radius: 4px;
	background-color: #ffffff;
	box-shadow: 0px 1px 3px 0px rgba( 0, 0, 0, .2 );
	border-radius: 2px;
}
.comment_content:after {
	content: '';
	display: block;
	height: 14px;
	width: 14px;
	background-color: #fff;
	transform: rotate( 45deg );
	position: absolute;
	left: 8px;
	top: 20px;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
}
.current_user .comment_content:after {
	left: unset;
	top: unset;
	right: 8px;
	top: 20px;
	border-left: 0px none transparent;
	border-bottom: 0px none transparent;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
}
.comment_author {
	padding-top: 15px;
}
.comment_date {
	text-align: right;
	font-size: 12px;
	padding-top: 8px;
}
.comment_reference {
	display: inline-block;
}
.comment_reference i {
	font-size: 16px;
	padding-left: 8px;
	cursor: pointer;
	transition: color .5s;
}
.comment_reference:hover i {
	color: rgba( 23, 162, 184, 1 );
}

#comments_container_wrapper {
	#overflow-y: scroll;
	#height: 654px;
	
	overflow: hidden;
	width: 100%;
	
	margin: 15px 0;
	padding: 5px;
	background-color: #ffffff;
	box-shadow: 0px 1px 3px 0px rgba( 0, 0, 0, .2 );
	border-radius: 2px;
}
#comments_container_wrapper .comments_container_inner {
	width: calc( 100% + 24px );
	padding-right: 4px;
	max-height: 654px;
	margin-left: 0px;
	overflow-y: scroll;
}
#comments_container_wrapper h5 {
	padding: 15px 15px 0px 15px;
}
#comments_container_wrapper .comment_author {
	padding: 0;
}

/* Bootstrap Erweiterung */
	
	@media (min-width: 768px){
		.col-md-15,
		.col-sm-15,
		.col-lg-15 {
			width: 20%;
		}
	}
	@media (min-width: 1200px) {
		.col-md-15,
		.col-sm-15,
		.col-lg-15 {
			width: 20%;
		}
	}
	@media (min-width: 768px) and (max-width: 979px) {
		.col-md-15,
		.col-sm-15,
		.col-lg-15 {
			width: 20%;
		}
	}
	
/* Bootstrap Erweiterung - End */


/* Post */

#content.post-container.container {
	width: calc( 100% - 75px );
	margin-left: 75px;
	margin-bottom: 0;
	padding: 0;
	padding-top: 30px;
}

.post-container.container .sidebar {
	position: fixed;
	overflow-y: scroll;
	right: -15px;
	top: 0;
	height: 100%;
	width: calc( 25% - -11px );
}

/* Post - End */


/* Forms */

form input[type="submit"] {
	background-color: #293473;
	border: 1px solid #293473;
	color: #ffffff;
	display: inline-block;
	width: unset;
	padding: 10px 14px;
	box-shadow: 0px 1px 3px 0px rgba( 0, 0, 0, .2 );
	border-radius: 2px;
	
	transition: background-color .5s, color .5s, border .5s;
}
form input[type="submit"]:hover {
	background-color: #ffffff;
	border: 1px solid #293473;
	color: #293473;
}

#commentform .logged-in-as {
	display: none;
}
#commentform label[for="comment"] {
	display: none;
}

textarea {
	border-radius: 3px;
	box-shadow: 0px 1px 3px 0px rgba( 0, 0, 0, .2 );
	border-radius: 2px;
}

textarea,
input, 
select {
	padding: 10px 14px;
	margin: 4px 0;
}

/* Forms - End */

@media (max-width: 768px) {
	#content {
		padding: 0;
	}
	.container {
		padding: 0;
	}
	#content.post-container.container {
		padding-top: 15px;
		width: calc( 100% - 50px );
		margin-left: 65px;
	}
}

.category_wrapper {
	margin: 15px 0;
}
ul.button-list {
	list-style-type: none; 
	padding: 0;
}

/* Sortierungen */
.sort_trigger {
	padding-left: 10px;
	color: #ffffff;
	text-decoration: none;
	transition: color .5s;
}
.sort_trigger:hover {
	color: #aaa;
	text-decoration: none;
}
/* Sortierungen - End */

/* Print */

.print {
	display: none !important;
}
@media print {
	#content {
		margin-left: 0 !important;
		width: 100% !important;
		padding: 0 !important;
	}
	.scroll-to-top,
	.sidebar-container, #header,
	.noprint, .no_print {
		display: none !important;
	}
	.print {
		display: inherit !important;
	}
	.print_fullwidth {
		width: 100% !important;
		padding: 0 !important;
	}
	.content_wrapper {
		padding: 0 !important;
	}
}

/* Print - End */