/**
 * @author    JoomlaShine.com http://www.joomlashine.com
 * @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
 * @license   JoomlaShine.com Proprietary License
 */
/* ============================== CUSTOM CSS ============================== */
@import url(../fonts/css/font-awesome.css);
@import url(../fonts/fontawesome_6/css/all.css);
@import url(gilroy.css);
body,
input, button, select, textarea {
	font-family: "Gilroy", Arial, Helvetica, sans-serif;
	font-size: 84%;
}

#jsn-page, h1 {
	color: #505050;
}

h2.contentheading {
	text-transform: uppercase;
	font-size: 2em;
}

h4 {
	color:  #d70a1e;
}

a, a:hover, a:active, a:focus {
	color:  #d70a1e;
	text-decoration: none;
}

div.pwd-forgotten a {
	font-size: 13px;
	text-decoration: underline;
}

#jsn-pos-top div.jsn-modulecontainer {
	float: none;
}

.first.last.jsn-icon-user {
	margin-top: -6px;
	float: right;
}

.first.last.jsn-icon-user a {
	padding-right: 0;
}

.videos.videos-list #videoList tr > td > a:last-of-type,
.videos.videos-list #videoList tr > td.center.image,
.videos.videos-list #videoList thead > tr > th:nth-of-type(2)

{
	display: none;
}

.videos.video-edit label[for="jform_alias"],
.videos.video-edit #jform_alias,
.videos.video-edit .control-group.image,
.videos.video-edit .editor.wf-editor-container,
.videos.video-edit .row-fluid.category,
.videos.video-edit .row-fluid.description,
.videos.video-edit .row-fluid.form-vertical,
.videos.video-edit .row-fluid.max_users
{
	display: none;
}

.feedback.question p.descriptiontext {
	margin-bottom: 20px;
}

.feedback-view .feedback.question.matrix .row {
	margin-bottom: 10px;
}

.feedback.feedback-view .page-submit-buttons
{
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.btn.btn-primary.btn-history {
	width: 8.8rem;
}

/*----------------Kalender Anfang-------------------------------------------*/
.calendar thead .title, .calendar tbody td.hilite,
#jsn-gotoplink {
	background-color: #d70a1e;
}
.calendar tbody td.selected {
	background-color: #a51010;
}

/*---------------Kalender END -----------------------------------------*/

input#modlgn-username, input#modlgn-passwd {
	width: 200px;
}

.light {
	background: #ddd;
	margin-top: -6px;
	height: 1px;
}
.jsn-demo-content {
	margin: 20px -10px 0 -10px;
}
.jsn-demo-content .jsn-template-featured {
	position: relative;
}
.jsn-demo-content .jsn-template-featured .hide {
	position: absolute;
	background: rgba(0,0,0,0.5);
	background: #ccc\9;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	display: block;
}
.jsn-demo-content .jsn-template-featured:hover .hide {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}
.jsn-demo-content .jsn-template-featured h4.title {
	color: #fff;
}
.jsn-demo-content .jsn-template-featured h5.price {
	color: #ff0000;
}
.jsn-demo-content .jsn-template-featured h4.title, .jsn-demo-content .jsn-template-featured h5.price {
	background: rgba(0,0,0,0.8);
	background: #333\9;
	display: inline-block;
	padding: 10px 20px;
	font-size: 1.5em;
	line-height: 100%;
}
div.grid-layout.jsn-demo-content div.grid-col div.grid-col_inner {
	margin: 0 10px 10px 10px;
}
.jsn-demo-content .jsn-template-featured a.link-button {
	position: absolute;
	bottom: 20px;
	display: block;
	left: 38%;
	margin-left: -45px;
}
ul.social li {
	float: left;
	margin: 0 5px 0 0;
	list-style: none;
}
ul.social li a {
	background: url("../images/icons/social.jpg");
	width: 45px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
ul.social li a.fb {
	background-position: 0 0
}
ul.social li a.tw {
	background-position: -50px 0
}
ul.social li a.gg {
	background-position: -100px 0
}
ul.social li a.yt {
	background-position: -150px 0
}
ul.social li a.pt {
	background-position: -200px 0
}
ul.social li a.fb:hover {
	background-position: 0 -50px
}
ul.social li a.tw:hover {
	background-position: -50px -50px
}
ul.social li a.gg:hover {
	background-position: -100px -50px
}
ul.social li a.yt:hover {
	background-position: -150px -50px
}
ul.social li a.pt:hover {
	background-position: -200px -50px
}
/**Fix Joomla3.0**/
.jsn-joomla-30 .page-header {
	padding: 0;
}
.jsn-joomla-30 .page-header h1 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 2em;
}
h1 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 2em;
}
.jsn-joomla-30 .page-header h2 {
	margin-bottom: 0;
	text-transform: none;
	font-size: 2em;
}
.jsn-joomla-30 .demo-sale img {
	max-width: inherit;
}
.table .list-name {
	width: 25%;
}

.table .list-name a {
	white-space: normal;
}
#user2courses th.list-status {
	text-align: left;
}
th.list-date, td.list-date {
	width: 11%;
	text-align: center !important;
}
.table .list-subject {
	width: 20%;
}
h3.popover-title {
	color: #b90000;
}
.table-striped tbody tr:last-child td {
	border-bottom: none;
}
#adminForm table thead tr, #tblModule thead tr {
	border: none;
}
.table th, .feedback table th, #tblModule th {
	font-weight: bold;
	color: #222;
	background: none;
	border: none;
}
.feedback .icon-arrow-up-3, .feedback .icon-arrow-down-3 {
	margin-left: 5px;
	margin-top: 3px;
}
.feedback table th, .feedback table th a {
	text-align: left;
	color: #222;
}
/*
.feedback table .list-actions {
	text-align: center;
}*/
.pagination {
	text-align: left;
}
.pagination ul, .jsn-pagination {
	box-shadow: none !important;
}
.courses-list .pagination p.counter {
	margin: 0 auto;
	text-align: center;
	float: none;
}
.course-view .cellButtons .certify-row {
	padding-bottom: 5px;
}
.course-view .cellButtons > a, .course-view .cellButtons > .btn-printmenu, .course-view .cellButtons > span {
	margin-right: 5px;
	display: inline-block;
	padding-bottom: 3px;
}
.course-view .cellButtons > .btn-modules {
	margin-right: 5px;
	display: inline-block;
}
.course-view .cellButtons > .btn-modules .btn {
	padding-top: 6px;
}
#coursecontents .cellButtons {
	width: 25%;
}

#adminForm #resetButton {
	margin-right: 0;
}
th.list-method, td.list-method, th.list-status, td.list-status {
	width: 6%;
}
#adminForm table {
	/*display: inline;*/
	table-layout: auto;
}
.icon-calendar {
	background-image: none;
}
.icon-calendar:before {
	font-family: FontAwesome;
	content: "\f073";
}
.icon-print:before {
	font-family: FontAwesome;
	content: "\f02f";
}
.icon-file-add:before {
	font-family: FontAwesome;
	content: "\f067";
}
.icon-folder-open:before {
	font-family: FontAwesome;
	content: "\f07c";
	font-size: 1.2em;
	display: inline-block;
	margin-top: 2px;
}
.icon-arrow-up-3:before {
	font-family: FontAwesome;
	content: "\f077";
	font-weight: normal;
}
.icon-arrow-down-3:before {
	font-family: FontAwesome;
	content: "\f078";
	font-weight: normal;
}
.formRow {
	position: relative;
	display: inline;
	float: left;
	width: 100%;
	min-height: 50px;
}
.control-group fieldset.checkboxes {
	background-color: rgb(250, 250, 250);
	border: 1px solid rgb(208, 208, 208);
	border-radius: 3px;
	width: 253px;
	padding: 5px;
	box-sizing: border-box;
}
.course-edit .control-group .control-label {
	width: 150px !important;
	display: inline-block !important;
}
.course-edit .control-group .controls {
	display: inline-block !important;
}


.tab-content.course-edit .course_content .sortable {
		display: block;
		float: left;
		width: 95px;
		padding: 8px 5px;
	}



fieldset.inputbox.checkboxes {
	padding: 5px;
	box-sizing: border-box;
	width: 255px;
}

@media only screen and (max-width: 960px) , (max-device-width: 960px) {
	.jsn-mobile .jsn-demo-content .jsn-template-featured .hide {
		height: 50%;
		top: 50%;
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		visibility: visible;
		background: none;
	}
	.jsn-mobile .jsn-demo-content .jsn-template-featured img {
		width: 100%;
	}
	.jsn-mobile div.grid-layout.jsn-demo-content div.grid-col div.grid-col_inner {
		margin-bottom: 20px;
	}
	.jsn-mobile .jsn-demo-content .jsn-template-featured h4.title, .jsn-mobile .jsn-demo-content .jsn-template-featured h5.price {
		margin: 10px 0;
		font-size: 1.3em;
		display: inline-block;
		padding: 5px 10px;
	}
	.jsn-mobile .jsn-demo-content .jsn-template-featured a.link-button {
		position: static;
		display: inline-block;
		margin: 0;
	}
}

@media only screen and (max-width: 480px) , (max-device-width: 480px) {
	.jsn-mobile .jsn-demo-content .jsn-template-featured .hide {
		top: 72%;
	}

	.jsn-mobile.jsn-joomla-30 .demo-sale img {
		max-width: 100%;
	}
}
@media only screen and (min-width: 481px) and (max-width: 768px) , (min-device-width: 481px) and (max-device-width: 768px) and (orientation: landscape) {
	.jsn-demo-content .jsn-template-featured .hide {
		top: 41%;
	}
}
@media only screen and (min-width: 481px) and (max-width: 768px) , (min-device-width: 481px) and (max-device-width: 768px) and (orientation: portrait) {
	body.jsn-homepage.jsn-mobile #jsn-pos-content-top .demo-sale[class*="span"] {
		width: 33.3%;
	}
	body.jsn-homepage.jsn-mobile #jsn-pos-content-top .demo-sale[class*="span"]:nth-child(2) {
		margin-left: 0;
	}
}
/* MEINE ANPASSUNGEN */
#jsn-footer {
	background: transparent;
	border-top: none;
	max-width: 1640px;
	width: 100%;
	margin: 0 auto;
	font-size: 14.4px;
	color: #505050;
}

div.jsn-modulecontainer ul.menu-mainmenu > li > a {
	text-transform: none;
}

#jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontainer_inner h3.jsn-moduletitle > span {
	padding: 17px;
	text-transform: none;
}

h3.jsn-moduletitle {
	color: #676154;
	font-size: 1em;
}

ul.menu-divmenu li {
	float: none;
}

ul.menu-divmenu {
	float: none;
}

h2.contentheading {
	text-transform: none;
}

.page-header h2 {
	text-transform: none;
}

#jsn-footer a {
	color: #505050;
}

#jsn-footer ul.menu-divmenu li {
	border-right: none;
}

.tpacfleft, .tpacfright {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}

.tpacfright {
	margin-left: 20px;
}

.tpaclayout {
	display: inline-block;
	padding: 10px 10px;
	width: 47%;
	vertical-align: top;
	margin-right: 13px;
}
.tpaclayout label {
	display: inline-block;
	list-style: none;
	width: 255px;
	margin-left: 5px;
}

.tpaclayout .inputbox ul {
	list-style: none;
}

.tpaclayoutbreit {
	display: inline-block;
	padding: 10px 10px;
	margin: 5px 5px;
	vertical-align: top;
}

.control-label {
	vertical-align: top;
}

.control-label label {
	line-height: 30px;
}

.control-label label#jform_publish_down-lbl,
.control-label label#metadata_other_premium-lbl,
.control-label label#metadata_other_oneweekreminder-lbl {
	line-height: inherit;
}

/* Used by Components: com_courses, com_ideacontent, com_seminar */
.inputTo255 input, .inputTo255 textarea {
	width: 90%;
}
.inputTo255 select {
	width: 255px;
}
.inputTo255file input {
	width: 97px;
}

div.courses-list div.input-append, div.seminare-list div.input-append, div.catalog-filter-search div.input-append {
	width: 100%;
}

div.filterField input, div.filterField .chzn-container {
	width: 100% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.filterField input[type=text] {
	padding: 3px 0 0 8px;
	height: 30px;
}

.jsn-joomla-30 .input-append .btn {
	position: absolute;
	margin-left: -35px;
}
.exportButtons {
	padding-top: 1em;
}
.exportButtons a {
	margin-right: 5px;
}
div.filterButtons {
	margin-bottom: 20px;
}

div.filterButtons button, div.filterButtons span {
	width: 48%;
}
div.filterButtons span:first-of-type {
	margin-right: 2px;
}
div.filterButtons button:first-of-type {
	margin-right: 2%;
}
div.filterButtons a button:first-of-type {
	margin-right: 0;
}
div.filterButtons  #resetButton {
	display: inline;
}
.cellOptionButtons {
	width: 14%;
}
.optionButtons  a {
	text-align: center;
}
.optionButtons button {
	/*margin: 2px 3px 0px 0px;*/
	margin: 2px 6px 0 0;
}
.buttonTo65 {
	width: 65px;
}

.btn-default, .btn-secondary {
	background-image: none;
	box-shadow: none;
	border-color: #ccc;
	padding: 4px 13px 2px;
	color:  #505050;
}
.btn, button.btn-primary, input.btn-primary, a.btn-info, a.btn-success, span.btn.btn-primary, .gbs3 .btn-primary, a.btn-primary, .btn-primary, #jsn-content-popup button, #jsn-content-popup span.btn.btn-primary, .gbs3 input.btn.btn-primary {
	background-color: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 4px 13px 2px;
	color: #d70a1e;
	text-shadow: none;
	background-image: none;
}
.btn:hover, .btn:focus, .btn button.btn-primary:hover, input.btn-primary:hover, a.btn-info:hover, a.btn-success:hover, span.btn.btn-primary:hover, .gbs3 .btn-primary:hover, button.btn-primary:focus, input.btn-primary:focus, a.btn-info:focus, a.btn-success:focus, span.btn.btn-primary:focus, .gbs3 .btn-primary:focus, .btn-primary:hover, .btn-primary:focus, .gbs3 input.btn.btn-primary:hover, .gbs3 input.btn.btn-primary:focus, .btn-primary:active, .btn-primary.active, a.btn-primary:hover, .btn-primary:hover, .btn-primary:focus, .btn-primary a:hover, .btn-primary:hover a, .btn-primary a:focus, .btn-primary:focus a {
	background-color: #d70a1e;
	border: 1px solid #d70a1e;
	outline: 0 !important;
	background-image: none;
	color: #fff;
	text-decoration: none;
}
.btn.disabled, .btn.disabled:focus, .btn.disabled:hover, button.btn-primary.disabled, button.btn-primary.disabled:hover, button.btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary.disabled, .btn-primary[disabled], span.btn.btn-primary.disabled, span.btn.btn-primary.disabled:hover, span.btn.btn-primary.disabled:focus, span.btn.btn-primary[disabled], span.btn.btn-primary[dispabled]:hover {
	background-color: #ededed;
	color: #ccc;
	border-color: #ccc;
}
[class^="icon-"], [class*=" icon-"] {
	vertical-align: top;
}
.icon-eye:before {
	font-family: "FontAwesome";
	content: "\f06e";
	}
.icon-ok {
	background-image: none;
	font-family: "FontAwesome";
}
.icon-ok:before {
	color: #c1a1a1;
	content: "\f00c";
}
select, select:active, select:focus {
	outline: 0 !important;
}
.list-buttons .btn.btn-primary {
	margin-left: 5px;
}
.page-submit-buttons .btn {margin-right: 5px;}
#jform_custom_fields_zipurl, #fileuploadButton {
	float: left;
}
#fileuploadButton {
	margin-left: -30px;
	padding-top: 3px;
	background-color: #f9f9f9;
	padding-left: 8px;
	padding-right: 0px;
	margin-top: 1px;
	padding-bottom: 1px;
	cursor: pointer;
	border-left: 1px solid #ddd;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
#fileuploadButton:hover {
	background-color: #e6e6e6;
}

.fa-plus, .fa-minus, #saf_add_filter .fa-plus, .fa-schrift .fa, .lehrganglist-view .fa-schrift .fa {
	margin-right: 0.25em;
}
.new-lehrgang {
	margin-top: 1em;
}
[class*="course-method"] {
	font-family: FontAwesome;
	color: #d70a1e;
	font-size: 1.6em;
}
.course-method1:before {
	/*background-image: url(../images/icons/methode_0.png);*/
	content: "\f007";
}

.course-method2:before {
	/*background-image: url(../images/icons/methode_1.png);*/
	content: "\f108";
}

.course-method3:before {
	/*background-image: url(../images/icons/methode_2.png);*/
	content: "\f0ca";
}

.course-method4:before {
	/*background-image: url(../images/icons/methode_3.png);*/
	content: "\f008";
}

.course-method5:before {
	/*background-image: url(../images/icons/methode_4.png);*/
	content: "\f0c2";
}
.course-method6 {
	position: relative;
}
.course-method6:before {
	/*background-image: url(../images/icons/methode_5.png);*/
	content: "\f234";
	font-size: 0.9em;
}
.course-method6:after {
	content: "\f109";
	font-size: 0.9em;
	position: absolute;
	bottom: 0;
	left: 17px;
}

.course-method7:before {
	/*background-image: url(../images/icons/methode_6.png);*/
	content: "\f0c0";
}

.course-method8:before {
	/*background-image: url(../images/icons/methode_7.png);*/
	content: "\f044";
}

.course-method10:before {
	/*background-image: url(../images/icons/methode_10.png);*/
	content: "\f19d";
}
.course-method1, .course-method2, .course-method3, .course-method4, .course-method5, .course-method6, .course-method7, .course-method8, .course-method10, .course-state0, .course-state1, .course-state2, .course-state3 {
	width: 100%;
	height: 32px;
	background-position: left top;
	background-repeat: no-repeat;
	display: inline-block;
}

.list-method {
	text-align: center !important;
}
.ta_credits {
	border-radius: 100%;
	background-color: #d70a1e;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	text-align: center;
	padding: 2px;
}
.fph_score {
	border-radius: 100%;
	background-color: #008000;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	text-align: center;
	padding: 2px;
}
[class*="course-state"]:before {
	content: "\f111";
	font-family: FontAwesome;
	font-size: 2em;
}

.course-state0:before {
	color: #d70a1e;
}
.course-state1:before {
	color: #008000;
}
.course-state2:before {
	color: #FFA500;
}

.course-state3:before {
	color: #D9D9D9;
}

.course_content, .course_certificate {
	border-top: 1px solid #ddd;
	clear: both;
}
.course_content:nth-child(odd), .course_certificate:nth-child(odd) {
	background-color: #F9F9F9;
}
.course_content .title, .course_certificate .title {
	display: block;
	float: left;
	width: 25%;
	padding: 8px;
	line-height: 30px;
}
.course_content .actions, .course_certificate .actions {
	display: block;
	padding: 8px;
}
.actions .btn-primary {
	margin-right: 5px;
}
/* Seite Aktuelle Anmeldungen Mitarbeiter */

.teacher-view .table {
	margin-left: 30px;
	width: calc(100% - 30px);
}

.teacher-view th.cellDescription, .teacher-view td.cellDescription {
	width: 17%;
}
.teacher-view th.cellCourseCode, .teacher-view td.cellCourseCode {
	width: 13%;
}
.teacher-view th.cellMethod, .teacher-view td.cellMethod {
	width: 10%;
}
.teacher-view th.cellDate, .teacher-view td.cellDate {
	width: 12%;
}
.teacher-view th.cellLocation, .teacher-view td.cellLocation {
	width: 15%;
}
.teacher-view th.cellState, .teacher-view td.cellState {
	width: 15%;
}
.teacher-view th.cellButtons, .teacher-view td.cellButtons {
	width: 18%;
}
.teacher-view td.cellButtons > a, .teacher-view td.cellButtons > div, .catalog-view div.cellButtons > a, .catalog-view div.cellButtons > span {
	margin-bottom: 2px;
	display: inline-block;
}
.teacher-view h2, .teacher-view td.cellDescription {
	color: rgb(185, 0, 0);
}

.teacher-view .cellButtons a, .catalog-view div.cellButtons > a, .catalog-view div.cellButtons > span {
	margin-right: 5px;
}
.catalog-view .cellButtons > a, .catalog-view .cellButtons > span {
	float: left;
}
.catalog-view .cellButtons .fa, .course-view .cellButton .fa, .fa {
	width: 1em;
	/*height: 1.55em;
	line-height: 1.55em;*/
}
.catalog-view .cellButtons {
}
.catalog-view .filterButtons {
	float: right;
	text-align: right;
}

.catalog-view .cellButtons .schrift-button {
	width: 100px;
	max-width: 100px;
}
.catalog-view .cellButtons .schrift-button span, 
.catalog-view .cellButtons a .schrift-button, .catalog-view .cellButtons .schrift-button.disabled {
	width: 100px;
	line-height: 1em;
	padding-top: 8px;
	padding-bottom: 6px;
}

.teacher-view .minHeight85 {
	min-height: 85px;
}

.teacher-view .disabledCursor button {
	cursor: not-allowed !important;
}

.teacher-view .singleUserName {
	padding: 4px;
	border: 1px solid rgb(204, 204, 204);
}
/* Ende Aktuelle Anmeldung Mitarbeiter */
/* Schnellfiltermenü ...... */
.saf-schnellfilter {
	border: 1px solid #e0e0e0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 20px 30px;
}
.saf-schnellfilter h2 {
	border-bottom: 1px solid #e0e0e0;
	margin-top: 0;
	margin-bottom: 1em;
}
.saf-schnellfilter .saf-schnellfilter-row {
	width: 100%;
	clear: both;
	margin-bottom: 1em;
}
.saf-schnellfilter .saf-schnellfilter-row:last-child {
	margin-bottom: 0;
}
.saf-schnellfilter .saf-schnellfilter-row .saf-schnellfilter-object {
	display: inline-block;
	padding-right: 30px;
}
.saf-schnellfilter .saf-schnellfilter-row .saf-schnellfilter-object.checked {
	color: #d70a1e;
}
.saf-schnellfilter .saf-schnellfilter-row .saf-schnellfilter-object:last-child {
	padding-right: 0;
}
.saf-schnellfilter .saf-schnellfilter-row .saf-schnellfilter-object .saf-checkbox div {
	float: left;
}
.saf-schnellfilter .saf-schnellfilter-row .saf-schnellfilter-object .saf-checkbox .saf-checkbox-control {
	padding-right: 8px;
}
.saf-schnellfilter .saf-schnellfilter-row .saf-schnellfilter-object .saf-checkbox .saf-checkbox-label:hover, .saf-schnellfilter .saf-schnellfilter-row .saf-schnellfilter-object .saf-checkbox .saf-checkbox-control:hover {
	cursor: pointer;
}
.saf-suche div.btn-primary {
	margin-bottom: 10px;
	margin-left: 10px;
}
.saf-addfilter .filterButtons {
	text-align: right;
}
#saf_add_filter {
	margin-left: 0;
    max-width: 180px;
}
.saf-container {
	padding-bottom: 2em;
}
.saf-container .saf-addfilter {
	padding-top: 3em;
}
.saf-addfilter .saf-addfilter-object {
	display: inline;
	float: left;
	padding-right: 30px;
}
/*--------------ANFANG Dokument in Lehrgang- und Kurs-Admin------*/

.jsn-view-lehrgangform  #lehrgang-form #dokumente #fileslist .lehrgang_files,
.jsn-view-courseform #course-form #course-files #fileslist .course_files {
	max-width: 665px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 8px;
	border-bottom: 1px solid #ddd;
	column-gap: 8px;
}

.jsn-view-lehrgangform  #lehrgang-form #dokumente #file_upload,
.jsn-view-courseform #course-form #course-files #file_upload {
	margin-top: 30px;
}

.jsn-view-lehrgangform  #lehrgang-form #dokumente .container-fluid,
.jsn-view-courseform #course-form #course-files .container-fluid {
	margin: 0;
}

.jsn-view-lehrgangform  #lehrgang-form #dokumente #fileslist .lehrgang_files:nth-child(2n),
.jsn-view-courseform #course-form #course-files #fileslist .course_files:nth-child(2n) {
	background-color: #f9f9f9;
}

.jsn-view-lehrgangform  #lehrgang-form #dokumente #fileslist .lehrgang_files .icon-trash:before,
.jsn-view-courseform #course-form #course-files #fileslist .course_files .icon-trash:before {
	font-family: FontAwesome;
	content: "\f1f8";
}

.jsn-view-lehrgangform  #lehrgang-form #dokumente #fileslist .lehrgang_files .icon-trash,
.jsn-view-courseform #course-form #course-files #fileslist .course_files .icon-trash {
	background-image: none;
}
/*--------------ENDE Dokument in Lehrgang- und Kurs-Admin------*/
@media only screen and (max-width: 760px) {
	#jsn-menu .jsn-modulecontent > .jsn-menu-toggle {
		font-size: 1.1em;
	}

	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li > a, #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li > a:hover {
		margin-right: 0;
		background-color: #ffffff;
		color: #333;
	}

	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu.jsn-menu-mobile ul {
		background-color: #d4d4d4;
	}

	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu.jsn-menu-mobile ul li a {
		background: none;
		color: #333;
	}

	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu.jsn-menu-mobile ul li {
		border-bottom: 1px solid #ffffff;
	}

	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu.jsn-menu-mobile ul li:last-child {
		border-bottom: none;
	}
}
@media (max-width: 767px) {
	.modal {
		position: static;
		margin-bottom: 5px;
		width: 300px;
		display: block;
	}
}

/* Pagination */

.pagination ul > li > a, .pagination ul > li > span {
	float: none !important;
}

ul.pagenav li a, div.pagination ul li a {
	margin: 0 !important;
}
.pagination .counter {
	text-align: center;
}
/******/

/*.chzn-container-single .chzn-single {
 padding: 3px 0 0 8px;
 height: 25px;
 }
 .chzn-container-single .chzn-single div b {
 background-position: 0px 5px;
 }*/
.chzn-container-single .chzn-single {
	height: 30px;
	line-height: 29px;
	background-image: none;
	background-color: #f5f5f5;
	border-color: #ccc;
}
.chzn-container-active .chzn-single {
	border-color: #ab2020;
}
.chzn-container .chzn-results li.highlighted {
	background-color: #d70a1e;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #d70a1e), color-stop(90%, #ab2020));
	background-image: -webkit-linear-gradient(#d70a1e 20%, #ab2020 90%);
	background-image: -moz-linear-gradient(#d70a1e 20%, #ab2020 90%);
	background-image: -o-linear-gradient(#d70a1e 20%, #ab2020 90%);
	background-image: linear-gradient(#d70a1e 20%, #ab2020 90%);
	color: #fff;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, .gbs3 .form-control:focus {
	border-color: #a51010 !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(199,26,26,0.6);
}
/********** course-edit *************/

/*** Tabs ***/

.nav-tabs li {
	display: inline-block;
	margin-left: 0;
}
.nav-tabs li a {
	margin-top: 8px;
	padding-top: 8px;
}
.nav-tabs li.active a {
	background: rgba(255,255,255,1);
	/*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(237,237,237,1)));
	 background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	 background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	 background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	 background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );*/
	border-bottom: 1px solid transparent;
	padding-top: 12px;
	margin-top: 0;
	padding-bottom: 12px;
	margin-bottom: 0;
}

.nav-tabs > li > a, .nav-pills > li > a {
	padding-left: 10px;
	padding-right: 10px;
	background-color: #eee;
	border: 1px solid #ddd;
}

.nav-tabs > li > a:hover {
	border-color: #d5d5d5;
	padding-top: 12px;
	margin-top: 0;
	padding-bottom: 12px;
	margin-bottom: 0;
}

.disabled, .disabledCursor {
	cursor: not-allowed !important;
}

/*** Ende Tabs ***/

div.course-edit h4:first-of-type, div.seminar-edit h4:first-of-type {
	margin-top: 0;
}

div.course-edit input[type=text], 
div.course-edit .chzn-container, 
div.course-edit textarea, 
div.seminar-edit input[type=text], 
div.category-edit input[type=text],
div.seminar-edit .chzn-container, 
div.seminar-edit textarea, div.feedback-edit input[type=text], 
div.feedback-edit .chzn-container, div.feedback-edit textarea {
	width: 255px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.course-edit input[type=text], div.seminar-edit input[type=text], div.feedback-edit input[type=text], div.category-edit input[type=text] {
	padding: 3px 0 0 8px;
	height: 30px;
}

div.seminar-edit .input-prepend.input-append .btn:last-child, div.course-edit .input-prepend.input-append .btn:last-child, div.feedback-edit .input-prepend.input-append .btn:last-child, div.category-edit .input-prepend.input-append .btn:last-child {
	margin-left: 49px;
}

div.seminar-edit .chzn-container-single .chzn-drop {
	margin-top: -10px;
}

input#metadata_indpartner_image, input#jform_logo_industriepartner {
	width: 227px !important;
}

input#metadata_indpartner_image + a.modal.btn, input#jform_logo_industriepartner  + a.modal.btn {
	margin-left: -119px !important;
}

input#metadata_indpartner_image + a.modal.btn + a.btn, input#jform_logo_industriepartner  + a.modal.btn + a.btn {
	margin-left: -34px !important;
}

/* ******* FAQ div ************ */

div.fsjtpl_faqs_faqs_default {
	margin-top: 20px;
}
.fsj_com_fsj_faqs h2 {
	color: #333;
	padding-bottom: 0.8em;
}
div.fsj_faqs_faqs div.media {
	border-bottom: 1px solid #dddddd;
}

div.fsj_faqs_faqs div.media .media-heading a {
	background: url(../images/arrow.png) no-repeat left;
	padding-left: 15px;
}

.modal-dialog form .control-group div.control-label, .modal-dialog form .control-group div.controls {
	display: inline-block;
	width: 40%;
}

.modal-dialog form .control-group div.controls {
	float: right;
}

.modal-dialog form div.modal-infotext {
	text-align: justify;
	margin-bottom: 10px;
	width: 98%;
}

div.modal-dialog {
	padding: 10px;
}

/* ********* Lightbox *************** */

.ui-lightbox-element {
	min-height: 200px;
	font-size: 16px;
	padding-top: 115px;
}

#sbox-window div.controls select#foodchoice {
	border: 1px solid #aaa;
	border-radius: 5px;
	background-color: #fff;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
	background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
	background-clip: padding-box;
	box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
	color: #444;
	text-decoration: none;
	white-space: nowrap;
	line-height: 24px;
}

/*************/

#phoca-dl-category-box .pd-document16 {
	background-position: 1px 5px !important;
	height: 30px;
}

#phoca-dl-category-box .pd-subcategory, #phoca-dl-file-box .pd-file {
	margin: 0px;
}

#phoca-dl-category-box .pd-subcategory a, #phoca-dl-category-box .pd-filebox a {
	padding-left: 40px;
	padding: 10px;
	display: inline-block;
}

#phoca-dl-category-box .pd-subcategory a.btn, #phoca-dl-category-box .pd-filebox a.btn {
	padding: 4px 12px;
	margin-top: 25px;
}

#phoca-dl-category-box .pd-subcategory, #phoca-dl-category-box .pd-filebox {
	border: 0;
	border-top: 1px solid #ddd;
	margin: 0;
	padding: 0;
	padding-left: 30px;
	background-position: 5px center;
}

#phoca-dl-category-box .pd-filebox {
	padding: 0;
}

#phoca-dl-category-box .pd-subcategory:nth-of-type(1), #phoca-dl-category-box .pd-filebox:nth-of-type(1) {
	border-top: 0;
}

#phoca-dl-category-box .pd-subcategory:nth-child(odd), #phoca-dl-category-box .pd-filebox:nth-child(odd) {
	background-color: #f9f9f9;
}

#phoca-dl-category-box .pd-filebox .pd-title {
	padding-left: 3px;
}

h3.pd-ctitle {
	color: #333;
	background: none !important;
	border: none !important;
	margin: 0 !important;
}

.tp-blog-links {
	list-style: none;
	border-top: 3px solid #e9e9e9;
	margin-top: 5px;
	padding-top: 5px;
}

.tp-blog-links li {
	margin-left: 0;
}

.mb2 {
	margin-bottom: 2px;
}
.mr10 {
	margin-right: 10px;
}
.dpBlock {
	display: block;
}

td.fph_score {
	text-align: center;
	line-height: 1em;
}

td span.fph_score {
	color: #019a32;
}
td span.fph_score .title {
	font-size: 18px;
	font-weight: bold;
}

fph_score {
	text-align: center;
	line-height: 1em;
}

div.fph_score {
	color: #019a32;
}
div.fph_score .title {
	font-size: 18px;
	font-weight: bold;
}

.coursetitle {

}

.coursetitle .title {
	font-weight: bold;
}
/* -------------------Schnellstart Begin---------------------------------*/
.fb {
	/* background-color: #F9F9F9;
	 padding: 1em 2em;
	 border: 1px solid #ddd;*/
	margin: 3em 0;
}

.fb h2 {
	font-size: 2em;
	color: #b90000;
	margin-bottom: -20px;
}
.fb div a {
	position: relative;
	margin-right: 1em;
	background-color: #fff;
	width: 240px;
	height: 50px;
	display: inline-block;
	padding: 0.5em;
	border-radius: 4px;
	border: 1px solid #ddd;
	overflow: hidden;
}
.fb div a:last-child {

	margin-right: 0;
}
.fb div a:hover {
	background-color: #f9f9f9;
	text-decoration: none;
}

/*.fb p a:first-child {
 position: relative;
 }
 */
.fb .fa {
	clear: both;
	display: block;
	font-size: 2em;
	padding-top: 0.3em;
	color: #d70a1e;
}
.fstart_ma, .fstart_me, .fstart_fb {
	padding-top: 0.2em;
	display: block;
	line-height: 1em;
	font-size: 1.1em;
	font-weight: bold;
	color: #d70a1e;
	padding-left: 5em;
}
.fb .fa-leanpub:before {
	content: "\f108";
	position: absolute;
	top: 0.3em;
	left: 1.5em;
}
.fb .fa-id-card-o:before {
	position: absolute;
	top: 0.3em;
	left: 1.5em;
}
.fb .fa-history:before {
	position: absolute;
	top: 0.3em;
	left: 1.8em;
}
.fb div a:first-child i:after {
	font-family: FontAwesome;
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	content: "\f2c2";
	color: #717275;
}
.fb div a:nth-child(2) i:after {
	font-family: FontAwesome;
	position: absolute;
	top: 0.4em;
	left: 0.5em;
	content: "\f008";
	color: #717275;
}
.fb div a:nth-child(3) i:after {
	font-family: FontAwesome;
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	content: "\f19d";
	color: #717275;
}
.fb div a i {
	-webkit-transition: all 0.2s ease;
	/*-moz-transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
	 -ms-transition: all 0.2s ease;*/
}
/*.fb div a:hover i {
 overflow: hidden;
 font-size: 3em;
 padding-top: 0;
 -webkit-transition: all 0.2s ease;
 -moz-transition: all 0.2s ease;
 -o-transition: all 0.2s ease;
 -ms-transition: all 0.2s ease;
 }*/
.fb div {
	background-color: #f4f4f4;
	padding: 1em;
	border-radius: 4px;
	margin-top: 15px;
	width: 802px;
}
.fb .fb_tri {
	width: 0px;
	height: 0px;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 50px 30px 50px;
	border-color: transparent transparent #f4f4f4 transparent;
}
.fb div a:hover span {
	/*margin-top: 10px;
	 -webkit-transition: all 0.2s ease;
	 -moz-transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
	 -ms-transition: all 0.2s ease;*/
	color: #717274;
}
/* -------------------Schnellstart End---------------------------------*/
/* -----------------Icons für Bos------------------------------------*/
.course-method-bos {
	position: relative;
}
.course-method-bos .fa-users {
	position: absolute;
	color: #d70a1e;
	font-size: 1em;
	position: absolute;
	top: 0;
	left: 0;
}
.course-method-bos .fa-check {
	position: absolute;
	color: #d70a1e;
	font-size: 1.8em;
	position: absolute;
	top: 5px;
	left: 10px;
}
/* -----------------Icons für Bos END---------------------------------*/
/*Tobias 18.1.17*/
.article-info {
	float: left;
}
.readmore {
	float: left;
	clear: left;
}
.blog .items-row {
	padding-bottom: 1em;
	padding-top: 1em;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
	background-color: #d70a1e;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #d70a1e), color-stop(90%, #ab2020));
	background-image: -webkit-linear-gradient(#d70a1e 20%, #ab2020 90%);
	background-image: -moz-linear-gradient(#d70a1e 20%, #ab2020 90%);
	background-image: -o-linear-gradient(#d70a1e 20%, #ab2020 90%);
	background-image: linear-gradient(#d70a1e 20%, #ab2020 90%);
	color: #fff;
}

/* -----------------Breakout-Session Änderungen -------------------------------*/
div.bos input[type=text], div.bos .chzn-container, div.bos textarea {

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.bos input[type=text] {
	/*width: 100%;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px 0 0 8px;
	height: 28px;
}
.bos .input-append {
	width: 255px;
}
div.bos input[type="text"] {
	height: 30px;
}
div.bos #module #tblModule .actions {
	width: 10%;
	text-align: center;
}
.bos .tab-content input[type=text] {
	width: 255px;
}
div.bos .input-prepend.input-append .btn:last-child {
	margin-left: 49px;
}

.bos .btn-default, .bos .btn-success, #sbox-window .btn-default {
	background-image: none;
	background-color: #fff;
	color: #d70a1e;
	box-sizing: border-box;
	padding: 4px 13px;
	box-shadow: none;
	border: 1px solid #ccc;
}
.bos .btn-default:hover, .bos .btn-success:hover, #sbox-window .btn-default:hover {
	background-color: #d70a1e;
	color: #fff;
	border-color: #d70a1e;
}
.tpa-reports .btn-default {
	margin-right: 5px;
}
.bos .btn-default [class*=" icon-"] {
	background-image: url(../../../media/jui/img/glyphicons-halflings-white.png) !important;
}
.bos .doc-title {color: #d70a1e;}
.bos .filterButtons #filterButton, .bos .filterButtons #resetButton {
	margin-left: 0;
}

.bos #document_tab_container [class*=" docs_"]{padding-top: 2px;padding-bottom: 2px;}
.bos #document_tab_container .bos-doc-container > div > div:first-child {padding-left: 5px;}
.bos #document_tab_container .bos-doc-container > div:nth-child(odd)
{background-color: #F9F9F9;border-top: 1px solid #ddd;}
/*
.bos .optionButtons a {
	margin: 2px 3px 0px 0px;
} wegen dem neuen Button checkout*/
#breakoutsession-form .btn-toolbar .btn .icon-cancel {
	display: none;
}

.course-view .coursetitle .table-striped tbody .contentTr > th {
	background-color: #f9f9f9;
}
.course-view .coursetitle .table-striped tbody .bos_modules th, .course-view .coursetitle .table-striped tbody .bos_modules td {
	background-color: #fff;
}
.course-view .coursetitle .table-striped tbody .bos_modules .table-striped tr td:nth-child(1) {
	width: 20%
}
.course-view .coursetitle .table-striped tbody .bos_modules .table-striped tr td:nth-child(2) {
	width: 40%
}
.course-view .coursetitle .table-striped tbody .bos_modules .table-striped tr td:nth-child(3) {
	width: 20%
}
.course-view .coursetitle .table-striped tbody .bos_modules .table-striped tr td:nth-child(4) {
	width: 20%
}
#sbox-window .catalog-info-popup, .catalog-info-popup, #sbox-window .bos-module-container, #sbox-window #mCourseMail {
	padding: 0em 2em 1em 2em;
	box-sizing: border-box;
}
#sbox-window h2 {
	/*margin-left: 30px;*/
	color: #d70a1e;
	}
.catalog-info-popup h2 {
	color: #d70a1e;
	margin: 0;
	border-bottom: 1px solid #e0e0e0;
	padding-top: 2em;
	margin-bottom: 0.5em;
}

.documents-row ul {
	list-style: none;
}
.documents-row ul li {
	margin: 0;
}
.documents-row ul li li {
	margin-left: 1.6em;
}
#sbox-window .mSonstiges {
	margin-bottom: 1em;
}
.bos-new {
	padding-top: 1em;
}

.modulFarbe {
	height: 28px;
	width: 40px;
	border-radius: 4px;
}

.course-method-bos .fa-check-square-o {
	position: absolute;
	top: 15px;
	left: 30px;
	color: #d70a1e;
	font-size: 0.6em;
}

.course-method-bos .fa-check-square-o:last-child {
	position: absolute;
	color: #d70a1e;
	font-size: 0.6em;
	top: 0px;
	left: 30px;
}
.chzn-container-multi .chzn-choices {
	border-radius: 4px !important;
	border-color: #ccc;
	background-image: none;
}
.chzn-container-active .chzn-choices {
	border: 1px solid #d70a1e !important;
	box-shadow: none !important;
	background-color: #f2f2f2 !important;
}

.chzn-container-multi .chzn-choices li.search-field input[type="text"] {
	box-shadow: none !important;
}
#coursecontents .table thead th {
	border-bottom: 1px solid #ddd;
}
#coursecontents .coursecontent-header td {
	background-color: #fff;
	padding-top: 2em;
	color: #B90000;
}
#coursecontents .coursecontent-odd td {
	background-color: #f9f9f9;
}
#coursecontents .coursecontent-even td {
	background-color: #fff;
}
#coursecontents .cellButtons .ideacourse {
	width: 100px;
}
#coursecontents .cellButtons .ideacourse span {
	width: 100%;
}
#kurse #courseslist .no-items, #zertifikat #certlist .no-items {
	color:  #505050;
	border-top: 1px solid #ddd;
	padding: 8px;
}
#kurse #courseslist .table-header-row, #zertifikat #certlist .table-header-row {
	font-weight: bold;
	padding-left: 8px;
}
#kurse #courseslist .table-body-row, #zertifikat #certlist .table-body-row {
	border-top: 1px solid #ddd;
	padding: 8px;
	clear: both;
}
#kurse #courseslist .table-body-row:nth-child(odd), #zertifikat #certlist .table-body-row:nth-child(odd) {
	background-color: #f9f9f9;
}
#kurse #courseslist .table-body-row > div:last-child > * {
	margin-right: 5px;
}
#kurse #courseslist .table-body-row > div .sort-buttons {margin-right: 0;}
#kurse #courseslist .table-body-row > div .sort-buttons .btn {margin-right: 5px; display: inline-block;}
.btn, .btn-default, .btn-primary {
	color: #d70a1e;
    background-color: #fff ;
    background-image: none;
    font-size: 13px;
    padding: 4px 13px 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-right: 3px;
    text-shadow: none;
    box-shadow: none;
}
.btn:hover, .btn:focus, .btn-default:hover, .btn-default:focus, .btn-primary:hover, .btn-primary:focus {
	color: #fff;
	background-color: #d70a1e;
	border: 1px solid #d70a1e;
}

/*-------------------TPA Änderungen Anfang ----------------------------------------------*/
.tpa-reports .btn-default {
	background-image: none;
	background-color: #fff;
	color: #d70a1e;
	box-sizing: border-box;
	padding: 4px 13px;
	box-shadow: none;
	border: 1px solid #ccc;
}
.tpa-reports .btn-default:hover {
	background-color: #d70a1e;
	color: #fff;
	border: 1px solid #d70a1e;
}
.tpa-reports #user {
	padding-top: 36px;
}
.tpa-reports #username {
	padding-top: 4px;
}
.tpa-reports .report-title {
	padding-left: 10px;
	margin-top: 3em;
	font-weight: bold;
	font-size: 1.2em;
	color: #b90000;
}
.tpa-reports .report-theader {
	padding-left: 10px;
	font-weight: bold;
	padding-top: 10px;
}
.tpa-reports .report-tbody {
	padding: 5px 10px;
	border-top: 1px solid #ddd;
}
.tpa-reports .report-tbody:nth-child(2n+1) {
	background-color: #f9f9f9;
}
.tpa-reports .normal {
	color: #222;
	font-weight: normal;
}
/*------------------TPA Änderungen ENDE ------------------------------------------------*/

/* ----------------------------Kurs Detailansicht -----------------------------------------*/

.course-view .span6 .h2, .course-view .span6 .rowEntry {
	position: relative;
	width: 100%;
}
.course-view .span6 {
	margin-bottom: 25px;
}

.course-view .rowEntry .fieldLabel, .lehrgangform-view .rowEntry .fieldLabel {
	position: relative;
	width: 50%;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
}

.course-view .rowEntry .fieldValue, .lehrgangform-view .rowEntry .fieldValue {
	position: relative;
	width: 50%;
	display: inline-block;
}

.course-view .rowEntry .fieldLabel_25, .lehrgangform-view .rowEntry .fieldLabel_25 {
	position: relative;
	width: 25%;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
}

.course-view .rowEntry .fieldValue_75 {
	position: relative;
	width: 75%;
	display: inline-block;
}

.course-view h4, .lehrgangform-view h4 {
	border-bottom: 1px solid lightgray;
}
.course-view .stripedEntry, .lehrgangform-view .stripedEntry {
	background-color: rgb(249, 249, 249);
}

/*.course-view .cellButtons a, .course-view .cellButtons button {
 margin-left: 5px;
 }*/
.course-view .cellButtons .certify-row a {
	margin-right: 5px;
}
.course-view .disabledCursor button {
	cursor: not-allowed !important;
}

.course-view .printMenu {
	display: none;
}

.course-view .printMenu ul {
	list-style: none;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	overflow: hidden;
	margin-bottom: 5px;
	background-color: #fff;
	border: 1px solid lightgray;
}
.course-view .printMenu a {
	color: #d70a1e;
	text-decoration: none;
}

.course-view .printMenu li {
	margin-left: 0;
	cursor: pointer !important;
	padding: 2px;
}

.course-view .printMenu li.disabled {
	margin-left: 0;
	cursor: not-allowed !important;
	color: #aaa;
	padding-right: 5px;
	padding-left: 5px;
}
.printMenu li a {
	padding-right: 5px;
	padding-left: 5px;
}
.printMenu li:hover, .printMenu li:focus {
	background-color: #d70a1e;
	color: #fff;
}
.printMenu li:hover a, .printMenu li:focus a {
	color: #fff;
}
.course-view .icon-download-alt {
	background-image: none;
	font-family: "FontAwesome";
}
.course-view .icon-download-alt:before {
	content: "\f019";
}
/*-----------------------------Kurs Detailansicht ENDE -------------------------------------*/

.calendar-container > .table {
	table-layout: fixed !important;
}
.calendar-container table tbody td.selected, .calendar-container table tbody td.today::after {
	background-color: #a51010;
}
.calendar-container table tbody td.day:hover {
	background-color: #d70a1e;
}
.icon-arrow-left {
	background-image: none;
	font-family: "FontAwesome";
}
.icon-arrow-left:before {
	content: "\f08b";
}
/*----------------------------- Lehrgangs-Katalog START -------------------------------------*/

div.lehrganglist-view .container-fluid {
	padding-right: 0;
	padding-left: 0;
}

div.lehrganglist-view div.row-fluid.table-header, 
.user2lehrgang-container .u2l-header-row,
div.praemienlist-view #praemienlist .table-header div,
div.categories-list div.row-fluid.table-header {
	font-weight: bold;
	color: #333;
	background: none;
	border: none;
}

div.lehrganglist-view div.row-fluid {

}

div.lehrganglist-view div.row-fluid.table-body-row,
div.praemienlist-view #praemienlist .table-body-row,
div.categories-list div.row-fluid.table-body-row {
	border-top: 1px solid #ddd;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
}

div.lehrganglist-view div.row-fluid.table-body-row:nth-child(even),
div.praemienlist-view #praemienlist .table-body-row:nth-child(even),
div.categories-list div.row-fluid.table-body-row:nth-child(even) {
	background-color: #f9f9f9;
}

div.categorycatalog.lehrganglist-view div.row-fluid.table-body-row:nth-child(even) {
	background-color: inherit;
}

div.lehrganglist-view div.row-fluid.table-header > div, 
div.lehrganglist-view div.row-fluid.table-body-row > div,
div.praemienlist-view #praemienlist .table-body-row > div {
	padding: 8px 8px 8px 0;
	text-overflow: ellipsis;
	overflow: hidden;
}

div.lehrganglist-view div.row-fluid.table-header > .row {
	padding-top: 0;
	padding-bottom: 0;
}

div.lehrganglist-view div.row-fluid.table-header > .row > div {
	padding-left: 0;
	padding-right: 0;
}
#lehrgang-form > .container-fluid {
	padding-right: 0;
	padding-left: 0;
}

div.lehrganglistcontainer div.span3.filterButtons, .lehrganglist-view .filterButtons {
	float: right;
	clear: right;
	text-align: right;
	padding-top: 2.1em;
}

.lehrganglist-view .fa-plus {
	margin-right: 0;
	padding-bottom: 4px;
}

div.praemienlist-view #praemienlist .itemcontainer {
	padding-bottom: 2em;
}

.limitbox {padding-top: 40px;}
.saf-addfilter-row { width: 100%; clear: both;}
.saf-addfilter-row .saf-addfilter-object {width: calc(25% - 30px);}

.saf-addfilter-row .saf-addfilter-object:last-child {padding-right: 0;}
.saf-addfilter-row .saf-addfilter-object .controls input,
.saf-addfilter-row .saf-addfilter-object .controls .input-append {width: 100%;}
.saf-addfilter-row .chzn-container  {width: 100% !important;}
.saf-addfilter-row .saf-addfilter-object.saf-field-tg {width: 100%;}
.ideacontents-list .saf-addfilter-object.saf-field-tg, .feedbacks-list .saf-addfilter-object.saf-field-tg {width: calc(50% - 14px);}
.saf-addfilter-row .saf-field-tg .chzn-container-multi {width: auto !important; min-width: 220px;}
.saf-addfilter-row .saf-field-tg .chzn-container-multi .chzn-drop {max-width: 220px;}
.saf-field-tg .chzn-container-multi .chzn-choices li.search-choice { background-color: #d70a1e; color: #fff; background-image: none; padding-top: 5px;}
.saf-field-tg .chzn-container-multi .chzn-choices li.search-choice .search-choice-close {background: none; font-family: FontAwesome;}
.search-choice-close::before {
	content: "\f00d";
	color: #fff;
	font-size: 14px;
}

.courses.courses-list .saf-suche #filter_name {margin-bottom: 10px;}
/* Das neue Top Right Menu */
ul.menu-topmenu {
	margin-top: 0;
}
ul.menu-topmenu li {
	display: inline-flex;
	/*margin-top: 4px;*/
	line-height: 1.5;
}
ul.menu-topmenu li a {
	margin-top: -2px;
}

/*-------------Feedback-Formulare------------------------------*/
.mod-feedback {
	border: 1px solid #ccc;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.mod-feedback .title {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
.mod-feedback .subtext {
	color:  #505050;
}
.mod-feedback .content > div {
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
}
.mod-feedback .feedback {
	padding: 10px;
	border-top: 1px solid #ddd;
}
.mod-feedback .odd {
	background-color: #F9F9F9;
	display: table;
}
.mod-feedback .go-feedback {
	vertical-align: top;
	display: table-cell;
	width: 40px;
}
.mod-feedback .go-feedback .feedback-btn {
	background-color: #fff;
	color: #d70a1e;
	box-shadow: none;
	background-image: none;
	margin-right: 10px;
	border: 1px solid #ccc;
}
.mod-feedback .feedback .feedback-name {
	display: table-cell;
	padding-left: 10px;
	vertical-align: top;
}
.mod-feedback .feedback-btn:hover {
	background-color: #d70a1e;
	color: #fff;
	border: 1px solid #d70a1e;
}
#userMessage:empty {
	display: none;
}
.feedback h2, .feedback-view .header {
	color: #b90000;
}
.feedback.question.beschreibung {
	padding-top: 1.5em;
}
/*--- nach dem einloggen Feedback: ----*/
.feedbacks-list #feedbacks tr .list-actions {
	width: 20%;
}
.feedback-view .feedback.question.matrix .row {
	margin-left: -20px;
}
.feedback.courseslist-view {
	padding: 0 20px;
}
.feedback.courseslist-view .table-header {
	font-weight: bold;
}
.feedback.courseslist-view h3 {
	color: #000;
	margin-top: 0;
	padding-top: 0;
}
.feedback.courseslist-view .table-striped {
	padding-top: 1em;
}
.feedback.courseslist-view .table-striped > .row:nth-child(even) {
	background-color: #f9f9f9;
}
.feedback.courseslist-view .table-striped .row {
	border-bottom: 1px solid #ddd;
	padding: 5px;
}
.feedback.courseslist-view .table-striped .row.pagination {
	border: none;
}
.feedback  .filterfields .filterButtons {
	padding-top: 2.25em;
	margin-bottom: 0;
}
/*-------------------Prämien verwalten------------------------------------------------*/
#adminredeem .ar-praemie {
	padding-top: 2em;
}

#adminredeem .ar-users-header {
	padding-top: 2em;
	color: #d70a1e;
}

.ar-base-users {
	width: 60%;
	float: left;
}


#adminredeem .ar-prebox {
	clear: both;
	display: table;
	width: 100%;
}

#adminredeem .ar-prebox .arp-title,
#adminredeem .ar-prebox .arp-control {
	width: 50%;
	display: table-cell;
}

#adminredeem .ar-prebox .arp-title {
	vertical-align: bottom;
	padding-bottom: 8px;
	font-weight: bold;
}

.ar-base-users .ar-prebox .arp-control .control-group,
.ar-selected-users .arp-control button {
	float: right;
	margin-bottom: 13px;
}

.ar-base-users .ar-prebox .arp-control .control-group .controls input {
	margin-bottom: 0;
}
.ar-users-container {
	width: 100%;
	clear: both;
}

.ar-users-container .ar-user-row,
.ar-selected-users-container .ar-user-row  {
	border: 1px solid transparent;
	border-top-color: #ddd;
	width: 100%;
	background-color: #fff;
	min-height: 40px;
	padding-left: 20px;
	box-sizing: border-box;
	cursor: pointer;
	padding: 8px;
}

.ar-users-container .ar-user-row:nth-child(2n+1) {
	background-color: #f9f9f9;
}

.ar-selected-users-container .ar-user-row.no-items,
.ar-selected-users-container .ar-user-row.no-items:hover {
	background-color: transparent;
	border: 1px solid transparent;
	border-top-color: transparent;
	opacity: 0.5;
	color: #333;
	padding-left: 0;
	cursor: default;
}


.ar-selected-users {
	width: calc(40% - 50px);
	float: left;
	padding-left: 50px;
}

.ar-selected-users .arp-control {
	vertical-align: bottom;
	padding-top: 37px;
}

#adminredeem .ar-send-btn {
	clear: both;
	padding-top: 30px;
}

.ar-user-row.disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.ar-users-container .ar-user-row:hover {
	border: 1px solid #d70a1e;
	color: #d70a1e;
}


.ar-users-container .ar-user-row.disabled:hover {
	border: 1px solid transparent;
	border-top-color: #ddd;
	color: #333;
}

.ar-users-container .ar-user-row.ar-active,
.ar-selected-users-container .ar-user-row {
	background-color: #d70a1e;
	color: #fff;
	border: 1px solid #d70a1e;
	border-bottom-color: #fff;
}

.ar-selected-users-container .ar-user-row:hover {
	background-color: #fff;
	border: 1px solid #d70a1e;
	color: #d70a1e;
}

.ar-users-titles {
	padding: 0 8px;
	font-weight: bold;
}

/* ------------------Feedback responsive 25.09.2018 ANFANG-----------------------------*/
.feedback-view .feedback.question.matrix .matrix-container .aws-row div.span4 {
	padding-right: 5px;
}
@media screen and (max-width: 767px) {
.feedback-view .feedback.question.matrix .matrix-container .matrix-werte {
	margin-left: 20px;
}
.feedback-view .feedback.question.matrix .matrix-container .matrix-werte > div {
	background-color: #d70a1e;
	color: #fff;
	word-wrap: break-word;
	line-height: 1em;
	padding: 5px;
	height: 100%;
	hyphens: auto;
	min-height: 1em;
}
.feedback-view .feedback.question.matrix .matrix-container .matrix-werte > div:nth-child(2n +2) {
	background-color: #a20101;
}
.feedback-view .feedback.question.matrix .matrix-container .matrix-werte > div:empty {
	background-color: transparent;
}
.feedback-view .feedback.question.matrix .matrix-container .aws-row,
.feedback-view .feedback.question.matrix .matrix-container .aws-werte {
	margin-left: 0;
}

.feedback-view .feedback.question.matrix .matrix-container .matrix-werte {
	margin-bottom: 1em;
}
.feedback-view .feedback.question.matrix .matrix-container .matrix-werte > .span3,
.feedback-view .feedback.question.matrix .matrix-container .aws-werte > .span3 {
	width: 23.404255319148934%;
	*width: 23.351063829787233%;
}
.feedback-view .feedback.question.matrix .matrix-container .matrix-werte > .span4,
.feedback-view .feedback.question.matrix .matrix-container .aws-werte > .span4 {
	width: 31.914893617021278%;
	*width: 31.861702127659576%;
}
.feedback-view .feedback.question.matrix .matrix-container .matrix-werte > .span2,
.feedback-view .feedback.question.matrix .matrix-container .aws-werte > .span2 {
	width: 14.893617021276595%;
	*width: 14.840425531914894%;
}
.feedback-view .feedback.question.matrix .matrix-container .matrix-werte > .span6,
.feedback-view .feedback.question.matrix .matrix-container .aws-werte > .span6 {
	width: 48.93617021276595%;
	*width: 48.88297872340425%;
}

.feedback-view .feedback.question.matrix .matrix-container .matrix-werte > [class*="span"],
.feedback-view .feedback.question.matrix .matrix-container .aws-werte > [class*="span"]{
	float: left;
}

.feedback-view .feedback.question.matrix .matrix-container .matrix-werte > [class*="span"]
{	
 }

.feedback-view .feedback.question.matrix .matrix-container .aws-row {
	margin-bottom: 1em;
}

.feedback-view .feedback.question.matrix .matrix-container .aws-row > div:first-child {
	vertical-align: bottom;
	min-height: 1em;
}

}
/* ------------------Feedback responsive 25.09.2018 ENDE-----------------------------*/
/* ----- Startseite-------*/
#jsn-page {
	box-sizing: border-box;
	max-width: 1640px;
	width: 100%;
}

#jsn-page #jsn-body {
	padding-top: 160px;
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
	width: 100%;
}
#jsn-pos-top a {
	color: #505050;
	text-decoration: none;
	font-size: 14px;
	text-align: left;
	width: 100%;
}
#jsn-pos-top a:hover, #jsn-pos-top a:focus {
	color: #d70a1e;
	background-color: transparent;
}
#jsn-pos-top .logout-fa:before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f08b";
	padding-top: 4px;
}
#jsn-pos-top .logout-fa a {
	padding: 6px 5px;
	height: 60px;
	z-index: 4;
}
#jsn-pos-top .fa {
	padding-right: 4px;
}

#jsn-pos-mainmenu {
	display: flex;
	float: right;
}
#jsn-pos-mainmenu  > .jsn-modulecontainer {
	display: flex;
	flex-direction: row;
	align-items: center;
	align-self: center;
	color: #505050;
	font-weight: bold;
	padding-right: 30px;
}

div.jsn-modulecontainer ul.menu-mainmenu li a {
	color:  #505050;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.parent {
	position: relative;
}
/*
div.jsn-modulecontainer ul.menu-mainmenu > li.parent:after {
	font-family: FontAwesome;
	content: "\f107";
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	position: absolute;
	bottom: 15px;
	right: 0;
}*/
div.jsn-modulecontainer ul.menu-mainmenu > li.parent.active:after {
	display: none;
}
div.jsn-modulecontainer ul.menu-mainmenu > li a {
	font-size: 14px;
}

div.jsn-modulecontainer ul.menu-mainmenu > li:last-child > a {
	padding-right: 0;
}
div.jsn-modulecontainer ul.menu-mainmenu li.active > a, div.jsn-modulecontainer ul.menu-mainmenu li:hover > a {
	background-color: transparent;
}
div.jsn-modulecontainer ul.menu-mainmenu li.active > a, div.jsn-modulecontainer ul.menu-mainmenu li:hover > a, div.jsn-modulecontainer ul.menu-mainmenu > li.parent:hover:after {
	color:  #505050;
}
div.jsn-modulecontainer ul.menu-mainmenu ul {
	background: transparent;
}
/*
div.jsn-modulecontainer ul.menu-mainmenu > li > ul.jsn-submenu-level-1:before {
	font-family: FontAwesome;
	content: "\f0d8";
	color: #F4F4F4;
	font-size: 30px;
	position: absolute;
	top: -18px;
	left: 30px;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.jsn-submenu-flipback > ul.jsn-submenu-level-1:before {
	font-family: FontAwesome;
	content: "\f0d8";
	color: #F4F4F4;
	font-size: 30px;
	position: absolute;
	top: -18px;
	left: calc(50% - 30px);
}*/
div.jsn-modulecontainer ul.menu-mainmenu ul li a,
div.jsn-modulecontainer ul.menu-sidemenu ul li a,
div.solid-2 ul.menu-sidemenu > li, div.solid-2 ul.menu-treemenu li,
div.jsn-modulecontainer ul.menu-mainmenu > li > ul > li.first > a {
	border: none;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li a {
	padding: 6px 0;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.active > ul > li.active > a.current {
	border: none;
}
div.jsn-modulecontainer ul.menu-mainmenu > li > ul > li.last > a {
	padding-bottom: 20px;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li a {
	font-size: 16px;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li:hover > a, #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li:hover > a, body.jsn-direction-rtl #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li:hover > a {
	background-color: transparent;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li.parent > a {
	background: none;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li.parent > a:before {
	font-family: FontAwesome;
	content: "\f105";
	float: right;
}
div.jsn-modulecontainer ul.menu-mainmenu li.jsn-submenu-flipback > ul > li.parent > a:before {
	font-family: FontAwesome;
	content: "\f104";
	float: left;
}
div.jsn-modulecontainer ul.menu-mainmenu li.jsn-submenu-flipback ul ul {
	z-index: 1;
}

#jsn-mainbody .item {
	border: 1px solid #e0e0e0;
	display: block;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 0;
	background: #ffffff;
	color:  #505050;
}
#jsn-mainbody .item .item-image {
	margin: 0;
	height: 300px;
	width: 100%;
	overflow: hidden;
}
#jsn-mainbody .item .item-image img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
#jsn-mainbody .item .tp-item-content {
	margin: 0 20px;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #ededed;
	font-size: 16px;
	line-height: 1.4em;
}
#jsn-mainbody .item .page-header {
	padding-top: 1em;
	font-size: 16px;
}
#jsn-mainbody .item .page-header h2, #jsn-mainbody .item .page-header h2 a {
	font-size: 16px;
	color: #333;
	line-height: 1.3em;
	margin-bottom: .6rem;
}
#jsn-mainbody .article-info {
	float: none;
	margin-top: 1em;
}
#jsn-mainbody .item-page {
	font-size: 16px;
	margin-top: 2em;
}
 #jsn-mainbody .item-page.frontpage {
	margin-top: 0;
}
.willkommen_content {
	position: relative;
}
.willkommen_content .willkommen {
	position: absolute;
	top: 15%;
	right: 10%;
	background-color: #fff;
	opacity: 0.7;
	font-size: 2em;
	padding: 25px 40px;
} 
.willkommen_content .red {
	color:  #d70a1e;
}

#jsn-mainbody .item-page .item-image {
	width: 100%;
	height: 600px;
	overflow: hidden;
	margin-bottom: 1em;
}
#jsn-mainbody .item .item-image img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}
#jsn-mainbody .item .readmore {
	width: 100%;
	margin-bottom: 1px;
	background: transparent;
	-webkit-transition: background 0.25s cubic-bezier(0.42,0,1,1), color 0.25s cubic-bezier(0.42,0,1,1);
	transition: background 0.25s cubic-bezier(0.42,0,1,1), color 0.25s cubic-bezier(0.42,0,1,1);
	padding: 15px 20px;
	margin-top: 0;
	float: none;
}
#jsn-mainbody .item .readmore .btn {
	background-color: transparent;
	background-image: none;
	font-size: 16px;
	border: none;
	text-shadow: none;
	color: #d70a1e;
	box-shadow: none;
	position: relative;
	padding: 0;
}
#jsn-mainbody .item .readmore .btn span {
	opacity: 0;
	position: absolute;
	bottom: 3px;
	right: 0px;
	transition: right 0.25s cubic-bezier(0.42,0,1,1), opacity 0.3s cubic-bezier(0.42,0,1,1);
}
#jsn-mainbody .item .readmore:hover {
	background: #d70a1e;
	color: #fff;
	-webkit-transition: background 0.25s cubic-bezier(0.42,0,1,1), color 0.25s cubic-bezier(0.42,0,1,1);
	transition: background 0.25s cubic-bezier(0.42,0,1,1), color 0.25s cubic-bezier(0.42,0,1,1);
}
#jsn-mainbody .item .readmore:hover .btn span, #jsn-mainbody .item .readmore:focus .btn span {
	display: inline-block;
	background-image: none;
	font-family: FontAwesome;
	color: #fff;
	right: -20px;
	opacity: 1;
	transition: right 0.25s cubic-bezier(0.42,0,1,1), opacity 0.3s cubic-bezier(0.42,0,1,1);
}
#jsn-mainbody .item .readmore:hover .btn span:before, #jsn-mainbody .item .readmore:focus .btn span:before {
	content: "\f105";
	color: #fff;
}
#jsn-mainbody .item .readmore .btn:hover, #jsn-mainbody .item .readmore .btn:focus, #jsn-mainbody .item .readmore:hover a, #jsn-mainbody .item .readmore:focus a {
	color: #fff;
}

.tp-praemien-image, .tp-system-image {
	height: 450px;
	overflow: hidden;
	width: 100%;
}
.tp-praemien-image p, .tp-system-image p {
	padding: 0;
	margin: 0;
}
.tp-system-image {
	position: relative;
}
.tp-system-image p img {
	position: absolute;
	bottom: 0;
	right: 0;
}
#jsn-logo {
	padding-bottom: 0;
}
#jsn-social-icons {
	display: none;
}

.cellTitle span {
	font-weight: normal;
}
/*-----------------Meine TopAcademy---------------------------*/
.u2l-item {
	border: 1px solid #e0e0e0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	margin-bottom: 5px;
}
.u2l-title-col {
	font-size: 1.2em;
	font-weight: bold;
	color: #d70a1e;
}
.u2l-lehrgang-row {
	border-bottom: 1px solid #e0e0e0;
	padding: 5px;
	box-sizing: border-box;
}
.u2l-indend-0 {
	padding-left: 5px;
  	margin-left: 0 !important;
}
.u2l-item-lehrgang .u2l-indend-1, .u2l-indend-1 {
	padding-left: 10px;
    margin-left: 0 !important;
}
.u2l-item-lehrgang .u2l-indend-2, .u2l-indend-2 {
	padding-left: 20px;
    margin-left: 0 !important;
}
.u2l-courses-container .fa {
	min-width: 10.2167px;
	display: inline-block;
}
.u2l-course-title-col {
	color: #d70a1e;
}
.u2l-item .course-row-striped {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #e0e0e0;
}
.u2l-item .course-row-striped:first-child {
	padding-top: 10px;
	border: none;
}
.u2l-item .course-row-striped:nth-child(even) {
	background-color: #f9f9f9;
}

/*-------------------------Kurskategorien verwalten----------------------*/
.categories-list .bottom-actions {
	margin-top: 2em;
	display: block;
}

div.categories-list div.row-fluid.table-body-row {
	padding: 8px;
}

div.categories-list div.row-fluid.table-body-row.indent-1 .item-col-name {
	padding-left: 15px;
}

div.categories-list div.row-fluid.table-body-row.indent-2 .item-col-name {
	padding-left: 30px;
}

div.categories-list div.row-fluid.table-body-row.indent-3 .item-col-name {
	padding-left: 45px;
}

div.categories-list div.row-fluid.table-body-row.indent-4 .item-col-name {
	padding-left: 60px;
}

div.categories-list div.row-fluid.table-body-row.indent-5 .item-col-name {
	padding-left: 75px;
}

div.categories-list div.row-fluid.table-body-row.indent-6 .item-col-name {
	padding-left: 90px;
}

div.categories-list div.row-fluid.table-body-row.indent-7 .item-col-name {
	padding-left: 105px;
}

div.categories-list div.row-fluid.table-body-row.indent-8 .item-col-name {
	padding-left: 120px;
}

div.categories-list div.row-fluid.table-body-row.indent-9 .item-col-name {
	padding-left: 135px;
}

div.categories-list div.row-fluid.table-body-row.indent-10 .item-col-name {
	padding-left: 150px;
}

div.categories-list div.row-fluid.table-header {
	padding: 0 8px;
}

div.categories-list .container-fluid,
div.category-edit .container-fluid {
	padding-right: 0;
	padding-left: 0;
}

.category-edit .tab-content .control-group .control-label {
	width: 150px !important;
	display: inline-block !important;
}

/*------------Bildungshistorie Kurskoordinator--------------------------------*/
.jsn-view-users2lehrgang .user2lehrgang-container {
	margin-top: 2em;
}

/*-----------Admin Bereich des Abstandes wann Tabelle beginnt----------------*/
.lehrganglist-view .items-table,
.seminare-list #seminare,
.ideacontents-list #table-list {
	margin-top: 28px;
}
/*-----------Adminbereich Dateien und Videos ----------------*/
#fileList tfoot,
#videoList tfoot {
	display: none;
}

.jsn-view-videos [class^="icon-"],
.jsn-view-videos [class*=" icon-"],
.jsn-view-files [class^="icon-"],
.jsn-view-files [class*=" icon-"],
.jsn-view-video [class^="icon-"],
.jsn-view-video [class*=" icon-"],
.jsn-view-file [class^="icon-"],
.jsn-view-file [class*=" icon-"]{
	background-image: none;
}

.jsn-view-videos  button > [class^="icon-"]:before,
.jsn-view-videos  button > [class*=" icon-"]:before,
.jsn-view-files button > [class^="icon-"]:before,
.jsn-view-files button > [class*=" icon-"]:before,
.jsn-view-videos .actions a [class^="icon-"]:before,
.jsn-view-videos .actions a [class*=" icon-"]:before,
.jsn-view-files .actions a [class^="icon-"]:before,
.jsn-view-files .actions a [class*=" icon-"]:before,
.jsn-view-video  button > [class^="icon-"]:before,
.jsn-view-video  button > [class*=" icon-"]:before,
.jsn-view-file button > [class^="icon-"]:before,
.jsn-view-file button > [class*=" icon-"]:before,
.jsn-view-video [class^="icon-"]:before,
.jsn-view-video [class*=" icon-"]:before,
.jsn-view-file [class^="icon-"]:before,
.jsn-view-file [class*=" icon-"]:before {
	font-family: FontAwesome;
	color:  #d70a1e;
}

.jsn-view-videos  button:hover > [class^="icon-"]:before,
.jsn-view-videos  button:hover > [class*=" icon-"]:before,
.jsn-view-files button:hover > [class^="icon-"]:before,
.jsn-view-files  button:hover > [class*=" icon-"]:before,
.jsn-view-videos .actions a:hover [class^="icon-"]:before,
.jsn-view-videos .actions a:hover [class*=" icon-"]:before,
.jsn-view-files .actions a:hover [class^="icon-"]:before,
.jsn-view-files .actions a:hover [class*=" icon-"]:before,
.jsn-view-videos  button:focus > [class^="icon-"]:before,
.jsn-view-videos  button:focus > [class*=" icon-"]:before,
.jsn-view-files button:focus > [class^="icon-"]:before,
.jsn-view-file  button:focus > [class*=" icon-"]:before,
.jsn-view-videos .actions a:focus [class^="icon-"]:before,
.jsn-view-videos .actions a:focus [class*=" icon-"]:before,
.jsn-view-files .actions a:focus [class^="icon-"]:before,
.jsn-view-files .actions a:focus [class*=" icon-"]:before,
.jsn-view-video  button:hover > [class^="icon-"]:before,
.jsn-view-video  button:hover > [class*=" icon-"]:before,
.jsn-view-file button:hover > [class^="icon-"]:before,
.jsn-view-file  button:hover > [class*=" icon-"]:before,
.jsn-view-video a:hover [class^="icon-"]:before,
.jsn-view-video a:hover [class*=" icon-"]:before,
.jsn-view-file a:hover [class^="icon-"]:before,
.jsn-view-file a:hover [class*=" icon-"]:before,
.jsn-view-video  button:focus > [class^="icon-"]:before,
.jsn-view-video  button:focus > [class*=" icon-"]:before,
.jsn-view-file button:focus > [class^="icon-"]:before,
.jsn-view-file button:focus > [class*=" icon-"]:before
/*.jsn-view-video a:focus [class^="icon-"]:before,
.jsn-view-video a:focus [class*=" icon-"]:before,
.jsn-view-file a:focus [class^="icon-"]:before,
.jsn-view-file a:focus [class*=" icon-"]:before*/ {
	color: #fff;
}

.jsn-view-videos .icon-search:before,
.jsn-view-files .icon-search:before {
	content: "\f002";
}

.jsn-view-videos button > .icon-new:before,
.jsn-view-files button > .icon-new:before,
.jsn-view-video .icon-plus:before,
.jsn-view-file .icon-plus:before {
	content: "\f067";
	margin-right: 0.25em;
}

.jsn-view-files .actions a .icon-edit:before,
.jsn-view-videos .actions a .icon-edit:before {
	content: "\f044";
}

.jsn-view-files .actions a .icon-trash:before,
.jsn-view-videos .actions a .icon-trash:before {
	content: "\f014";
}

.jsn-view-files .actions a .icon-cog:before,
.jsn-view-videos .actions a .icon-cog:before {
	content: "\f013";
}

.jsn-view-files .actions a .icon-download:before,
.jsn-view-videos .actions a .icon-download:before {
	content: "\f019";
}

.jsn-view-files .actions a .icon-play:before,
.jsn-view-videos .actions a .icon-play:before {
	content: "\f04b";
}

.jsn-view-file .icon-apply:before,
.jsn-view-video .icon-apply:before {
  content: "\f00c";
}

.jsn-view-file .icon-cancel:before,
.jsn-view-video .icon-cancel:before,
.jsn-view-video .icon-remove:before,
.jsn-view-file .icon-remove:before {
	content: "\f00d";
}
.jsn-view-video a:focus .icon-remove:before,
.jsn-view-file a:focus .icon-remove:before {
	color: #fff;
}
.jsn-view-videos .actions,
.jsn-view-files .actions {
	width: 20%;
}

.jsn-view-videos .actions a,
.jsn-view-files .actions a {
	float: left;
}

.jsn-view-video #files .input-append #fileuploadButton.btn,
.jsn-view-file #files .input-append #fileuploadButton.btn {
	margin-left: -1px;
	padding: 5px 10px 3px;
	margin-top: 0;
	position: absolute;
}
.jsn-view-file .input-prepend.input-append .btn:last-child,
.jsn-view-video  .input-prepend.input-append .btn:last-child {
	margin-left: 47px;
}

.jsn-view-file .control-label label,
.jsn-view-video .control-label label {
	display: inline;
}

.jsn-view-file .wf-media-upload-button,
.jsn-view-video .wf-media-upload-button {
	display: none;
}
/*---------------Kursmailverwaltung----------------------------------------*/
#mCourseMail h1 {
	margin-top: 1em;
}

#mCourseMail input,
#mCourseMail textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
}

#mCourseMail textarea {
	min-height: 150px;
}

#mCourseMail #uploadDocBtn_1 {
	overflow: hidden;
	display: inline-block;
}

#mCourseMail #uploadDocBtn_1 #uploadprogressbar {
	max-width:95%;
}

#mCourseMail ul li {
	list-style: none;
	float: left;
}

#mCourseMail ul li .att-btn {
	margin-right: 5px;
	margin-left: 5px;
}

#mCourseMail #cm_attachment_row {
	background-color: #FAFAFA;
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	margin: 10px 0;
}


#mCourseMail #cm_attachment_row:empty {
	display: none;
}

#mCourseMail .cm-buttons {
	text-align: right;
	margin-top: 1.5em;
}

#mCourseMail .star {
	color: #d70a1e;
}

#mCourseMail .btn-default {
	padding: 4px 13px 2px;
}

/*---------------Credits Historie-ANFANG-----------------------------*/
#adminhistory .user2lehrgang-container {
	margin-top: 2em;
}

#adminhistory .user2lehrgang-container .history-items-container {
	margin-bottom: 2em;
}

#adminhistory .user2lehrgang-container .history-items-container > div {
	border-top: 1px solid #ddd;
	line-height: 20px;
	text-align: left;
	padding: 8px;
}

#adminhistory .user2lehrgang-container .history-items-container > div:nth-child(2n) {
	background-color: #f9f9f9;
}

#adminhistory .user2lehrgang-container .history-items-container .rh-date_send .btn {
	margin-left: 5px;
}
/*---------------Credits Historie-ENDE-------------------------------*/

/*---------------Neues Design Login----ANFANG------------------------------------*/


html body.frontpage,
.frontpage #jsn-page {
	min-height: 100vh;
	scrollbar-width: thin;
	font-family: "Gilroy", Arial, Helvetica, sans-serif;
	max-width: 1800px;
	width: 100%;
	margin: 0 auto;
	font-size: 16px;
}

.frontpage #jsn-page {
	padding: 80px;
}

.frontpage #jsn-content-top {
	margin: 0;
}

.frontpage #jsn-promo {
	position: relative;
	display: flex;
}

.frontpage #willkommensbild {
	height: calc(100vh - 160px);
	width: 100%;
}

.frontpage #willkommensbild img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	object-position: center;
}

.frontpage #jsn-promo #jsn-pos-promo-right {
	position: absolute;
	top: 20%;
	bottom: 20%;
	left: 50%;
	right: 10%;
	max-height: calc(100vh - 20%);
	height: auto;
	background-color: transparent;
	width: 40%;
	padding: 2%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 0;
}

.frontpage #jsn-menu {
	display: none
}

.frontpage #jsn-page,
.frontpage #jsn-footer,
.frontpage h2 {
	margin: 0;
	padding: 0;
	max-width: unset;
	color:  #505050;
}

#jsn-header #jsn-logo {
	width: 100%;
	max-width: 30%;
	min-width: 200px;
	height: 80px;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-self: stretch;
	align-items: center;
}

.frontpage #jsn-header #jsn-logo {
	margin-top: 80px;
}

#jsn-header #jsn-logo .logo-bg {
	background-image: url("../images/backgrounds/logo_bg.svg");
	background-repeat: no-repeat;
	background-size: contain;
	display: flex;
	align-self: stretch;
	width: 71px;
	margin-left: -2px;
	height: 81px;
}

#jsn-header #jsn-logo a {
	background-color: #fff;
	display: flex;
	flex-grow: 1;
	align-self: stretch;
	justify-content: flex-end;
}

#jsn-header #jsn-logo img {
	object-fit: contain;
	object-position: right;
	max-height: 60px;
	padding-left: 20px;
}

.frontpage #jsn-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: calc(100% - 160px);
	background-color: transparent;
	border: none;
	padding: 30px 80px;
}

.frontpage #jsn-footermodules {
	max-width: 1330px;
	margin: 0 auto;
}

.frontpage #jsn-footer ul.menu-divmenu li {
	border: none;
}

.frontpage #jsn-footer ul.menu-divmenu a:hover {
	color: #d70a1e;
	text-decoration: none;
}

.frontpage #jsn-footer a {
	color: #505050;
}

.frontpage #jsn-page {
	margin: 0;
	max-height: 100vh;
	overflow: hidden;
	padding: 80px;
}

.frontpage #jsn-pos-promo,
.frontpage #jsn-content-top #jsn-promo,
.frontpage #jsn-promo .jsn-modulecontent {
	width: 100%;
}

.frontpage #jsn-pos-promo-right .jsn-modulecontainer {
	background-color: #fff;
	margin: 0;
}

.frontpage #jsn-pos-promo-right .jsn-modulecontainer div.jsn-modulecontent {
	padding: 0;
}

.frontpage #jsn-pos-promo-right .jsn-modulecontainer:first-child {
	border-top-left-radius: 24px;
	border-top-right-radius: 24px;
	padding: 7% 7% 0 7%;
	flex-shrink: 0;
}

.frontpage #jsn-pos-promo-right .jsn-modulecontainer:last-child {
	border-bottom-left-radius: 24px;
	border-bottom-right-radius: 24px;
	padding: 0 7% 7% 7%;
	overflow: hidden;
}

.frontpage #jsn-pos-promo-right .jsn-modulecontainer:last-child .jsn-modulecontainer_inner {
	overflow-y: scroll;
	scrollbar-width: thin;
}

.frontpage #jsn-pos-promo .jsn-modulecontainer {
	width: 100%;
}

.frontpage #jsn-promo .jsn-modulecontainer,
.frontpage #jsn-promo .jsn-modulecontainer_inner,
.frontpage .mod-feedback .title {
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
}

.frontpage #jsn-promo a {
	border: 2px solid #d70a1e;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	background-color: #d70a1e;
	width: 150px;
	padding: 8px;
	font-weight: bold;
}

.frontpage #jsn-promo a:hover {
	background-color: #fff;
	color: #d70a1e;
	border-width: 2px;
}

.frontpage #jsn-promo .jsn-modulecontainer .feedback a {
	color: #505050;
	background-color: transparent;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	border: none;
}

.frontpage #jsn-promo .jsn-modulecontainer .feedback a:hover {
	border: none;
}

.frontpage #jsn-promo .jsn-modulecontainer .feedback a:hover .feedback-name {
	color: #d70a1e;
}

.frontpage .mod-feedback,
.frontpage .mod-feedback .title {
	border: none;
}

.frontpage .mod-feedback .feedback {
	border: none;
	border-radius: 8px;
	margin-bottom: 15px;
	background-color: #fff;
	line-height: 1em;
	display: flex;

}

.frontpage .mod-feedback .feedback .feedback-name {
	display: flex;
	flex-direction: row;
	align-content: flex-start;
	font-weight: bold;
	padding-left: 0;
	font-size: 16px;
	text-align: left;
	hyphens: auto;
}

.frontpage .mod-feedback .feedback .feedback-desc {
	line-height: 1.2em;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
}

.frontpage .mod-feedback .feedback .feedback-desc p:last-child {
	margin-bottom: 0;
}

.frontpage .mod-feedback .content > div {
	background-color: #f5f5f5;
	margin-bottom: 10px;
	border-radius: 8px;
}

.frontpage .mod-feedback .content > div:last-child {
	margin-bottom: 0;
}

.frontpage h1 {
	color:  #d70a1e;
	line-height: 1.2em;
}


.frontpage h1,
.frontpage h2 {
	font-family: "Gilroy", Arial, Helvetica, sans-serif;
}

.frontpage h2 {
	font-size: 16px;
}

.frontpage .jsn-article-toolbar {
	background-color: transparent;
}


@media screen and  (max-width: 1489px) {
	.frontpage #jsn-page {
		padding-left: 30px;
		padding-right: 30px;
	}
	.frontpage #jsn-promo #jsn-pos-promo-right {
		top: 0;
		bottom: 0;
		left: 50%;
		right: 0%;
		width: 50%;
	}
}

@media screen and  (max-width: 960px) {
	.frontpage #jsn-header #jsn-logo {
		margin-top: 0;
		padding: 0;
		max-width: 50%;
	}

	.frontpage #jsn-header #jsn-logo img {
		bottom: 20px;
		max-width: 130px;
	}

	.frontpage #jsn-page {
		padding-top: 30px;
	}

	.frontpage #jsn-header {
		height: 90px;
		background-color: transparent;
	}

	.frontpage #jsn-header #jsn-logo a {
		margin: 0;
	}

	.frontpage #jsn-promo #jsn-pos-promo-right {
		width: calc(98% - 300px);
		left: 300px;
	}

}
@media screen and  (max-width: 760px) {
	.frontpage #jsn-promo {
		flex-direction: column;
	}

	.frontpage #jsn-promo #jsn-pos-promo-right,
	.frontpage #jsn-footer {
		position: static;
	}

	.frontpage #jsn-promo #jsn-pos-promo-right {
		width: 100%;
	}

	.frontpage #jsn-page,
	.frontpage #jsn-promo #jsn-pos-promo-right {
		overflow-y: auto !important;
	}

	.frontpage .mod-feedback {
		padding-bottom: 30px;
	}

	.frontpage #jsn-body {
		display: none;
	}

	.frontpage #jsn-footer {
		padding: 0 30px;
		width: calc(100% - 60px);
	}

	#jsn-header #jsn-logo a {
		margin-left: 0;
		margin-right: 0;
	}

	#jsn-menu .logout-menu .jsn-menu-toggle {
		display: none;
	}

	#jsn-menu .jsn-menu-toggle + ul#logout-menu {
		display: flex;
	}

}

@media screen and (max-width: 480px) {
	#jsn-headerright #jsn-pos-top div.jsn-modulecontainer {
		margin: 0;
	}
}

/*---------------Neues Design Login-----ENDE-------------------------------------*/

/*---------------Neues Design Menü-----ANFANG-----------------------------------*/
#jsn-page {
	border-top: none;
	background-color: #fff;
	padding-top: 0;
}

#jsn-header {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-start;
	position: fixed;
	top: 0;
	left:0;
	right: 0;
	padding: 0;
	background-color: transparent;
	width: 100%;
	color:  #505050;
	margin: 0 auto;
	z-index: 20;
}

#jsn-logo {
	display: flex;
	flex-direction: row;
	padding: 0;
	margin: 0;
	position: static;
	background-color: transparent;
}

#jsn-headerright {
	width: 100%;
	position: absolute;
	top: 60px;
	padding: 0;
}

#jsn-headerright #jsn-menu,
#jsn-headerright #jsn-menu #jsn-pos-mainmenu {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	font-size: 14px;
	background-color: transparent;
	color: #505050;
	column-gap: 30px;
	font-weight: bold;
	min-height: 80px;
	width: 100%;
	max-width: 1640px;
	margin: 0 auto;
}

#jsn-menu {
	background-color: #fff;
	margin-bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	padding: 0 20px;
}

#jsn-menu #jsn-menu-inner {
	width: 100%;
	max-width: 1640px;
	margin: 0 auto;
}

#jsn-pos-mainmenu .credits-modul-v3,
div.jsn-modulecontainer ul.menu-mainmenu {
	display: flex;
	column-gap: 30px;
}

div.jsn-modulecontainer ul.menu-mainmenu li > ul {
	display: none;
}

body #jsn-header #jsn-menu a,
body #jsn-menu ul.menu-mainmenu a,
body #jsn-menu ul.menu-mainmenu li a span {
	font-family: "Gilroy", Arial, Helvetica, sans-serif;
	color: #505050;
	font-size: 14px;
}

#jsn-header #jsn-menu .menu-mainmenu li.active.parent > a span,
.jsn-com-credits.jsn-view-redeem #jsn-header #jsn-menu .credits-modul-v3 .module:first-child a {
	color: #d70a1e;
}

#jsn-topbar {
	background-color: transparent;
}
/*
div.jsn-modulecontainer ul.menu-mainmenu:hover > li > ul {
	visibility: visible;
}

div.jsn-modulecontainer ul.menu-mainmenu > li > ul:before,
div.jsn-modulecontainer ul.menu-mainmenu > li > ul:after {
	content: "";
	position: absolute;
	top: 20px;
	width: 2000px;
	width: 100vw;
	height: 100%;
	background: #f5f5f5;
	z-index: -1;
}

div.jsn-modulecontainer ul.menu-topmenu ul {
	display: none;
}

#jsn-menu {
	padding-right: 0;
}

div.jsn-modulecontainer ul.menu-mainmenu > li > ul:before {
	left: 100%;
}
div.jsn-modulecontainer ul.menu-mainmenu > li > ul:after {
	right: 0;
}
*/
#jsn-logo {
	justify-content: flex-start;
}

#jsn-headerright {
	visibility: hidden;
}

#jsn-headerright.open {
	visibility: visible;
}

#jsn-headerright #jsn-pos-top {
	display: none;
	flex-direction: row;
	align-content: stretch;
	padding-top: 110px;
	width: 100%;
	background-color: #f5f5f5;
	min-height: 600px;
}

#jsn-headerright.open #jsn-pos-top {
	display: flex;
}

#jsn-headerright #jsn-pos-top .jsn-modulecontainer,
#jsn-headerright #jsn-pos-top .jsn-modulecontainer .jsn-modulecontainer_inner,
#jsn-headerright #jsn-pos-top .jsn-modulecontainer .jsn-modulecontainer_inner .jsn-modulecontent {
	width: 100%;
}

#jsn-pos-top .logout-fa a {
	height: auto;
}

#jsn-menu .jsn-menu-toggle + ul.jsn-menu-mobile {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	flex-directon: row;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	position: absolute;
	width: 100%;
	height: calc(100vh - 55px);
	background-color: #FBFBFB;
	top: 55px;
	left: 0;
	z-index: 9999;
}

#jsn-menu .jsn-menu-toggle + ul.jsn-menu-mobile,
#jsn-menu .jsn-menu-toggle + ul.jsn-menu-mobile ul {
	display: flex;
}

#jsn-menu .active {
	background-color: transparent;
}

#jsn-headerright div.jsn-modulecontainer ul.menu-mainmenu {
	display: flex;
	column-gap: 20px;
	flex-direction: row;
	justify-content: space-evenly;
	max-width: 1330px;
	padding: 0 20px;
	width: 100%;
	margin: 0 auto;
}

#jsn-headerright div.jsn-modulecontainer ul.menu-mainmenu ul {
	visibility: visible;
}

#jsn-headerright div.jsn-modulecontainer ul.menu-mainmenu li > ul {
	left: auto;
	right: auto;
	opacity: 1;
	box-shadow: none;
	top: 50px;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	flex-direction: column;
}

#jsn-headerright div.jsn-modulecontainer ul.menu-mainmenu li > ul > li {
	width: auto;
	display: flex;
	hyphens: auto;
}

#jsn-menu .jsn-modulecontent > .jsn-menu-toggle:before {
	font-family: FontAwesome;
	content: "\f0c9";
	color:  #505050;
	font-size: 30px;
	font-weight: normal;
}

body.jsn-textstyle-personal #jsn-menu .jsn-modulecontent > .jsn-menu-toggle {
	color: transparent;
	cursor: pointer;
}

#jsn-menu ul.jsn-menu-mobile > li.first {
	width: 100%;
	border-top: 1px solid #ECE7E7;
	border-bottom: 1px solid #ECE7E7;
	padding-left: 20px;
}

#jsn-headerright div.jsn-modulecontainer ul.menu-mainmenu > li {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: flex-start;
	width: 100%;
}

body #jsn-menu ul.menu-mainmenu li.current > a span,
body div.jsn-modulecontainer ul.menu-mainmenu > li a.current,
body div.jsn-modulecontainer ul.menu-mainmenu > li a.current span,
body div.jsn-modulecontainer ul.menu-mainmenu > li.active {
	background-color: transparent;
	color: #d70a1e;
}

body div.jsn-modulecontainer ul.menu-mainmenu > li ul li a.current span {
	font-weight: normal;
}

div.jsn-modulecontainer ul.menu-mainmenu > li > a {
	padding: 20px 0;
}


#jsn-menu ul.jsn-menu-mobile ul li a {
	font-size: 0.8rem;
	padding: 3px 0;
}

/*---------------Neues Design Menü-----ENDE-------------------------------------*/


/*--------------Media Queries -----------------------------------*/
@media only screen and (max-width: 760px) , (max-device-width: 760px) {
	#jsn-menu #jsn-pos-mainmenu ul.jsn-menu-mobile {
		box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
		top: 60px;
		min-width: 375px;
	}

	#jsn-menu .jsn-menu-toggle + ul.jsn-menu-mobile,
	#jsn-menu .jsn-menu-toggle + ul.jsn-menu-mobile ul {
		flex-direction: column;
		flex-wrap: nowrap;
	}

	body.jsn-textstyle-news #jsn-menu .jsn-modulecontent > .jsn-menu-toggle, body.jsn-textstyle-personal #jsn-menu .jsn-modulecontent > .jsn-menu-toggle {
		color: transparent;
		position: absolute;
		top: 0;
		left: 0;
		padding: 5px 10px;
	}
	#jsn-menu .jsn-modulecontent > .jsn-menu-toggle:before {
		font-family: FontAwesome;
		content: "\f0c9";
		color: #333;
		font-size: 30px;
		font-weight: normal;
	}
	#jsn-menu .jsn-menu-toggle.active {
		background-color: transparent;
		color: #d70a1e;
	}
	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li > a, #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li > a:hover {
		color: #333;
		font-size: 18px;
	}
	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li {
		border: none;
		border-top: 1px solid #f4f4f4;
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	body.jsn-color-red #jsn-menu div.jsn-modulecontainer ul.menu-mainmenu > li.active > a {
		background-color: #fff;
		color: #D6091e;
	}
	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle {
		background-color: transparent;
	}
	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu.jsn-menu-mobile ul {
		background-color: #fff;
		border-bottom: 1px solid #f4f4f4;
		display: flex;
		flex-direction: column;
	}
	#jsn-menu [id*="jsn-pos-"] div.jsn-modulecontainer ul.menu-mainmenu ul li a {
		padding: 8px 10px 10px 24px;
	}
	div.jsn-modulecontainer ul.menu-mainmenu > li > ul.jsn-submenu-level-1:before, div.jsn-modulecontainer ul.menu-mainmenu > li.parent:after {
		display: none;
	}
	#jsn-menu #jsn-pos-mainmenu ul.jsn-menu-mobile ul li.parent > a:before, #jsn-menu #jsn-pos-mainmenu ul.jsn-menu-mobile li.jsn-submenu-flipback > ul > li.parent > a:before {
		content: "\f107";
	}
	#jsn-menu #jsn-pos-mainmenu ul.jsn-menu-mobile ul li.parent ul li a {
		font-size: 14px;
	}
	
	#jsn-menu.jsn-menu-sticky {
		background-color: #fff;
	}
	#jsn-mainbody .item .item-image {
		height: 200px;
	}
	.pagination .counter {
		float: none;
	}
	/*#jsn-logo {
		padding-top: 10px;
		margin-right: 20%;
		margin-left: 20%;
		width: 60%;
		padding-bottom: 5px;
		text-align: center;
	}

	#jsn-logo img {
		max-height: 45px;
	}

	#jsn-pos-mainmenu {
		float: none;
	}

	#jsn-menu {
		position: unset !important;
	}
	#jsn-master.jsn-color-red #jsn-header {
		position: relative;
		z-index: 3;
	}
	#jsn-header #jsn-headerright {
		height: 0px;
	}
	#jsn-headerright #jsn-pos-top div.jsn-modulecontainer:nth-child(1), #jsn-headerright #jsn-pos-top div.jsn-modulecontainer:nth-child(2) {
		display: none;
	}
	#jsn-headerright #jsn-pos-top div.jsn-modulecontainer {
		position: absolute;
		top: 0;
		right: 0;
	}
	#jsn-headerright #jsn-pos-top div.jsn-modulecontainer:nth-child(3) .menu-iconmenu li a span {
		color: transparent;
	}
	#jsn-headerright #jsn-pos-top div.jsn-modulecontainer:nth-child(3) .menu-iconmenu li.logout-fa:before {
		position: absolute;
		top: 10px;
		right: 15px;
		font-size: 30px;
		padding: 0;
	}
	#jsn-master.jsn-color-red #jsn-header {
		height: 60px;
	}*/
	.tp-praemien-image, .tp-system-image {
		height: 200px;
	}

	#fsj_modal_base.hide {
		display: none;
	}

	.frontpage #jsn-header {
		padding: 0;
	}

	.frontpage #jsn-logo {
		width: auto;
		margin:0;
		padding: 20px 0;
	}

	.frontpage #jsn-content-bottom .jsn-modulecontent{
		padding-top: 30px;
	}

	.frontpage #jsn-content-bottom .jsn-modulecontainer:first-child,
	.frontpage #jsn-content-bottom .jsn-modulecontainer:nth-child(2) {
		padding: 0;
	}

	.frontpage #jsn-content-bottom .jsn-modulecontainer:last-child {
		padding-bottom: 10px;
	}

	.frontpage #jsn-pos-content-bottom,
	.frontpage jsn-pos-stick-rightmiddle {
		width: 100%;
		margin-top: 0 !important;
	}

	#jsn-header {
		flex-direction: row-reverse;
		background-color: #fff;
	}

	#jsn-header .logo-bg {
		display: none;
	}

	#jsn-header #jsn-logo a {
		align-items: center;
		padding-left: 20px;
	}

	#jsn-master  #jsn-page {
		padding: 90px 20px 0 20px;
	}

	div.jsn-modulecontainer ul.menu-mainmenu li > ul {
		visibility: visible;
	}

	#jsn-headerright.open {
		visibility: hidden;
	}


	#jsn-headerright.open #jsn-pos-top {
		display: none;
	}

	.vuekatalog #jsn-page #jsn-body {
		padding-top: 0;
	}

}

@media screen and  (min-width: 480px) and (max-width: 767px) {
  .user2lehrgang-view [class*="span"], .user2lehrgang-view .uneditable-input[class*="span"], .user2lehrgang-view .row-fluid [class*="span"] {
    float: left;
    margin-left: 2.127659574468085%;
    *margin-left: 2.074468085106383%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-word;
    hyphens: auto;
  }
  
  .user2lehrgang-view .row-fluid [class*="span"]:first-child,
  .user2lehrgang-view .row-fluid .u2l-indend-0,
  .user2lehrgang-view .row-fluid .u2l-indend-1,
  .user2lehrgang-view .row-fluid .u2l-indend-2 {
    margin-left: 0 !important;
  }
  
  .user2lehrgang-view .saf-schnellfilter-row .span6 {
    width: 48.93617021276595%;
    *width: 48.88297872340425%;
    margin-left: 0;
  }
  
  .user2lehrgang-view .row-fluid .span3 {
    width: 23.404255319148934%;
    *width: 23.351063829787233%;
  }
  
  .user2lehrgang-view .row-fluid .span2 {
    width: 14.893617021276595%;
    *width: 14.840425531914894%;
  }
  
  .user2lehrgang-view .row-fluid .span1 {
    width: 6.382978723404255%;
    *width: 6.329787234042553%;
  }
  
  .user2lehrgang-view .saf-container > .row-fluid > .span6 {
    margin-left: 0;
  }
  
  .user2lehrgang-view .user2lehrgang-container .btn {
    line-height: 1.2em;
    margin-bottom: 5px;
  }
  
  .user2lehrgang-view .saf-suche input  {
    width: calc(100% - 75px);
  }
  
   .user2lehrgang-view .saf-addfilter-row .saf-addfilter-object {
    width: calc(50% - 7px);
     box-sizing: border-box;
   }
  
  
   .user2lehrgang-view .saf-addfilter-row .saf-addfilter-object:nth-child(even) {
    padding-right: 0;
   }
  
  
  .user2lehrgang-view .saf-addfilter-row .saf-addfilter-object select {
       width: calc(100% + 13px);
  }
  
   .user2lehrgang-view .filterField {
   display: none;
  }
  
  .user2lehrgang-view .span3.filterButtons {
    width: 60%;
    float: right;
  }
  
	#saf_add_filter {
		margin-top: 2em;
	}
  
  .saf-container .saf-addfilter,
  .limitbox {
    padding-top: 2em;
    }
}

@media only screen and (max-device-width : 479px) and (orientation: portrait) {
/* Styles */
  .user2lehrgang-view > form:before {
    content: "Bitte drehen Sie Ihr Handy um den Inhalt sehen zu können!"; 
    color:  #d70a1e;
	font-weight: bold;
    font-size: 1.2em;
  }
  
  .saf-container,
  .user2lehrgang-container {
    display: none;
  }
  
}


/* Extra Lanscape Einstellungen für IPhone X */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { 

	.saf-container,
	.user2lehrgang-container {
    display: block;
  }
  
  .user2lehrgang-view > form:before {
  	display: none;
  }
  
}

@media only screen and (max-device-width : 479px) and (orientation: landscape) {
/* Styles */
  .user2lehrgang-view > form:before {
    content: "Ihr Handy ist zu klein um den Inhalt sehen zu können!"; 
    color:  #d70a1e;
	font-weight: bold;
    font-size: 1.2em;
  }
  
  .saf-container,
  .user2lehrgang-container {
    display: none;
  }
  
}


/* Extra Lanscape Einstellungen für IPhone X  */
@media only screen 
and (min-device-width : 345px) 
and (max-device-width : 812px) 
and (orientation : landscape) { 

	.saf-container,
	.user2lehrgang-container {
    display: block;
  }
  
  .user2lehrgang-view > form:before {
  	display: none;
  }
  
}