body.internal-area .containerCanvas {
	background: url(../typo3/htwk-lichtgrafik-ohne-hg_HTWK.svg) center top/1920px
		600px no-repeat, linear-gradient(to top, #0f2541 0, #0f2541 100%)
		center top/1920px 600px no-repeat #fff;
}

/* CSS für FE-Edit Korrektur */
.typo3-editPanel  .btn,.typo3-editPanel  .powermail_submit,.typo3-editPanel .btn-default,.typo3-editPanel .btn-sm
	{
	background-color: #FFF !important;
	padding: 3px !important;
	width: 30px !important;
	height: 30px !important;
	border: 2px solid #FC0 !important;
}

.typo3-editPanel {
	background-color: #DDD !important;
	border: 2px solid #EB0 !important;
	margin-bottom: 50px !important;
}

.container_Header {
	min-height: 130px;
}

.main {
	width: 100%;
	min-height: 400px;
}

/*
############################## Tablet-Ansicht #######################################
*/
@media ( max-width : 1023px) and (min-width: 701px) {
	.container_Content {
		position: relative;
		top: 0;
		min-height: 400px;
	}
	
   /* Töl */   
    .containerFooter {
        height: 300px;
    }
    
    .containerCopyright {
        top: 100px;
    }
    
}

.navTopBG {
	z-index: 55;
}

.container_Header a,.container_Header a:focus {
	text-decoration: none !important;
    color: #FFFFFF;
}

.content-header {
	padding: 0 0 0px;
}

.col13in {
	vertical-align: top;
}

/*
############################## Desktop-Ansicht #######################################
*/
@media ( min-width : 1024px) {
	.content-header {
		padding: 0 0 48px;
	}
}

@media ( min-width : 1024px) {
	.col34-left {
		width: calc(72.6% - 2.1%);
		margin: 0 1% 24px 1.9375%;
	}
}

.container_Print {
    padding: 0;
    text-align: center;
    margin: 0;
    padding: 24px;
}

.newsBox h3 {
	font-size: 1.3rem;
}

.containerFooter h2 {
	color: #fff;
	font-size: 1.1rem;
}

.jump-wrapper {
	position: fixed;
	z-index: 9999;
}

.jump {
	position: absolute;
	left: -99999px;
	color: #FFFFFF !important;
	background-color: #003572;
	padding: 5px 10px;
}

.jump:focus {
	position: static;
	left: 0;
}

h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited
	{
/* 	color: #0092d4; */
}

h3.event-title {
	font-size: 1.3rem;
}

.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.text-bold {
	font-weight: 700;
}

.text-center {
	text-align: center;
}

.invisible {
	position: absolute;
	left: -1500px;
	color: #fff;
}

ul.list-inline {
	padding: 0;
	margin: 0;
}

ul.list-inline li {
	list-style: none;
	display: inline-block;
	padding: 0;
	margin: 0;
}

.responsive-video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	margin-bottom: 1.5em;
}

.recommend::before,.printPage::before {
	display: inline-block;
	height: 16px;
}

.container_Header .titel,.container_Header .titelSmall,.title a.name,.title a.subtitle
	{
	font-family: 'ITCOfficinaSansW04-Book1123228';
	font-weight: normal;
}

.factorial .title {
	font-size: 120;
}

.content-header p,.content-header h1,.content-header h2,.content-header h3,.content-header h4,.content-header h5,.content-header h6
	{
	margin-top: 0;
}

.ce-media {
	margin-bottom: 1.5em;
}

h1 {
	font-size: 2.3em;
	line-height: 1.233em;
	margin: 0 0 0.67em 0;
}

h2 {
	margin-top: 0;
	font-size: 1.76em;
	line-height: 1.2em;
	margin: 0 0 0.8em 0;
}

h3 {
	font-size: 1.45em;
	line-height: 1.2em;
	margin: 0 0 .6em 0;
}

h4 {
	margin: 0 0 .6em 0;
}

h5 {
	margin: 0 0 .5em 0;
}

h6 {
	margin: 0 0 .5em 0;
}

.set-margin {
	margin: 0.9375% 24px 1.875%;
}

.container_Articles.col12,.container_Articles.col34,.container_Articles.col34-left,.container_Sidebar.col14
	{
	padding-top: 24px;
}

.container_MenuSub img,.container_Sidebar img,.container_Articles img,.container_Content img
	{
	/*max-width: 100%;
  width: 100%;*/
	height: auto;
}

.containerOffCanvasSide li.lnk-home {
	background-color: #fff !important;
}

.containerOffCanvasSide li.lnk-home:after {
	content: "" !important;
}

figure {
	display: table;
}

figcaption {
	display: table-caption;
	caption-side: bottom;
	font-size: 0.8em;
	line-height: 1.3em;
}

a.standard-link {
	color: #0092d4 !important;
	text-decoration: none !important;
}

a.standard-link:visited {
/* 	color: #ab9131 !important; */
}

a {
	color: #0092d4;
	text-decoration: none;
}

a:visited {
/* 	color: #ab9131; */
}

a.externer-link {
	background: url("../typo3/icon-link-intern.svg") no-repeat 0 3px;
	margin-right: 0;
	margin-left: 0;
	padding-left: 18px;
	background-size: 15px;
}

a.more:visited {
	color: #fff !important;
}

a .has-event {
	border-radius: 25px;
	background-color: #2E3639;
	color: #fff !important;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
}

.autoWidth {
	width: auto !important;
}

.nirvana {
	position: absolute;
	left: -99999px;
}

.niceSelect {
	width: 100%;
	border: 2px solid #2bf;
	height: 32px;
	font-size: .875em;
	font-weight: 300;
	line-height: 1.5em;
	color: #048;
	padding: 2px 10px;
}

.linkedBox {
	cursor: pointer;
}

.longlasting {
	text-align: center;
	font-size: 0.6em;
}

.text.textNoBorder {
	border: 0;
	padding: 0;
	margin-bottom: 0;
}

.course-logo-link {
	position: relative;
	top: -15px;
}

.enhancements-course-logo-link {
	top: 0;
}

.course-logo-container {
	position: relative;
}

.linkBox .link a:before {
	content: ' > ';
}

ul.event-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.event-links li {
	padding-left: 1em;
	text-indent: -1em;
}

.accordion.no-margin-bottom {
	margin-bottom: 0;
}

.download ul {
	list-style-type: none;
}

.download ul li img {
	float: left;
	margin-right: 0.3em;
	vertical-align: top;
	padding-top: 4px;
}

.download ul li .file-link-content {
	float: left;
	width: 80%;
}

.download ul li .file-link-content .ce-uploads-fileName {
	display: block;
}

.download ul li .file-link-content .ce-uploads-fileName .ce-uploads-filesize
	{
	color: #2E3639;
}

.download ul li .file-link-content-small {
	width: 70%;
}

.download ul li.download-li-width-thumb {
	padding-bottom: 10px;
}

.ce-bodytext .download ul {
	list-style-type: disc;
}

.ce-textpic .download,.ce-textpic .question,.ce-textpic .text,.ce-textpic .warning
	{
	margin: 0;
}

.color-blue {
	color: #048;
	font-size: 1em;
	font-weight: 300;
}

a.more {
	display: table;
	width: auto;
	height: auto;
	padding: 0.5em 25px;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

/*
############################## Desktop-Ansicht #######################################
*/
@media ( min-width : 1024px) {
	.detailpage-col-main {
		display: inline;
		float: right;
		width: 75%;
	}
	.detailpage-col-main .container_Articles>:first-child>h1,.detailpage-col-main .container_Articles>h1:first-child
		{
		margin-top: 0;
	}
	.col12-event {
		width: calc(66.6% - 2.5%) !important;
		padding: 24px .9375% 24px 1.7375% !important;
	}
	.col14-event {
		width: calc(33.3% - 3.7%);
		display: inline-block;
		margin-left: 1.3%;
		margin: 0 1.875% 24px 1.4375% !important;
	}
}

/*
############################## Tablet-Ansicht #######################################
*/
@media ( max-width : 1023px) and (min-width: 701px) {
	.detailpage-col-main {
		width: 100%;
		padding-top: 24px;
		float: inherit;
	}
	.detailpage-col-main .container_Articles>:first-child>h1,.detailpage-col-main .container_Articles>h1:first-child
		{
		margin-top: 0;
	}
	.col12-event {
		width: 100% !important;
		padding: 0 3.25% 24px !important;
	}
	.col14-event {
		width: 100% !important;
		padding: 0 3.25% 24px !important;
	}
}

table {
	margin-bottom: 2em;
}

.download ul li.download-li-width-fileicon img {
	width: 20px !important;
}

h1,h2,h3,h4,h5,h6 {
	word-wrap: break-word;
	font-weight: normal;
}

/*
############################## Tablet-Ansicht #######################################
*/
@media ( max-width : 1023px) and (min-width: 701px) {
	.col23in-htwk {
		width: calc(66.6% - 1.62%) !important;
		margin-right: 0;
	}
	.col23in-htwk .contactBox {
		width: 100%;
	}
	.col13in-htwk {
		width: calc(33.3% - 1.62%);
		margin-left: 2.65%;
		display: inline-block;
		vertical-align: top;
	}
	.col13in-htwk .contactBox {
		width: 100%;
	}
	.col13in-htwk-first {
		margin-left: 0;
		margin-right: 1.82%;
	}
	.col13in-htwk-sec {
		margin: 0;
		margin-right: 1.82%;
	}
	.col13in-htwk-last {
		margin: 0;
	}
	.container_Articles.col12,.container_Articles.col34 {
		padding-bottom: 0;
	}
	.container_Sidebar.col14 {
		padding-top: 0;
	}
}

/*
############################## Desktop-Ansicht #######################################
*/
@media ( min-width : 1024px) {
	.col23in-htwk {
		width: calc(66.6% - 1.7%) !important;
		margin-right: 1.3%;
	}
	.col13in-htwk {
		width: calc(33.3% - 1.7%);
		display: inline-block;
		margin-left: 1.3%;
	}
	.col13in-htwk-first {
		margin-left: 0;
		margin-right: 1.8%;
	}
	.col13in-htwk-sec {
		margin: 0;
		margin-right: 1.8%;
	}
	.col13in-htwk-last {
		margin: 0;
	}
	.container_MenuSub .level01 {
		margin-bottom: 1.5em !important;
	}
}

/*
############################## Handy-Ansicht #######################################
*/
@media ( max-width : 700px) {
	.col13,.col23,.headerSmall .content,.zielgruppennavi-wrapper {
		width: 100%;
		margin: 0;
		padding: 0 3.25% 24px;
	}
	.container_Articles.col12,.container_Articles.col34 {
		padding-bottom: 0;
	}
	.container_Sidebar.col14 {
		padding-top: 0;
	}
}

.containerSearch {
	background-color: transparent !important;
}

.containerSearch form {
	text-align: right;
	padding-right: 24px;
	background-color: transparent !important;
}

.enzian .containerSearch {
	background-color: transparent !important;
}

/*
############################## Desktop-Ansicht #######################################
*/
@media ( min-width : 1024px) {
	.container_Header .microsite-logo {
		display: inline-block;
		margin: 28px 0 24px 0;
		width: 100px;
		margin-right: 20px;
		vertical-align: top;
	}
	.container_Header .titel {
		width: 55%;
	}
	.container_Header .titel a,.container_Header .titel a:visited {
		color: #FFFFFF;
	}
	.container_Header .name {
		font-size: 2rem;
	}
}

/*
############################## Tablet-Ansicht #######################################
*/
@media ( max-width : 1023px) and (min-width: 701px) {
	.container_Header .microsite-logo {
		display: inline-block;
		margin: 0;
		width: 100px;
		margin-right: 20px;
	}
	.container_Header .microsite-logo img {
		width: 100%;
		height: auto;
	}
	.container_Header .titel {
		width: 55%;
	}
	.container_Header .titel a,.container_Header .titel a:visited {
		color: #FFFFFF;
	}
	.container_Header .name {
		font-size: 2rem;
	}
	.right .langmenu-li {
		display: none !important;
	}
}

/*
############################## Handy-Ansicht #######################################
*/
@media ( max-width : 700px) {
	.container_Header .microsite-logo {
		display: none;
	}
}

table td,table th {
	word-break: normal;
	/*Gierich:*/
	border-bottom: 1px solid #DADEDB;
}

.infoTable table th {
	background-color: #00336f;
	color: #fff;
}

.contactTable .contact_department .department,.contactTable .contact_department .label,.contactTable .contact_email .label,.contactTable .contact_email .link_url,.contactTable .contact_object .label,.contactTable .contact_object .object,.contactTable .contact_phone .label,.contactTable .contact_phone .number
	{
	display: inline-block;
}

.contactTable .contact_vcard.floatRight {
	float: left !important;
	clear: both;
	margin: 0 0 0 25px;
}

.contactTable .contact_vcard.floatLeft {
	margin-bottom: 10px;
}

/*
############################## Handy-Ansicht #######################################
*/
@media ( max-width : 700px) {
	.contactTable .contact_department .department,.contactTable .contact_department .label,.contactTable .contact_email .label,.contactTable .contact_email .link_url,.contactTable .contact_object .label,.contactTable .contact_object .object,.contactTable .contact_phone .label,.contactTable .contact_phone .number
		{
		display: block;
	}
}

.stripes .strip {
	display: block !important;
}

.stripes .strip:nth-of-type(odd) {
	background-color: #e5e5e5;
	padding: 5px 10px;
}

.stripes .strip:nth-of-type(even) {
	background-color: #f2f2f2;
	padding: 5px 10px;
}

.stripes .strip .label,.stripes .strip label {
	font-weight: bold;
	display: inline-block;
	margin-right: 7px;
	min-width: 100px;
	width: auto !important;
	vertical-align: top;
}

.stripes .strip .content {
	width: auto !important;
}

.container_Sidebar .infoTable {
	overflow: auto;
}

table.blue td:first-of-type,table.grey td:first-of-type {
	font-weight: 300;
}

table.grey tbody tr:nth-of-type(odd):hover {
	background-color: #d3f1ff;
}

table.grey tbody tr:nth-of-type(even):hover {
	background-color: #d3f1ff;
}

/* /* Gie: margin-bottom auskommentiert* */
* /
	/* form:not(#TSFE_ADMIN_PANEL_FORM) input,  */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) textarea,  */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) select,  */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) .radio,  */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) .checkbox,  */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) input[type="date"],  */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) .inputfld { */
	/* /*  margin-bottom: 1em; */ * /
	/* } */
	/* /* Gie webkit auskommeniert */   * /
	/* form:not(#TSFE_ADMIN_PANEL_FORM) input,  */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) textarea,  */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) select,  */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) input[type="date"] { */
	/* /*  -webkit-appearance: none;*/ * /
	/*   border-radius: 0;  */
	/*   width: auto;  */
	/*    }  */
	/* input:not([type='checkbox']) { */
	/* 	min-width: 300px; */
	/* 	} */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) fieldset { */
	/*   border: 0; */
	/*   padding: 0; } */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) input[type="password"], */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) input[type="date"], */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) .inputfld, */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) select { */
	/*   border: 2px solid #2bf; */
	/*   font-size: .875em; */
	/*   font-weight: 300; */
	/*   line-height: 1.5em; */
	/*   color: #048; */
	/*   padding: 2px 10px; */
	/*   width: 100%; */
	/*   height: 32px; } */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) select::-ms-expand { */
	/*   display: none; } */
	/* /*Gie: Änderung width auf auto von ursprünglich 100% */ * /
	/* form:not(#TSFE_ADMIN_PANEL_FORM) select { */
	/*   -webkit-appearance: none; */
	/*   -moz-appearance: none; */
	/*   appearance: none; */
	/*   width: auto;  */
	/*   min-width: 300px; */
	/*   padding: 5px 2px; */
	/*   background-color: #FFFFFF; */
	/*   background-image: url(../Images/select-arrow.png); */
	/*   background-position: right center; */
	/*   background-repeat: no-repeat; } */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) .btn, */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) .powermail_submit { */
	/*   background-color: #00336f; */
	/*   color: #fff; */
	/*   float: right; */
	/*   padding-left: 15px; */
	/*   padding-right: 15px; } */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) label { */
	/*   font-weight: 300; */
	/*   margin-bottom: 0.3em; */
	/*   display: block; } */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) .parsley-required { */
	/*   color: red; } */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) div.input { */
	/*   margin-bottom: 10px; } */
	/* /* Gie: display: none entfernt */ * /
	/* form:not(#TSFE_ADMIN_PANEL_FORM) input[type="checkbox"], */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) input[type="radio"] { */
	/*   display: block; } */
	/* /* Gie: auskommentiert */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) input[type="checkbox"] + label:before, */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) input[type="radio"] + label:before { */
	/*   content: ' '; */
	/*   display: inline-block; */
	/*   width: 20px; */
	/*   height: 20px; */
	/*   position: relative; */
	/*   top: 4px; */
	/*   border: 2px solid #2bf; */
	/*   background: #FFFFFF; */
	/*   margin-right: 8px; } */
	/* */ * /
	/* form:not(#TSFE_ADMIN_PANEL_FORM) input[type='checkbox']:checked + label::before { */
	/*   background: #00336f; */
	/*   box-shadow: inset 0 0 0 2px white; } */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) input[type="radio"] + label:before { */
	/*   border-radius: 30px; } */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) input[type="radio"]:checked + label:before { */
	/*   background: #00336f; */
	/*   box-shadow: inset 0 0 0 2px white; } */
	/* form:not(#TSFE_ADMIN_PANEL_FORM) .powermail_fieldwrap_type_file { */
	/*   position: relative; } */
	/*   form:not(#TSFE_ADMIN_PANEL_FORM) .powermail_fieldwrap_type_file label { */
	/*     position: absolute; */
	/*     z-index: 1; */
	/*     display: inline-block; */
	/*     color: #FFFFFF; */
	/*     background-color: #00336f; */
	/*     line-height: 2.4em; */
	/*     font-size: .875em; */
	/*     padding: 0 15px 0 15px; } */
	/*   form:not(#TSFE_ADMIN_PANEL_FORM) .powermail_fieldwrap_type_file .field-upload-text { */
	/*     position: absolute; */
	/*     font-size: .875em; */
	/*     left: 140px; */
	/*     line-height: 2.4em; } */
	/*   form:not(#TSFE_ADMIN_PANEL_FORM) .powermail_fieldwrap_type_file .powermail_file { */
	/*     opacity: 0; } */
	/* form input[type=range] { */
	/*   margin: 10px 0; */
	/*   width: 100%; } */
	/*   form input[type=range]:focus { */
	/*     outline: none; } */
	/*   form input[type=range]:focus::-webkit-slider-runnable-track { */
	/*     background: #2E3639; } */
	/*   form input[type=range]:focus::-ms-fill-lower { */
	/*     background: #2E3639; } */
	/*   form input[type=range]:focus::-ms-fill-upper { */
	/*     background: #2E3639; } */
	/* form input[type=range]::-webkit-slider-runnable-track { */
	/*   width: 100%; */
	/*   height: 2px; */
	/*   cursor: pointer; */
	/*   animate: 0.2s; */
	/*   box-shadow: none; */
	/*   background: #2E3639; */
	/*   border-radius: 0; */
	/*   border: 0; } */
	/* form input[type=range]::-webkit-slider-thumb { */
	/*   box-shadow: none; */
	/*   border: 0; */
	/*   height: 15px; */
	/*   width: 10px; */
	/*   border-radius: 0; */
	/*   background: #ffffff; */
	/*   cursor: pointer; */
	/*   margin-top: -11px; } */
	/* form input[type=range]::-moz-range-track { */
	/*   width: 100%; */
	/*   height: 2px; */
	/*   cursor: pointer; */
	/*   animate: 0.2s; */
	/*   box-shadow: none; */
	/*   background: #2E3639; */
	/*   border-radius: 0; */
	/*   border: 0; } */
	/* form input[type=range]::-moz-range-thumb { */
	/*   box-shadow: none; */
	/*   border: 0; */
	/*   height: 15px; */
	/*   width: 10px; */
	/*   border-radius: 0; */
	/*   background: #00336f; */
	/*   cursor: pointer; } */
	/* form input[type=range]::-ms-track { */
	/*   width: 100%; */
	/*   height: 3px; */
	/*   cursor: pointer; */
	/*   animate: 0.2s; */
	/*   background: transparent; */
	/*   border-color: transparent; */
	/*   color: transparent; } */
	/* form input[type=range]::-ms-fill-lower { */
	/*   background: #2E3639; */
	/*   border: 0; */
	/*   border-radius: 0; */
	/*   box-shadow: none; } */
	/* form input[type=range]::-ms-fill-upper { */
	/*   background: #2E3639; */
	/*   border: 0; */
	/*   border-radius: 0; */
	/*   box-shadow: none; } */
	/* form input[type=range]::-ms-thumb { */
	/*   box-shadow: none; */
	/*   border: 0; */
	/*   height: 15px; */
	/*   width: 10px; */
	/*   border-radius: 0; */
	/*   background: #00336f; */
	/*   cursor: pointer; } */
	/* form input[type=range]::-webkit-slider-thumb { */
	/*   -webkit-appearance: none; */
	/*   border: 0; */
	/*   background: #00336f; */
	/*   margin-top: -5px; } */ 

.login-form {
	margin-bottom: 2em;
}

.login-form input[type="text"],.login-form input[type="password"] {
	display: inline-block;
	width: 60% !important;
}

.login-form label {
	display: inline-block;
	width: 39%;
}

.login-form .btn {
	width: 60%;
}

.login-form .btn-login {
	float: left !important;
}

.phoneSearch .btn {
	margin-left: 13.666%;
	padding-left: 25px;
	padding-right: 25px;
}

.phoneSearch div.input {
	width: 86.334%;
}

.phoneSearch .label {
	display: inline-block !important;
}

.frontEndEditIcons img {
	width: 16px !important;
}

/*
############################## Handy-Ansicht #######################################
*/
@media ( max-width : 700px) {
	.phoneSearch .label {
		background-color: #ffffff;
	}
	.phoneSearch .btn {
		margin-left: 0;
	}
}

.bg-blue-dark {
	background-color: #2E3639 !important;
	color: #fff;
}

.bg-blue-dark .ms-slide-info {
	background-color: #2E3639 !important;
	color: #fff;
}

#content h3.bg-blue-dark .slideContent {
	color: #fff !important;
	font-weight: 100;
}

.bg-blue-light {
	background-color: #d3f1ff !important;
	color: #00336f;
}

.bg-blue-light .ms-slide-info {
	background-color: #d3f1ff !important;
	color: #00336f;
}

.bg-white {
	background-color: #fff !important;
}

.bg-white .ms-slide-info {
	background-color: #fff !important;
}

.bg-grey-light {
	background-color: #f2f2f2 !important;
}

.bg-grey-light .ms-slide-info {
	background-color: #f2f2f2 !important;
}

.bg-grey {
	background-color: #e4e4e4 !important;
}

.bg-grey .ms-slide-info {
	background-color: #e4e4e4 !important;
}

.whiteBg {
	background-color: #ffffff;
}

.accordion {
	margin-bottom: 2em;
}

.accordion .accordion-header {
	font-size: 1em;
	padding: 8px 12px;
	margin: 1px 0 0 0;
	cursor: pointer;
	position: relative;
	color: #fff !important;;
}

.accordion .accordion-header .accordion-title {
	margin-right: 24px;
}

.accordion .accordion-content {
	padding: 10px;
	font-weight: 300;
}

.accordion .accordion-content.bg-blue-dark a {
	color: #2E3639 !important;
}

.accordion .accordion-content.bg-blue-dark a:visited {
	color: #ffe78f !important;
}

.accordion .ui-accordion-header-active .arrow .shape1 {
	top: -6px;
	border-color: transparent transparent #fff transparent;
}

.accordion .ui-accordion-header-active .arrow .shape2 {
	border-color: transparent transparent #00336f transparent;
	top: -3px;
}

.accordion a:visited {
	color: #ab9131;
}

.info-box {
	position: relative !important;
	margin: 0 0 2em 0;
	position: relative;
}

.info-box .arrow {
	position: absolute;
	top: 6px;
	right: 3px;
}

.info-box .info-box-accordion {
	position: absolute;
	width: 100%;
}

.info-box .info-box-header {
	font-size: 1em;
	padding: 8px 2px 8px 12px;
	margin: 0;
	z-index: 2;
	cursor: pointer;
}

.info-box .info-box-header .info-box-title {
	margin-right: 24px;
	display: block;
}

.info-box .info-box-content {
	position: relative;
	z-index: 33;
	padding: 10px;
	width: 100%;
	display: none;
}

.info-box .info-box-content.bg-blue-dark a {
	color: #2E3639 !important;
}

.info-box .info-box-content.bg-blue-dark a:visited {
	color: #ffe78f !important;
}

.info-box .info-box-image {
	top: 0;
	line-height: 0;
}

.info-box .info-box-image img {
	width: 100%;
	height: auto;
}

.info-box .ui-accordion-header-active .arrow .shape1 {
	top: -6px;
	border-color: transparent transparent #fff transparent;
}

.info-box .ui-accordion-header-active .arrow .shape2 {
	border-color: transparent transparent #00336f transparent;
	top: -3px;
}

.arrow {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	margin-top: 2px;
	right: 2px;
	top: 6px;
}

.arrow .shape1,.arrow .shape2 {
	display: inline-block;
	border-width: 8px;
	border-style: solid;
	height: 0;
	width: 0;
	border-color: #fff transparent transparent transparent;
	top: 3px;
	position: absolute;
}

.arrow .shape2 {
	top: 0px;
	border-color: #00336f transparent transparent transparent;
}

.bg-blue-light .arrow .shape1 {
	border-color: #00336f transparent transparent transparent;
}

.bg-blue-light .arrow .shape2 {
	border-color: #d3f1ff transparent transparent transparent;
}

.bg-blue-light.ui-accordion-header-active .arrow .shape1 {
	border-color: transparent transparent #00336f transparent;
}

.bg-blue-light.ui-accordion-header-active .arrow .shape2 {
	border-color: transparent transparent #d3f1ff transparent;
}

.bg-grey .arrow .shape1 {
	border-color: #00336f transparent transparent transparent;
}

.bg-grey .arrow .shape2 {
	border-color: #e4e4e4 transparent transparent transparent;
}

.bg-grey.ui-accordion-header-active .arrow .shape1 {
	border-color: transparent transparent #00336f transparent;
}

.bg-grey.ui-accordion-header-active .arrow .shape2 {
	border-color: transparent transparent #e4e4e4 transparent;
}

.bg-grey-light .arrow .shape1 {
	border-color: #00336f transparent transparent transparent;
}

.bg-grey-light .arrow .shape2 {
	border-color: #f2f2f2 transparent transparent transparent;
}

.bg-grey-light.ui-accordion-header-active .arrow .shape1 {
	border-color: transparent transparent #00336f transparent;
}

.bg-grey-light.ui-accordion-header-active .arrow .shape2 {
	border-color: transparent transparent #f2f2f2 transparent;
}

.bg-white .arrow .shape1 {
	border-color: #00336f transparent transparent transparent;
}

.bg-white .arrow .shape2 {
	border-color: #fff transparent transparent transparent;
}

.bg-white.ui-accordion-header-active .arrow .shape1 {
	border-color: transparent transparent #00336f transparent;
}

.bg-white.ui-accordion-header-active .arrow .shape2 {
	border-color: transparent transparent #fff transparent;
}

.slider {
	margin-bottom: 2em;
}

.slider #slideContent .ms-slide-info {
	z-index: 35;
	padding: 10px 14px;
	overflow-y: auto;
}

.slider #slideContent .ms-slide-info h2 {
	margin: 0 0 0.8em 0;
}

.slider #slideContent .ms-slide-info h3 {
	margin: 0 0 0.6em 0;
}

.slider #slideContent.slider-txt-right .ms-slide-info {
	bottom: 0;
}

.slider #slideContent.slider-txt-left .ms-slide-info {
	bottom: 0;
	left: 0;
}

.slider #slideContent.slider-txt-bottom .ms-slide-info {
	width: 100% !important;
	position: relative;
	top: 0;
	bottom: 0;
	height: 110px;
	overflow-y: auto;
}

.slider .slider-txt-left .ms-thumb-list {
	left: 0;
	bottom: 45px;
}

.slider .slider-txt-right .ms-thumb-list {
	position: relative;
}

.slider .slider-txt-bottom .ms-thumb-list {
	bottom: 0;
	left: 0;
}

.slider .slideContent p {
	margin-top: 0;
}

.slider .slideContent p:last-child {
	margin: 0;
}

.slider .slideContent a.more {
	margin-bottom: 0;
}

div.warning,div.text,div.question,div.download {
	width: 100%;
	margin: 0 auto 1.7em;
	padding: 10px 10px 15px 100px;
	border: 8px solid #d3f1ff;
	color: #2E3639;
}

div.warning p,div.text p,div.question p,div.download p {
	padding: 0;
}

div.warning,div.question,div.download {
	background-repeat: no-repeat;
	background-size: 50px 50px;
	background-position: 25px 15px;
	min-height: 100px;
}

divnoteBox {
	display: block;
}

div.warning {
	background-image: url(../typo3/icon-hinweis.svg);
}

div.question {
	background-image: url(../typo3/icon-frage.svg);
}

div.download {
	background-image: url(../typo3/icon-download.svg);
}

div.download li {
	vertical-align: top;
}

div.text {
	padding: 15px 10px 15px 10px;
}

div.noteBox .content,div.download,div.warning,div.text,div.question {
	word-wrap: break-word;
}

div.noteBox.image {
	display: -ms-flexbox;
	display: flex;
}

div.noteBox.image .content,div.noteBox.image .sidebar {
	display: block;
}

div .noteBox .content dl,div .noteBox .content menu,div .noteBox .content ol,div .noteBox .content p,div .noteBox .content pre,div .noteBox .content ul
	{
	margin: 0 0 1em 0;
}

.ce-bodytext .warning ul,.ce-bodytext .warning ol {
	padding-left: 20px;
}

.ce-bodytext .text ul,.ce-bodytext .text ol {
	padding-left: 20px;
}

.ce-bodytext .question ul,.ce-bodytext .question ol {
	padding-left: 20px;
}

.ce-bodytext .download ul,.ce-bodytext .download ol {
	padding-left: 20px;
}

.tx-htwkcontact h3.placeholder {
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}

.tx-htwkcontact hr.placeholder {
	border: 0;
	border-top: 2px solid #e5e5e5;
	margin: 10px 0;
	padding: 0;
}

.tx-htwkcontact .subtitle.placeholder {
	font-weight: bold;
	padding-left: 0;
	padding-right: 0;
}

.tx-htwkcontact .text.placeholder {
	margin-bottom: 10px;
}

.tx-htwkcontact button[type=submit] {
	width: auto !important;
}

.tx-htwkcontact .object-show figure {
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}

.tx-htwkcontact .letter span {
	text-transform: uppercase;
}

.tx-htwkcontact .letter a {
	text-transform: uppercase;
	color: #2E3639 !important;
}

.tx-htwkcontact .letter.active a {
	color: white !important;
}

.tx-htwkcontact .map {
	height: 500px;
}

.tx-htwkcontact .infoTable table th,.tx-htwkcontact .infoTable table td
	{
	vertical-align: top;
}

.tx-htwkcontact .placeholder {
	padding: 3px 5px;
}

.tx-htwkcontact .contactTable {
	overflow: hidden;
	padding-bottom: 20px;
}

.locationBox .map {
	height: 250px;
}

div.infoBoxLinks {
	position: relative;
	padding: 10px 10px 8px 10px;
	background-color: #f2f2f2;
}

div.infoBoxLinks:after {
	width: 0;
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 30px solid #e5e5e5;
	border-right: 30px solid white;
}

.tx-htwkevents .timeHint {
	margin: 10px 0 20px 0;
}

.tx-htwkevents .eventslist .event {
	display: block;
	width: 100%;
	padding: 10px;
	border: 10px solid #f2f2f2;
	margin-bottom: 24px;
}

.tx-htwkevents .eventslist .event:hover {
	border: 10px solid #d3f1ff;
}

.eventslist .event .link a:visited,.eventslist .newsBox .link a:visited,.eventscontainer .event .link a:visited,.eventscontainer .newsBox .link a:visited
	{
	color: #0092d4;
}

.containerNews .link a:visited {
	color: #0092d4 !important;
}

.containerNews .events>div>h2,.containerNews .events>div>h3 {
	display: none;
}

.containerNews table.ui-datepicker-calendar th {
	background-color: transparent;
	color: #00336f;
}

.containerNews .ui-datepicker-prev,.containerNews .ui-datepicker-next {
	margin-top: -5px;
}

.container_Sidebar .ui-datepicker-calendar td a,.container_Sidebar .ui-datepicker-calendar th span,.container_MenuSub .ui-datepicker-calendar td a,.container_MenuSub .ui-datepicker-calendar th span,.container_Articles .col12in .ui-datepicker-calendar td a,.container_Articles .col12in .ui-datepicker-calendar th span,.container_Articles .col13in .ui-datepicker-calendar td a,.container_Articles .col13in .ui-datepicker-calendar th span
	{
	width: 30px;
	height: 30px;
}

.container_Sidebar .ui-datepicker-calendar td,.container_Sidebar .ui-datepicker-calendar th,.container_MenuSub .ui-datepicker-calendar td,.container_MenuSub .ui-datepicker-calendar th,.container_Articles .col12in .ui-datepicker-calendar td,.container_Articles .col12in .ui-datepicker-calendar th,.container_Articles .col13in .ui-datepicker-calendar td,.container_Articles .col13in .ui-datepicker-calendar th
	{
	width: 12%;
	line-height: 30px;
}

.container_Sidebar .contactBox,.container_MenuSub .contactBox,.container_Articles .col12in .contactBox,.container_Articles .col13in .contactBox
	{
	float: none;
}

.container_Articles.col12 .contactBox {
	float: none;
}

.col12in .contactBox {
	width: 100%;
}

.contactBox {
	margin-bottom: 1em;
}

.contactBox .contact_photo,.contactBox .contact_person {
	margin-bottom: 10px !important;
}

.contactBox .contactBoxContent img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.contactBox .contactBoxContent ul.ctype-uploads li .fileicon img {
	width: 20px !important;
	margin-right: 0.3em;
	vertical-align: top;
	padding-top: 4px;
}

.container_Sidebar .contactBox {
	margin-bottom: 48px;
}

.file-link-content {
	margin-left: 3px;
	display: inline-block;
}

.file-link-content span {
	padding-left: 3px;
}

.form-listshow label {
	display: block;
	font-weight: bold;
}

.greyBox {
	background-color: #efefef;
	padding: 10px;
}

.lightBlueBox {
	background-color: #d3f1ff;
	padding: 10px;
}

div.download,div.question,div.warning {
	background-position: 15px 15px;
	padding-left: 15px;
	padding-top: 66px;
}

div.download p,div.download h1,div.download h2,div.download h3,div.download h4,div.download h5,div.download h6,div.question p,div.question h1,div.question h2,div.question h3,div.question h4,div.question h5,div.question h6,div.warning p,div.warning h1,div.warning h2,div.warning h3,div.warning h4,div.warning h5,div.warning h6
	{
	margin-top: 10px;
}

div.text {
	padding-left: 15px;
}

div.text p {
	padding-top: 10px;
}

div.download .file-link-content {
	display: inline;
}

div.download ul {
	padding-left: 20px;
}

div.download ul.ctype-uploads {
	padding-left: 0px;
}

.container_Sidebar div.download img,.container_Articles div.download img
	{
	width: inherit;
}

.container_Sidebar div.download .download-li-width-thumb img {
	width: 30px;
	height: auto;
}

.noteBox {
	min-height: 115px;
	margin-bottom: 2em;
}

.container_MenuSub .htwkevents-calender a {
	padding: 0;
}

.container_MenuSub .htwkevents-calender a:visited {
	padding: 0;
}

.container_MenuSub .fileicon img,.container_Sidebar .fileicon img,.container_Articles .fileicon img,.container_Content .fileicon img
	{
	width: auto !important;
}

/*
############################## Tablet-Ansicht #######################################
*/
@media ( max-width : 1023px) and (min-width: 701px) {
	.noteBox.image {
		min-height: 105px;
	}
	.noteBox.image .sidebar {
		height: 60px;
	}
}

/*
############################## Handy-Ansicht #######################################
*/
@media ( max-width : 700px) {
	div.download .download-li-width-thumb img {
		width: 30px;
		height: auto;
	}
}

.ui-datepicker-calendar {
	margin-left: auto;
	margin-right: auto;
}

.containerMenuTop .navTop a,.containerMenuTop .navTop li>label {
	font-size: 0.9rem;
}

.containerMenuTop ul.left,.containerMenuTop ul.right {
	margin-top: 5px;
}

.containerMenuTop li:not (:last-child ) a::after {
	content: "|";
	padding-left: 10px;
	color: #0092d4;
}

.containerMenuTop li:not (:first-child ) {
	margin-left: 10px;
}

.containerMenuTop .navTop li img {
	float: none;
	margin-top: 0;
	display: inline-block;
	vertical-align: middle;
}

.containerMenuTop .switch-font-size a {
	background-image: url("../typo3/icon-schriftgroesse.svg");
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: left 50%;
}

.containerMenuTop #showFactorial a,.containerMenuTop #showSearch a,.containerMenuTop .switch-contrast a
	{
	background-repeat: no-repeat;
	padding-left: 19px;
	background-position: left 50%;
}

.containerMenuTop .switch-contrast a {
	background-image: url("../typo3/icon-kontrast-off.svg");
}

.containerMenuTop #showFactorial a {
	background-image: url("../typo3/icon-fakultaeten.svg");
}

.containerMenuTop #showSearch a {
	background-image: url("../typo3/icon-suche_HTWK.svg");
}

.containerMenuTop .ico-intranet a {
	background-image: url("../typo3/icon-login_HTWK.svg");
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left 50%;
}

.containerMenuTop .ico-kontakt a {
    background-image: url("../typo3/icon-kontakt_HTWK.svg");
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: left 50%;
}

.containerMenuTop .ico-hilfe a {
    background-image: url("../typo3/icon-hilfe_HTWK.svg");
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: left 50%;
}

.containerMenuTop .ico-home a {
	margin: 0 30px 0 30px;
	background-repeat: no-repeat;
	padding-left: 22px;
	background-image: url(../typo3/htwk-home.svg);
	background-position: left 50%;
	background-size: 16px 16px;
}

.containerMenuTop li.no-border-right a::after,.containerMenuTop li.last-item a::after
	{
	content: "";
}

.containerMenuTop .ico-htwk-home a {
	margin: 0;
}

.containerMenuTop a.lang-overlay {
	background-image: none;
	padding: 0;
}

.nav-service-mobile.ico-intranet a {
	background-image: url("../typo3/icon-login_HTWK.svg");
	background-repeat: no-repeat;
	padding-left: 22px;
	background-position: left 50%;
}

.nav-service-mobile.ico-kontakt a {
    background-image: url("../typo3/icon-kontakt_HTWK.svg");
    background-repeat: no-repeat;
    padding-left: 22px;
    background-position: left 50%;
}

.nav-service-mobile.ico-hilfe a {
    background-image: url("../typo3/icon-hilfe_HTWK.svg");
    background-repeat: no-repeat;
    padding-left: 22px;
    background-position: left 50%;
}

.page-navigation>p {
	display: none;
}

.f3-widget-paginator {
	margin: 0 0 15px 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
}

.f3-widget-paginator li {
	float: left;
	list-style-image: none;
	list-style-type: none;
	width: 40px;
	height: 34px;
	color: white;
	padding: 5px 0 15px 0;
	text-align: center;
	margin-right: 2px;
	margin-bottom: 2px;
	background-color: #2bf;
}

.f3-widget-paginator li a {
	margin-top: -5px;
	margin-bottom: -15px;
	padding-top: 5px;
	padding-bottom: 15px;
	background-color: #048;
	color: white;
	display: block;
	height: 34px;
}

.f3-widget-paginator li a:hover {
	background-color: #2bf;
}

.f3-widget-paginator li.previous,.f3-widget-paginator li.next {
	width: auto;
}

.f3-widget-paginator li.previous a,.f3-widget-paginator li.next a {
	padding-left: 10px;
	padding-right: 10px;
}

.breadcrumb .standard-link {
	color: #0092d4 !important;
}

.breadcrumb .standard-link:visited {
	color: #0092d4 !important;
}

.breadcrumb ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
	margin-left: 5px;
}

.breadcrumb li {
	display: inline-block;
}

.breadcrumb ul li.level:not (:last-child ):after {
	content: ' >';
	color: #048;
}

.show {
	display: block !important;
}

.social ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.social li {
	display: inline-block;
}

.printMail ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.printMail ul li:not (:last-child ) a::after {
	content: "|";
	padding-left: 5px;
	color: #048;
}

.printMail li {
	display: inline-block;
}

.rss-link {
	float: right;
}

.rss-link:after {
	content: url(../typo3/icon-rss-grau.svg);
	width: 34px;
	padding-left: 10px;
	display: block;
	float: right;
}

#navi-main li a {
	border-bottom: 1px solid #1ca6e9;
}

#navi-main li:last-child {
	border-bottom: 0;
}

#navi-main li.level03,#navi-main li.level04,#navi-main li.level05 {
	padding-left: 0;
	margin-left: 20px;
	padding-right: 0;
	margin-right: 0;
}

#navi-main .active-a {
	font-weight: 600;
	color: #048;
}

#navi-main .active-site {
	font-weight: 600;
	background-color: #f2f2f2;
}

.contrast-trigger:checked ~ .containerCanvas .container_MenuSub #navi-main ul.level02 li.active
	{
	background-color: #fff !important;
}

.navTop .left {
	width: 0;
}

.navTop .right {
	width: 97%;
}

@media (max-width: 700px) {
	.containerFooter {
		position: relative;
		height: 100px;
		/* Töl: top: 200px; */
	}

}

.containerFooter ul.menuFooter {
	/*TÖL: Quicklinks auch bei Tabletansicht: display: none; */
	
}

.containerCopyright {
	/*TÖL: Quicklinks auch bei Tabletansicht: top: 20px; */
	top: auto;
}

.otherTarget {
	display: inline-block;
	margin: 0;
	padding: 24px 24px 0 24px;
}

.otherTarget .title {
	font-size: 130%;
	font-weight: 700;
	margin: 0 0 10px 0;
}

.otherTarget a {
	display: block;
	color: #2E3639;
	border: 2px solid #d3f1ff;
}

/*
############################## Desktop-Ansicht #######################################
*/
@media ( min-width : 1024px) {
	.navTop .otherTarget {
		padding: 0;
		position: relative;
	}
	.navTop .otherTarget a {
		border: 0;
		padding: 4px 10px;
		text-align: left;
	}
	.navTop .otherTarget a.noLink {
		padding: 0;
		margin: 0;
	}
	.navTop .otherTarget a.noLink::after {
		content: "|";
		padding-left: 10px;
		color: #2E3639;
	}
	.navTop .otherTarget .moreTargets {
		border: 0 !important;
		display: none;
		background: #fff;
		position: absolute;
		z-index: 99999;
	}
	.navTop .otherTarget .moreTargets li {
		display: block;
		margin-left: 0;
	}
	.navTop .otherTarget .moreTargets li a {
		color: #007bbd;
		font-weight: 300;
	}
	.navTop .otherTarget .moreTargets li a::after {
		display: none;
	}
	.navTop .otherTarget .moreTargets li:hover a {
		text-decoration: underline;
	}
	.navTop .otherTarget .moreTargets li.active {
		background-color: #f2f2f2;
	}
	.navTop .otherTarget .moreTargets li.active a {
		font-weight: 700;
	}
	.containerFooter {
		height: 300px;
	}
	.containerFooter ul.menuFooter {
		display: block;
	}
	.containerCopyright {
	   top: auto;
		/* top: 200px; */
	}
	.navTop .left {
		width: 30% !important;
	}
	.navTop .right {
		width: 70% !important;
	}
}

/*
############################## Tablet-Ansicht #######################################
*/
@media ( max-width : 1023px) and (min-width: 701px) {
	.navTop .otherTarget,.navTop .navTop04 {
		display: none !important;
	}
}

.tx-htwkenhancements .error {
	border: 1px solid red;
	padding: 15px;
	color: red;
	font-weight: bold;
}

.tx-htwkenhancements textarea {
	border: 1px solid #048;
	padding: 5px;
	width: 100% !important;
	height: 150px !important;
}

.tx-htwkenhancements .box {
	border: 1px solid #048;
	padding: 15px;
}

.tx-htwkenhancements label {
	font-weight: bold;
}

.tx-htwkenhancements a {
	background-color: #048;
	color: #fff;
	padding: 10px;
}

.tx-htwkenhancements a:hover {
	background-color: #2E3639;
}

.newsContent iframe {
	width: 100%;
	border: 0;
}

.newsContent h2 {
	margin-top: 0.5em;
	margin-bottom: 0;
}

.newsContent .social {
	margin-top: 40px;
}

.news-img-wrap {
	float: left;
	width: 100%;
}

.news-img-wrap img {
	max-width: 100%;
}

.news-img-wrap .outer {
	margin: 0 20px 20px 0;
	float: none;
}

.news-img-wrap figcaption {
	padding-top: 0;
}

.newsBox .link a:visited {
	color: #ab9131;
}

.newsBox.topnews {
	background: #ddd;
}

.newsBox.topnews:hover {
	background: #d3f1ff;
}

.newsBox.sm .image {
	display: block;
}

.news-start-right {
	margin-top: 20px;
}

.news-start-right .rss-link {
	height: 30px;
	margin-bottom: 9px;
}

.topnews-image-wrapper {
	float: left;
	width: 100%;
	margin-top: 8px;
	margin-right: 12px;
	height: auto;
	background-size: 100%;
}

.topnews-image-wrapper .news-img-caption {
	display: none;
}

.topnews-text-wrapper {
	float: left;
	width: 100%;
}

.col12in .topnews-image-wrapper {
	float: left;
	width: 100%;
	margin-top: 8px;
	margin-right: 12px;
	height: auto;
}

.col12in .topnews-text-wrapper {
	float: left;
	width: 100%;
}

.col14 .topnews-image-wrapper {
	float: left;
	width: 100%;
	margin-top: 8px;
	margin-right: 12px;
	height: auto;
}

.col14 .topnews-text-wrapper {
	float: left;
	width: 100%;
}

.newsBox.linkedBox dl,.newsBox.linkedBox menu,.newsBox.linkedBox ol,.newsBox.linkedBox p,.newsBox.linkedBox pre,.newsBox.linkedBox u
	{
	padding: 0;
	margin: 0;
	margin-bottom: 1em;
}

.newsBox.linkedBox .title {
	margin-bottom: 0.6em;
	margin-top: 0.1em;
}

.newsBox.linkedBox h4 {
	margin-bottom: 0;
}

.newsBox.linkedBox .link {
	margin-top: 0.5em;
}

.containerNews-start-left .news-col-left {
	padding-bottom: 13px;
}

.containerNews-start-left .rss-link {
	display: none;
}

.containerNews-start-left .title h4 {
	margin: 2px 0 2px 0;
}

.containerNews-start-left .image .news-img-caption {
	display: none;
}

.containerNews {
	margin: 0;
}

.container_Content .image img {
	width: 100%;
	height: auto;
}

.news-backlink-wrap a:visited {
	color: #0092d4 !important;
}

.contactBoxContent.download {
	border: none;
	background-image: none;
	margin: 0;
	min-height: inherit;
}

.contactBoxContent.download .ctype-uploads {
	padding: 0;
	margin: 0;
}

.contactBoxContent.download .ctype-uploads li {
	vertical-align: top;
}

.contactBoxContent.download .ctype-uploads li .clearfilelinks {
	clear: both;
}

.contactBoxContent.download .ctype-uploads li .file-link-content .ce-uploads-fileName
	{
	display: inline;
}

/*
############################## Desktop-Ansicht #######################################
*/
@media ( min-width : 1024px) {
	.topnews-image-wrapper {
		float: left;
		width: 180px;
		margin-top: 8px;
		margin-right: 12px;
		height: 119px;
		background-size: 100%;
		overflow: hidden;
	}
	.topnews-text-wrapper {
		float: left;
		width: 65%;
	}
	.col12in .topnews-image-wrapper {
		float: left;
		width: 80px;
		margin-top: 8px;
		margin-right: 12px;
		height: 53px;
	}
	.col12in .topnews-text-wrapper {
		float: left;
		width: 60%;
	}
	.col14 .topnews-image-wrapper {
		float: left;
		width: 100%;
		margin-top: 8px;
		margin-right: 12px;
		height: auto;
	}
	.col14 .topnews-text-wrapper {
		float: left;
		width: 100%;
	}
	.col12 .topnews .topnews-text-wrapper {
		width: 54%;
	}
}

/*
############################## Tablet-Ansicht #######################################
*/
@media ( max-width : 1023px) and (min-width: 701px) {
	.topnews-image-wrapper {
		float: left;
		width: 180px;
		margin-top: 8px;
		margin-right: 12px;
		height: 119px;
		background-size: 100%;
	}
	.topnews-text-wrapper {
		float: left;
		width: 65%;
	}
	.col12in .topnews-image-wrapper {
		float: left;
		width: 80px;
		margin-top: 8px;
		margin-right: 12px;
		height: 53px;
	}
	.col12in .topnews-text-wrapper {
		float: left;
		width: 60%;
	}
	.col14 .topnews-image-wrapper {
		float: left;
		width: 80px;
		margin-top: 8px;
		margin-right: 12px;
		height: 53px;
	}
	.col14 .topnews-text-wrapper {
		float: left;
		width: 60%;
	}
}

/*
############################## Tablet-Ansicht #######################################
*/
@media ( max-width : 1023px) and (min-width: 701px) {
	.containerNews {
		display: block;
	}
	.containerNews-start-left {
		margin-top: 0px;
	}
	.news-start-right {
		margin-top: 16px;
	}
	.news-start-right .news-col-right .rss-link {
		margin-bottom: 40px;
	}
	.calEventSlide {
		margin-bottom: 2em;
	}
	
    #navigationSevice {
        /*TÖL: TopLinks nicht bei Tabletansicht */
        display: none;
    }
	
}

/*
############################## Desktop-Ansicht #######################################
*/
@media ( min-width : 1024px) {
	.containerNews-start-left {
		margin-top: 23px;
	}
	.news-start-right {
		margin-top: 17px;
	}
	.newsBox.sm:last-of-type {
		margin-bottom: 15px;
	}
}

/*
############################## Handy-Ansicht #######################################
*/
@media ( max-width : 700px) {
	.newsBox .image {
		display: block;
	}
	.containerNews-start-left {
		position: relative;
	}
	.containerNews-start-left .rss-link {
		display: block;
		position: absolute;
		top: -22px;
		right: 0;
		font-size: 12px;
		line-height: 1.3em;
	}
	.containerNews-start-left .rss-link:after {
		width: 24px;
	}
	.news-start-right .rss-link {
		display: none;
	}
	.calEventSlide {
		padding-bottom: 0 !important;
	}
	
}

.text-media-box {
	margin-bottom: 2em;
	background-color: #f2f2f2;
}

.text-media-box .ce-bodytext {
	padding: 10px 10px 0 10px;
}

.text-media-box .ce-media {
	margin-bottom: 0;
	margin: 10px;
}

.text-media-box .ce-column figure {
	margin: 10px;
}

.text-media-box-noText {
	background: none;
}

.text-media-box-noText .ce-media {
	margin: 0;
}

.text-media-box-noText .ce-column figure {
	margin: 0;
}

.ce-gallery figcaption {
	margin-top: 10px;
}

.ce-intext.ce-right .ce-gallery,.ce-intext.ce-left .ce-gallery,.ce-above .ce-gallery
	{
	margin-bottom: 0;
}

.text-media-box.ce-center.ce-above .ce-bodytext {
	border-top: 5px solid #fff;
}

.ce-intext.ce-left .ce-gallery {
	margin-right: 0;
	border-bottom: 5px solid #fff;
}

.ce-intext.ce-right .ce-gallery {
	margin-left: 0;
	border-bottom: 5px solid #fff;
	margin-bottom: 10px;
}

.ce-textpic {
	margin-bottom: 2em;
}

.ce-textpic p {
	margin: 0 0 1em 0;
}

/*
############################## Desktop-Ansicht (kl. Monitor) #######################################
*/
@media ( max-width : 1215px) and (min-width: 1025px) {
	.text-media-box.ce-intext.ce-right .ce-gallery {
		width: 100% !important;
		margin-left: 0px;
		float: inherit;
	}
	.text-media-box.ce-intext.ce-right .ce-gallery .ce-column {
		width: 100%;
		float: inherit;
	}
	.text-media-box.ce-intext.ce-right .ce-gallery .ce-column img {
		width: 100%;
		max-width: inherit;
	}
	.text-media-box.ce-intext.ce-right .ce-gallery .ce-column figcaption {
		display: block;
	}
	.text-media-box.ce-intext.ce-left .ce-gallery {
		width: 100% !important;
		margin-left: 0px;
		float: inherit;
	}
	.text-media-box.ce-intext.ce-left .ce-gallery .ce-column {
		width: 100%;
		float: inherit;
	}
	.text-media-box.ce-intext.ce-left .ce-gallery .ce-column img {
		width: 100%;
		max-width: inherit;
	}
	.text-media-box.ce-intext.ce-left .ce-gallery .ce-column figcaption {
		display: block;
	}
	.container_Articles.col34 .col12in .text-media-box.ce-intext.ce-left .ce-gallery
		{
		width: auto !important;
	}
	.container_Articles.col34 .col12in .text-media-box.ce-intext.ce-left .ce-gallery .ce-column
		{
		width: inherit;
		float: left;
		margin: 0;
	}
	.container_Articles.col34 .col12in .text-media-box.ce-intext.ce-left img
		{
		width: 100%;
	}
	.container_Articles.col34 .col12in .text-media-box.ce-intext.ce-right .ce-gallery
		{
		width: auto !important;
	}
	.container_Articles.col34 .col12in .text-media-box.ce-intext.ce-right .ce-gallery .ce-column
		{
		width: inherit;
		margin: 0;
		float: left;
	}
	.container_Articles.col34 .col12in .text-media-box.ce-intext.ce-right img
		{
		width: 100%;
	}
	.container_Articles.col34 .col23in-htwk .text-media-box.ce-intext.ce-left .ce-gallery
		{
		width: auto !important;
		float: left !important;
	}
	.container_Articles.col34 .col23in-htwk .text-media-box.ce-intext.ce-left .ce-gallery .ce-column
		{
		width: inherit;
		float: left;
		margin: 0;
	}
	.container_Articles.col34 .col23in-htwk .text-media-box.ce-intext.ce-left img
		{
		width: 100%;
	}
	.container_Articles.col34 .col23in-htwk .text-media-box.ce-intext.ce-right .ce-gallery
		{
		width: auto !important;
		float: left !important;
	}
	.container_Articles.col34 .col23in-htwk .text-media-box.ce-intext.ce-right .ce-gallery .ce-column
		{
		width: inherit;
		margin: 0;
		float: left;
	}
	.container_Articles.col34 .col23in-htwk .text-media-box.ce-intext.ce-right img
		{
		width: 100%;
	}
}

/*
############################## Desktop-Ansicht (gr. Monitor) #######################################
*/
@media ( min-width : 1215px) {
	.container_Articles.col34 .col12in .text-media-box.ce-left img {
		width: 200px;
	}
	.container_Articles.col34 .col12in .text-media-box.ce-right img {
		width: 200px;
	}
}

/*
############################## Handy-Ansicht (klein) #######################################
*/
@media ( max-width : 600px) {
	.text-media-box.ce-intext.ce-right .ce-gallery {
		width: 100% !important;
		margin-left: 0px;
		float: inherit;
	}
	.text-media-box.ce-intext.ce-right .ce-gallery .ce-column {
		width: 100%;
		float: inherit;
	}
	.text-media-box.ce-intext.ce-right .ce-gallery .ce-column img {
		width: 100%;
		max-width: inherit;
	}
	.text-media-box.ce-intext.ce-right .ce-gallery .ce-column figcaption {
		display: block;
	}
	.text-media-box.ce-intext.ce-left .ce-gallery {
		width: 100% !important;
		margin-left: 0px;
		float: inherit;
	}
	.text-media-box.ce-intext.ce-left .ce-gallery .ce-column {
		width: 100%;
		float: inherit;
	}
	.text-media-box.ce-intext.ce-left .ce-gallery .ce-column img {
		width: 100%;
		max-width: inherit;
	}
	.text-media-box.ce-intext.ce-left .ce-gallery .ce-column figcaption {
		display: block;
	}
	.container_Articles.col34 .col12in .text-media-box.ce-left img {
		width: 100%;
	}
	.container_Articles.col34 .col12in .text-media-box.ce-right img {
		width: 100%;
	}
}

/*
############################## Handy-Ansicht (klein) #######################################
*/
@media ( min-width : 600px) {
	.text-media-box .ce-media img {
		width: 100%;
	}
	.text-media-box.ce-right img {
		width: 300px;
	}
	.text-media-box.ce-left img {
		width: 300px;
	}
	.container_Articles.col12 .col23in-htwk .text-media-box.ce-right .ce-gallery
		{
		margin-left: 0;
		margin-right: 0;
	}
	.container_Articles.col12 .col23in-htwk .text-media-box.ce-right img {
		width: 100%;
	}
	.container_Articles.col12 .col23in-htwk .text-media-box.ce-left .ce-gallery
		{
		margin-left: 0;
		margin-right: 0;
	}
	.container_Articles.col12 .col23in-htwk .text-media-box.ce-left img {
		width: 100%;
	}
	.container_Articles.col12 .col13in-htwk .text-media-box.ce-right .ce-gallery
		{
		margin-left: 0;
		margin-right: 0;
	}
	.container_Articles.col12 .col13in-htwk .text-media-box.ce-right img {
		width: 100%;
	}
	.container_Articles.col12 .col13in-htwk .text-media-box.ce-left .ce-gallery
		{
		margin-left: 0;
		margin-right: 0;
	}
	.container_Articles.col12 .col13in-htwk .text-media-box.ce-left img {
		width: 100%;
	}
	.container_Articles.col12 .col23in-htwk .text-media-box.ce-right .ce-gallery
		{
		margin-left: 0;
		margin-right: 0;
	}
	.container_Articles.col12 .col23in-htwk .text-media-box.ce-right img {
		width: 100%;
	}
	.container_Articles.col12 .col23in-htwk .text-media-box.ce-left .ce-gallery
		{
		margin-left: 0;
		margin-right: 0;
	}
	.container_Articles.col12 .col23in-htwk .text-media-box.ce-left img {
		width: 100%;
	}
	.container_Articles.col12 .col13in-htwk .text-media-box.ce-right .ce-gallery
		{
		margin-left: 0;
		margin-right: 0;
	}
	.container_Articles.col12 .col13in-htwk .text-media-box.ce-right img {
		width: 100%;
	}
	.container_Articles.col12 .col13in-htwk .text-media-box.ce-left .ce-gallery
		{
		margin-left: 0;
		margin-right: 0;
	}
	.container_Articles.col12 .col13in-htwk .text-media-box.ce-left img {
		width: 100%;
	}
	.container_Articles.col34 .col23in-htwk .text-media-box.ce-left img {
		width: 180px !important;
	}
	.container_Articles.col34 .col23in-htwk .text-media-box.ce-right img {
		width: 180px !important;
	}
	.container_Articles.col34 .col12in .text-media-box.ce-left img {
		width: 180px;
	}
	.container_Articles.col34 .col12in .text-media-box.ce-right img {
		width: 180px;
	}
}

.ms-info {
	color: #2E3639;
}

.ms-gallery-template .ms-gallery-botcont {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

.ms-gallery-template .ms-slide-info {
	width: 100%;
	margin-bottom: 2em;
}

.ms-gallery-template .ms-bullets.ms-dir-h {
	width: auto !important;
	right: 65px !important;
}

.ms-gallery-template .ms-gal-thumbtoggle {
	margin-left: 10px;
	background-color: #2E3639;
}

.ms-gallery-template .ms-bullet {
	background: #fff;
}

.ms-gallery-template .ms-bullet-selected {
	background-color: #2E3639;
}

.ms-gallery-template .ms-slide-bgcont {
	background-color: #f2f2f2;
}

.ms-gallery-template .ms-slide-bgcont img {
	height: auto !important;
	width: auto !important;
	max-height: 100% !important;
}

.ms-lightbox-template {
	background-color: transparent;
	padding: 0;
	margin-bottom: 2em !important;
}

.ms-lightbox-template .ms-info {
	color: #2E3639;
	display: none;
}

.ms-lightbox-template .ms-thumbs-cont {
	width: 10000px !important;
}

.ms-lightbox-template .ms-slide-bgcont {
	background-color: #f2f2f2;
}

.ms-lightbox-template .ms-slide-bgcont img {
	height: auto !important;
	width: auto !important;
	max-height: 100% !important;
}

.ms-view {
	background-color: transparent;
}

.pp_social {
	display: none !important;
}

div.pp_default .pp_description {
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	clear: both;
}

/*
############################## Handy-Ansicht (klein) #######################################
*/
@media ( max-width : 600px) {
	.ms-gallery-template .ms-slide-info {
		display: block;
	}
}

@media ( max-width : 700px) {
	.ms-bullets-count {
		display: none;
	}
}

@media screen and (min-width: 340px) {
	.ce-intext.ce-left .ce-gallery {
		margin-right: 10px;
		border-bottom: 0;
	}
	.container_Articles.col12 .col13in-htwk .ce-intext.ce-left .ce-gallery {
		margin-right: 0px;
		border-bottom: 0;
	}
	.container_Articles.col12 .col23in-htwk .ce-intext.ce-left .ce-gallery {
		margin-right: 0px;
		border-bottom: 0;
	}
	.ce-intext.ce-right .ce-gallery {
		margin-left: 10px;
		border-bottom: 0;
		margin-bottom: 0;
	}
	.container_Articles.col12 .col13in-htwk .ce-intext.ce-right .ce-gallery
		{
		margin-left: 0;
		border-bottom: 0;
	}
	.container_Articles.col12 .col23in-htwk .ce-intext.ce-right .ce-gallery
		{
		margin-left: 0;
		border-bottom: 0;
	}
	.container_Articles.col34 .col13in-htwk .ce-intext.ce-right .ce-gallery
		{
		margin: 0;
	}
	.container_Articles.col34 .col13in-htwk .ce-intext.ce-left .ce-gallery {
		margin: 0;
	}
	.container_Articles.col34 .col12in .ce-intext.ce-right .ce-gallery {
		margin: 0;
	}
	.container_Articles.col34 .col12in .ce-intext.ce-left .ce-gallery {
		margin: 0;
	}
}

.col13in {
    margin-top: 1em;
}

/*
############################## Handy-/Desktop-/Tablet-Ansicht #######################################
*/
@media screen and (min-width: 500px) {
	.event h4 {
		margin-top: 0;
	}
	.event .imageContainer {
		padding-right: 15px;
		padding-bottom: 15px;
	}
	.floatRightNonMobile {
		float: right;
	}
	.floatLeftNonMobile {
		float: left;
	}
	.container_Articles.col34 .col12in .ce-intext.ce-right .ce-gallery {
		margin-left: 10px;
	}
	.container_Articles.col34 .col12in .ce-intext.ce-left .ce-gallery {
		margin-right: 10px;
	}
}

/*
############################## Handy-Ansicht #######################################
*/
@media ( max-width : 676px) {
	.info-box {
		width: 100% !important;
	}
	.infoTable table {
		min-width: 600px;
	}
	div.infoTable {
		width: 100%;
		overflow-y: auto;
		_overflow: auto;
	}
}

/*
############################## Desktop-/Tablet-Ansicht #######################################
*/
@media screen and (min-width: 768px) {
	.news-img-wrap {
		width: auto;
		max-width: 50%;
	}
}

@media ( min-width : 780px) {
	.container_Content {
		clear: both;
	}
}

@media ( min-width : 1024px) {
	.col13in {
		margin-top: 0;
	}
	.slider .slider-txt-right .ms-thumb-list {
		bottom: 300px;
	}
	.slider .slider-txt-left .ms-thumb-list {
		bottom: 300px;
	}
	#slideContent.slider-txt-right .ms-slide-info {
		height: 300px;
	}
	#slideContent.slider-txt-left .ms-slide-info {
		height: 300px;
	}
	.container_Sidebar .htwkevents-calender {
		width: 100%;
	}
	.containerCopyright .foerderer {
		width: calc(70% - 24px);
	}
	.containerCopyright .social {
		width: calc(30% - 24px);
		padding-top: 5px;
	}
}

.comment-item {
	margin-top: 20px;
}

.tx-htwklibrary .strip_content p {
	margin: 0;
}

.tx-htwklibrary .subnavi a:visited {
	color: #048;
}

.tx-htwklibrary .subnavi a:focus {
	text-decoration: none;
}

.tx-htwklibrary .subnavi a {
	background-color: #d3f1ff;
	color: #048;
	display: inline-block;
	width: auto;
	padding: 3px 10px;
	margin-bottom: 3px;
	color: #048;
}

.tx-htwklibrary .subnavi a.subnavi-item-active {
	background-color: #048;
	color: #ffffff;
	font-weight: 600;
}

/*
############################## Desktop-/Tablet-Ansicht #######################################
*/
@media ( min-width : 520px) {
	.tx-htwklibrary .stripes {
		display: table;
	}
	.tx-htwklibrary .stripes label {
		width: 220px !important;
		display: table-cell;
	}
	.tx-htwklibrary .stripes .strip_content {
		display: table-cell;
	}
}

.tx-htwkcontact .map {
	margin-bottom: 2em;
}

.tx-htwkcontact div.text p {
	padding-top: 0;
	margin-top: 0;
}

.tx-htwkcontact .placeholder {
	padding: 3px 0;
}

.phoneSearch .tabLetters {
	margin-top: 5px;
}

.resultTable a {
	color: #0092d4;
}

.contactBox .contact_department,.contactBox .contact_object,.contactBox .contact_vcard
	{
	display: block;
}

.contactBox .contact_department .label,.contactBox .contact_department .department
	{
	display: inline-block;
	margin-right: 7px;
}

.contactBox .contact_object .label,.contactBox .contact_object .object {
	display: inline-block;
	margin-right: 7px;
}

.contactBox .strip {
	clear: both;
}

.contactBox .contact_object {
	width: 100%;
}

.contactBox .strip {
	clear: both;
}

.contactBox .contact_object {
	width: 100%;
}

.contactBox .contact_object .label {
	float: left;
	display: block;
}

.resultTable .tableKomplex th {
	word-break: normal;
}

.resultTable .tableKomplex td img.icon {
	max-width: 23px;
}

.resultTable .tableKomplex td.htwkcontact-title {
	word-break: break-word;
}

.resultTable .tableKomplex td.htwkcontact-phone {
	white-space: nowrap;
}

.contactBox a:visited {
	color: #0092d4;
}

.contactBox .contact_person .title {
	font-weight: 300;
}

.contactBox .contact_person a:visited {
	color: #0092d4;
}

.contactBox .contact_photo {
	height: auto;
}

.contactTable .contact_person .name {
	font-family: 'SourceSansPro', sans-serif;
}

.contactTable .contact_person .title {
	font-weight: 300;
}

.htwkcontact-object-free {
	width: 25%;
}

.htwkcontact-object-small {
	width: 12%;
}

/*
############################## Desktop-Ansicht #######################################
*/
@media ( min-width : 1024px) {
	.contactTable .contact_photo {
		height: 120px;
		width: 120px;
		margin-bottom: 6px;
		background: #e2e2e4;
	}
	.contactTable .contact_person {
		margin-bottom: 60px;
	}
}

@media ( max-width : 1023px) and (min-width: 701px) {
	.resultTable .tableKomplex tbody,.resultTable .tableKomplex tfoot,.resultTable .tableKomplex thead
		{
		display: table-header-group;
	}
	.contactTable .contact_photo {
		height: 100px;
		width: 100px;
		margin-bottom: 6px;
		background: #e2e2e4;
	}
	.contactTable .contact_person {
		margin-bottom: 50px;
	}
	.contactBox:nth-child(odd) {
		margin: 0 !important;
		margin-bottom: 2em !important;
	}
}

/*
############################## Handy-Ansicht #######################################
*/
@media ( max-width : 700px) {
	.resultTable-ObjectList {
		min-height: 0.01%;
		overflow-x: auto;
	}
	.resultTable-ObjectList table.tableKomplex {
		width: 100%;
	}
}

.eventslist .event {
	margin-bottom: 1em;
}

/*
############################## Tablet-Ansicht #######################################
*/
@media ( max-width : 1023px) and (min-width: 701px) {
	.calEventSlide .htwkevents-calender {
		vertical-align: top;
		display: inline-block;
		width: calc(50% - 1.9%);
	}
}

a.has-event,a:visited.has-event {
	background-color: #2E3639;
	color: #fff;
	border-radius: 25px;
}

a.ui-state-active {
	background-color: #2E3639;
	color: #048;
	border-radius: 25px;
}

a.ui-state-highlight {
	background-color: #048 !important;
	color: #fff !important;
	border-radius: 25px !important;
}

.eventscontainer {
	margin-bottom: 2em;
	width: 100%;
}

.eventscontainer .newsBox {
	background: #fff;
}

.eventscontainer .newsBox.sm {
	margin-bottom: 0;
	float: none;
}

.eventscontainer .date {
	line-height: 1.4em;
	padding-bottom: 6px;
}

.eventscontainer .event,.eventscontainer .newsBox {
	padding: 15px;
	border: 10px solid #f2f2f2;
	border-top: 0;
}

.eventscontainer .newsBox:first-child,.eventscontainer .event:first-child
	{
	border-top: 10px solid #f2f2f2;
}

.eventscontainer .event:last-of-type {
	margin: 0;
}

.eventscontainer .container_Content .image img {
	width: 100%;
	height: auto;
}

.container_Sidebar .htwkevents-calender,.container_Sidebar .eventscontainer,.container_Articles .htwkevents-calender
	{
	width: 45%;
}

.container_Articles .col12in .htwkevents-calender,.container_Articles .col12in .eventscontainer,.container_Articles .col13in .htwkevents-calender,.container_Articles .col13in .eventscontainer
	{
	width: 100%;
}

.event-detail .stripes .strip label {
	font-weight: 300;
	min-width: auto;
	display: block;
}

.event-detail .content {
	display: block;
}

.event-detail p {
	margin: 0 0 1em 0;
}

/*
############################## Desktop-/Tablet-Ansicht #######################################
*/
@media ( min-width : 400px) {
	.event-detail .stripes .strip label {
		display: inline-block;
	}
	.event-detail .content {
		display: inline-block;
	}
}

@media ( min-width : 500px) {
	.event .imageContainer {
		width: 50%;
	}
}

@media ( min-width : 701px) {
	.container_Articles .eventscontainer {
		width: 45%;
	}
}

@media ( min-width : 1024px) {
	.container_Articles .eventscontainer {
		width: 45%;
	}
	.container_Sidebar .htwkevents-calender,.container_Sidebar .eventscontainer,.container_MenuSub .htwkevents-calender,.container_Articles .col12in .htwkevents-calender,.container_Articles .col12in .eventscontainer,.container_Articles .col13in .htwkevents-calender,.container_Articles .col13in .eventscontainer
		{
		width: 100%;
	}
}

@media ( min-width : 1024px) {
	.container_Articles .htwkevents-calender,.container_Articles .eventscontainer
		{
		width: 65%;
	}
	.container_Articles.col34 .htwkevents-calender,.container_Articles.col34 .eventscontainer
		{
		width: 45%;
	}
	.container_Articles.col34 .col13in .htwkevents-calender,.container_Articles.col34 .col13in .eventscontainer,.container_Articles.col34 .col12in .htwkevents-calender,.container_Articles.col34 .col12in .eventscontainer
		{
		width: 100%;
	}
	.eventscontainer .content {
		width: 70%;
	}
}

.event-infobox {
	margin-bottom: 1em;
}

.event-infobox .strip-with-label .content-width-label {
	width: 100% !important;
}

.event-infobox .strip-with-label label {
	width: 100% !important;
}

.event-detail .event-single-teaser {
	margin-bottom: 2em;
}

@media ( min-width : 500px) {
	.event-infobox .strip-with-label .content-width-label {
		width: 60% !important;
	}
	.event-infobox .strip-with-label label {
		width: 30% !important;
	}
}

@media ( max-width : 700px) {
	.container_Sidebar .eventscontainer {
		width: 100%;
	}
}

.ui-datepicker-calendar {
	min-width: 224px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.layer-wrapper .layer-content {
	display: none;
}

.layer-title {
	cursor: pointer;
}

.layer-content {
	display: block;
	position: fixed;
	overflow: hidden;
	bottom: 100%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(50, 50, 50, 0.9);
	transition: all .25s ease-out;
}

.layer-close {
	position: absolute;
	right: 0;
	background: url(../Images/close_HTWK.png) no-repeat;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	width: 40px;
	height: 40px;
	cursor: pointer;
	border: none;
}

.layerSlideIn {
	overflow: hidden;
}

.layerSlideIn .layer-content {
	bottom: 0%;
	background: rgba(50, 50, 50, 0.9);
	height: 100%;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
}

.layerSlideIn .layer-content .layer-content-inner {
	position: absolute;
	width: 60%;
	left: 20%;
	right: 20%;
	padding-top: 60px;
	font-size: 100% !important;
	font-size: 1.9vw !important;
	line-height: 2.8vw !important;
	color: #fff;
}

.layerSlideIn .layer-content .layer-content-inner .layer-text ul {
	display: block !important;
}

.layerSlideIn .layer-content .layer-content-inner a {
	color: #fff !important;
}

.layerSlideIn .layer-content .layer-content-inner a:hover {
	color: #0092d4 !important;
	text-decoration: none;
}

@media ( max-width : 700px) {
	.layerSlideIn .layer-content .layer-content-inner {
		width: 80%;
		left: 10%;
		right: 10%;
		padding-top: 40px;
		font-size: 100% !important;
		font-size: 4vw !important;
		line-height: 6vw !important;
	}
	.layerSlideIn .layer-content .layer-content-inner a {
		font-size: 100% !important;
		font-size: 4vw !important;
		line-height: 6vw !important;
	}
	.layer-close {
		right: -10%;
		top: 0px;
	}
}

#sitesearch:not (#TSFE_ADMIN_PANEL_FORM ) .btn,#sitesearch:not (#TSFE_ADMIN_PANEL_FORM
	) .powermail_submit {
	float: left;
}

#sitesearch-head input::-moz-placeholder,#sitesearch-head textarea::-moz-placeholder
	{
	color: #fff;
}

#sitesearch-head ::-webkit-input-placeholder {
	color: #fff;
}

#sitesearch-head :-moz-placeholder {
	color: #fff;
	opacity: 1;
}

#sitesearch-head ::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

#sitesearch-head :-ms-input-placeholder {
	color: #fff;
}

#sitesearch-head .searchButton {
	height: 40px;
}

.search-list-item {
	margin-bottom: 2em;
}

.col-search-left {
	float: left;
	width: calc(66.6% - 2.1%);
	margin: 0 1% 24px 1.9375%;
}

.col-search-right {
	float: right;
	width: calc(31% - 2.8125%);
	margin: 0 1.875% 24px .9375%;
}

.clear-search:before,.clear-search:after {
	display: table;
	content: " ";
}

.clear-search:after {
	display: block;
	content: "";
	clear: both;
}

.search-headline {
	padding-top: 35px;
}

.filter-headline {
	padding-top: 50px;
}

.search-library-htwk-sidebar {
	margin-bottom: 48px;
}

.search-library-htwk-main {
	margin-bottom: 2em;
}

.search-library-htwk-main .search-library-htwk #search_field {
	width: 78%;
}

.search-library-htwk-main .search-library-htwk .btn {
	width: 22%;
}

.search-filter-item label {
	text-indent: -28px;
	padding-left: 28px;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.accordion-search .accordion-header.bg-grey {
	background: none !important;
}

.accordion-search .accordion-header .arrow {
	display: none;
}

@media ( min-width : 1024px) {
	.containerSearch button[type=submit] {
		width: 44px;
		height: 44px;
	}
	.containerSearch input[type=text] {
		height: 44px;
	}
	.containerSearch #sitesearch-head .searchInput {
		width: 500px;
		border: 2px solid #00336f;
	}
	.col-search-left {
		float: left;
		width: calc(72.6% - 2.1%);
		margin: 0 1% 24px 1.9375%;
	}
	.col-search-right {
		float: right;
		width: calc(25% - 2.8125%);
		margin: 0 1.875% 24px .9375%;
	}
	.clear-search:before,.clear-search:after {
		display: table;
		content: " ";
	}
	.clear-search:after {
		display: block;
		content: "";
		clear: both;
	}
	.search-library-htwk #search_field {
		width: 68%;
	}
	.search-library-htwk .btn {
		width: 32%;
	}
	.search-library-htwk-main {
		display: none;
	}
}

@media ( max-width : 1275px) {
	.containerSearch #sitesearch-head {
		display: block;
		width: auto !important;
		margin: 0 !important;
	}
}

@media ( max-width : 1023px) and (min-width: 701px) {
	.searchSummary {
		margin-bottom: 0;
	}
	.search-library-htwk-sidebar {
		display: none;
	}
	.search-library-htwk-main {
		display: block;
	}
}

@media ( max-width : 700px) {
	.boxsearch {
		padding: 0 15px;
	}
	.searchSummary {
		margin-bottom: 0;
	}
	.col-search-left {
		float: inherit;
		width: 100%;
		margin: 0;
		clear: both;
	}
	.col-search-right {
		float: inherit;
		width: 100%;
		margin: 0;
		clear: both;
	}
	.search-filter-item {
		width: 49%;
		float: left;
	}
	.search-clear-xss,.search-btn-filter {
		display: block;
		content: "";
		clear: both;
		padding-top: 20px;
	}
	.search-btn-filter {
		padding-bottom: 30px;
	}
	.searchResults {
		padding-top: 30px;
	}
	.search-library-htwk-main .search-library-htwk #search_field {
		width: 73%;
	}
	.search-library-htwk-main .search-library-htwk .btn {
		width: 27%;
	}
	.accordion-search .accordion-header {
		font-size: 1em;
		padding: 8px 12px;
		margin: 1px 0 0 0;
		cursor: pointer;
		position: relative;
	}
	.accordion-search .accordion-header .arrow {
		display: block;
	}
	.accordion-search .accordion-header.bg-grey {
		background-color: #e4e4e4 !important;
	}
	.accordion-search .ui-accordion-header-active .arrow .shape1 {
		top: -6px;
	}
	.accordion-search .ui-accordion-header-active .arrow .shape2 {
		top: -3px;
	}
	.accordion-search .accordion-content {
		padding: 10px;
	}
}

.boxsearch .input {
	float: left;
}

.searchResult .description p {
	margin-bottom: 0;
}

.search-btn-filter {
	margin-top: 20px;
}

.pagebrowseSearch ul {
	margin: 0 0 15px 0;
	padding: 0;
	overflow: hidden;
}

.pagebrowseSearch ul li {
	float: left;
	list-style-image: none;
	list-style-type: none;
	width: 40px;
	height: 34px;
	color: white;
	padding: 5px 0 15px 0;
	text-align: center;
	margin-right: 2px;
	margin-bottom: 2px;
	background-color: #2bf;
}

.pagebrowseSearch ul li a {
	margin-top: -5px;
	margin-bottom: -15px;
	padding-top: 5px;
	padding-bottom: 15px;
	width: 40px;
	height: 34px;
	display: block;
	background-color: #048;
	color: #fff;
}

.pagebrowseSearch ul li a:visited {
	color: #fff;
}

.pagebrowseSearch ul li.active a {
	background-color: transparent;
	color: #fff;
}

.pagebrowseSearch ul li.active a:visited {
	color: #fff;
}

@media ( max-width : 450px) {
	.search-filter-item {
		width: 100%;
		float: left;
	}
}

.contrast-trigger:checked ~ .containerCanvas .titel a {
	color: #fff;
}

.contrast-trigger:checked ~ .containerCanvas .contrastBgGrey {
	background-color: #f2f2f2 !important;
	color: #000;
}

.contrast-trigger:checked ~ .containerCanvas .container_MenuSub ul.level02 li.active,.contrast-trigger:checked 
	~ .containerCanvas .contrastBG {
	background-color: #000 !important;
}

.contrast-trigger:checked ~ .containerCanvas .arrow .shape1,.contrast-trigger:checked 
	~ .container_Sidebar .arrow .shape1 {
	border-color: #fff transparent transparent transparent;
}

.contrast-trigger:checked ~ .containerCanvas .arrow .shape2,.contrast-trigger:checked 
	~ .container_Sidebar .arrow .shape2 {
	border-color: #000 transparent transparent transparent;
}

.contrast-trigger:checked ~ .containerCanvas .ui-accordion-header-active .arrow .shape1,.contrast-trigger:checked 
	~ .container_Sidebar .ui-accordion-header-active .arrow .shape1 {
	border-color: transparent transparent #fff transparent;
}

.contrast-trigger:checked ~ .containerCanvas .ui-accordion-header-active .arrow .shape2,.contrast-trigger:checked 
	~ .container_Sidebar .ui-accordion-header-active .arrow .shape2 {
	border-color: transparent transparent #000 transparent;
}

.contrast-trigger:checked ~ .containerCanvas .download,.contrast-trigger:checked 
	~ .containerCanvas .question,.contrast-trigger:checked ~
	.containerCanvas .text,.contrast-trigger:checked ~ .containerCanvas .warning,.contrast-trigger:checked 
	~ .container_Sidebar .download,.contrast-trigger:checked ~
	.container_Sidebar .question,.contrast-trigger:checked ~
	.container_Sidebar .text,.contrast-trigger:checked ~ .container_Sidebar .warning
	{
	color: #000;
}

.contrast-trigger:checked ~ .containerCanvas .download a,.contrast-trigger:checked 
	~ .containerCanvas .question a,.contrast-trigger:checked ~
	.containerCanvas .text a,.contrast-trigger:checked ~ .containerCanvas .warning a,.contrast-trigger:checked 
	~ .container_Sidebar .download a,.contrast-trigger:checked ~
	.container_Sidebar .question a,.contrast-trigger:checked ~
	.container_Sidebar .text a,.contrast-trigger:checked ~
	.container_Sidebar .warning a {
	font-weight: 600;
	text-decoration: underline;
}

.contrast-trigger:checked ~ .containerCanvas .page-navigation a,.contrast-trigger:checked 
	~ .containerCanvas .f3-widget-paginator a,.contrast-trigger:checked ~
	.container_Sidebar .page-navigation a,.contrast-trigger:checked ~
	.container_Sidebar .f3-widget-paginator a {
	color: #fff;
}

.contrast-trigger:checked ~ .containerCanvas .page-navigation .current,.contrast-trigger:checked 
	~ .containerCanvas .f3-widget-paginator .current,.contrast-trigger:checked 
	~ .container_Sidebar .page-navigation .current,.contrast-trigger:checked 
	~ .container_Sidebar .f3-widget-paginator .current {
	background-color: #fff;
	color: #000;
	border: 2px solid #000;
}

.contrast-trigger:checked ~ .containerCanvas div.warning,.contrast-trigger:checked 
	~ .containerCanvas div.text,.contrast-trigger:checked ~
	.containerCanvas div.question,.contrast-trigger:checked ~
	.containerCanvas div.download,.contrast-trigger:checked ~
	.container_Sidebar div.warning,.contrast-trigger:checked ~
	.container_Sidebar div.text,.contrast-trigger:checked ~
	.container_Sidebar div.question,.contrast-trigger:checked ~
	.container_Sidebar div.download {
	border: 8px solid #000;
}

.contrast-trigger:checked ~ .containerCanvas div.text.textNoBorder,.contrast-trigger:checked 
	~ .container_Sidebar div.text.textNoBorder {
	border: 0;
}

.contrast-trigger:checked ~ .containerCanvas a,.contrast-trigger:checked 
	~ .container_Sidebar a {
	text-decoration: underline !important;
}

.contrast-trigger:checked ~ .containerCanvas .containerMenuTop .zielgruppennavi-dropdown .noLink.contrastBOG,.contrast-trigger:checked 
	~ .container_Sidebar .containerMenuTop .zielgruppennavi-dropdown .noLink.contrastBOG
	{
	color: #fff !important;
}

.mobile-header {
	position: fixed;
	z-index: 9999;
	display: inline-block;
	width: 100%;
	height: 40px;
	background: #000000;
	left: 0;
	top: 0;
}

.menue-visible {
	display: block !important;
}

.nav-mobile {
	padding: 0;
	margin: 0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
	-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
	outline: none !important;
}

.scrollable-wrapper {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9998;
	overflow-y: scroll !important;
	-webkit-overflow-scrolling: touch !important;
	top: 0;
	padding-top: 40px;
	display: none;
}

.hide-text {
	position: absolute;
	left: -1000px;
}

.mobileMenuIcon {
	height: 40px;
	width: 40px;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	padding: 10px 8px;
	vertical-align: middle;
	background-size: 50% 40%;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}

.mobileMenuIcon span.hamburger-item {
	width: 100%;
	height: 0.2em;
	background-color: #fff;
	display: block;
	margin-bottom: 5px;
}

.mobileMenuIcon span.hamburger-item.last {
	margin-bottom: 0;
}

.mobileMenu {
	color: #fff;
	display: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
	width: 100%;
}

.mobileMenu button.icon:focus {
	border: 0px solid #fff;
	outline: 0;
}

.mobileMenu button.icon {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 45px;
	width: 45px;
	border: none;
	background-color: #000000;
}

.mobileMenu .nav-main.closed button.icon,.mobileMenu .menue-level-3.closed button.icon,.mobileMenu .menue-level-2.closed button.icon
	{
	background: url("../pub/typo3/icon_arrow_right_b_HTWK.png");
}

.mobileMenu .nav-main.open button.icon,.mobileMenu .menue-level-3.open button.icon,.mobileMenu .menue-level-2.open button.icon
	{
	background: url("../pub/typo3/icon_arrow_down_b_HTWK.png");
}

.mobileMenu #mksearch_term_header {
	margin: 0;
}

.mobileMenu .menue-level-1 div.ajax-content {
	position: static;
}

.mobileMenu .menue-level-1 div.open .icon {
	background-image: url("../pub/typo3/icon_arrow_down_HTWK.png")
		!important;
}

.mobileMenu .menue-level-1 div.closed .icon {
	background-image: url("../pub/typo3/icon_arrow_right_HTWK.png")
		!important;
}

.mobileMenu li {
	position: relative;
	background: #fff;
	border-bottom: solid 1px #2E3639;
	cursor: pointer;
	padding: 12px 18px;
	list-style: none;
	color: #2E3639;
}

.mobileMenu li a {
	color: #2E3639;
	text-decoration: none;
	display: inline-block;
	padding-right: 50px;
}

.mobileMenu li ul li {
	margin: 11px -18px -13px -58px;
	background: #fff;
	border-top: 1px solid #2E3639;
}

.mobileMenu li .menue-level-2 {
	border-left: 4px solid #2E3639;
}

.mobileMenu li .menue-level-2 a {
	margin-left: 10px;
}

.mobileMenu li .menue-level-3 {
	border-left: 4px solid #2E3639;
}

.mobileMenu li .menue-level-3 a {
	margin-left: 15px;
}

.mobileMenu li .menue-level-4 {
	border-left: 4px solid #2E3639;
}

.mobileMenu li .menue-level-4 a {
	margin-left: 20px;
}

.mobileMenu li .menue-level-5 {
	border-left: 4px solid #2E3639;
}

.mobileMenu li .menue-level-5 a {
	margin-left: 25px;
}

.mobileMenu li .menue-level-6 {
	border-left: 4px solid #2E3639;
}

.mobileMenu li .menue-level-6 a {
	margin-left: 30px;
}

.mobileMenu .menue-level-1.footer-nav,.mobileMenu .menue-level-1.nav-service-mobile
	{
	background-color: #000000;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.mobileMenu .menue-level-1.footer-nav a,.mobileMenu .menue-level-1.nav-service-mobile a
	{
	color: #fff;
}

.mobileMenu .menue-level-1.footer-nav.closed button.icon,.mobileMenu .menue-level-1.nav-service-mobile.closed button.icon
	{
	background-image: url("../pub/typo3/icon_arrow_right.png") !important;
}

.mobileMenu .menue-level-1.footer-nav.open .icon,.mobileMenu .menue-level-1.nav-service-mobile.open .icon
	{
	background-image: url("../pub/typo3/icon_arrow_down.png") !important;
}

.mobileMenu .lk-htwk-home {
	background-color: #000000;
	border-bottom: 1px solid #ffffff;
}

.mobileMenu .lk-htwk-home a {
	color: #fff;
}

.mobileMenu .menue-level-2.footer-nav a,.mobileMenu .menue-level-2.nav-service-mobile a
	{
	color: #2E3639;
}

.mobileMenu .active {
	background-color: #f2f2f2;
	border-left: 4px solid #2E3639;
}

.mobileMenu .active+ul {
	display: block;
}

.mobileMenu .activeli {
	background-color: #fff8e8;
	border-left: 4px solid #2E3639;
}

.mobileMenu .active-link {
	font-weight: 700;
}

.mobileMenu #search-mobile-menue button {
	width: 40px;
}

.mobileMenu .ico-htwk-home {
	height: 16px;
	float: left;
	margin-top: 4px;
	padding: 0 8px 0 0;
}

.mobileMenu li.bg-dark-blue {
	color: #ffffff;
	background-color: #000000;
	border-bottom: 1px solid #fff;
}

.mobileMenu li.bg-dark-blue a {
	color: #ffffff;
}

.mobileMenu li.ico-home a {
	background-repeat: no-repeat;
	padding-left: 20px;
	background-image: url(../typo3/htwk-home.svg);
	background-position: left 50%;
	background-size: 16px 16px;
}

.mobileMenu .noLink {
	display: block;
}

.mobileMenu .ajax-content {
	margin: 0;
	paddin: 0;
}

.closed>ul,.closed>div ul {
	display: none;
}

.mobile-menue-close {
	display: inline-block;
	width: 100%;
}

#mobile-menu .ico-language {
	background-color: #000000;
	border-bottom: 1px solid #fff;
}

#mobile-menu .ico-language label a {
	vertical-align: middle;
	color: #ffffff;
}

li#search-mobile-menue {
	padding: 0;
	border-bottom: none;
}

li#search-mobile-menue form {
	margin: 0 !important;
	padding: 0 !important;
}

li#search-mobile-menue input[type="text"] {
	background-color: #D3F1FF;
	height: 40px;
	border: 1px solid #2bf;
	border-left: 0;
	border-right: 0;
	margin: 0;
	margin-left: -2px;
}

@media ( min-width : 1024px) {
	.mobileMenuIcon,#mobile-menu,.mobile-header {
		display: none;
	}
}

.zielgruppennavi-wrapper {
	padding: 24px;
	width: calc(100% - 550px);
}

.zielgruppennavi-wrapper a:visited {
	color: #2E3639;
}

.zielgruppennavi-wrapper a {
	color: #2E3639;
}

.zielgruppennavi-wrapper .moreTargets {
	border: 0 !important;
	display: none;
	background: #fff;
	position: absolute;
	z-index: 99999;
	padding: 0px;
	margin-top: .5em;
}

.zielgruppennavi-wrapper .moreTargets li {
	display: block;
	margin-left: 0;
}

.zielgruppennavi-wrapper .moreTargets li a {
	color: #007bbd;
	font-weight: 300;
	border: 0;
	padding: 4px 6px;
}

.zielgruppennavi-wrapper .moreTargets li:hover a {
	text-decoration: underline;
	background-color: #f2f2f2;
}

.zielgruppennavi-wrapper .moreTargets li.active {
	background-color: #f2f2f2;
}

.zielgruppennavi-wrapper .moreTargets li.active a {
	font-weight: 700;
}

.zielgruppennavi-wrapper .zielgruppennavi-dropdown {
	padding-top: 7px;
}

.zielgruppennavi-wrapper .zielgruppennavi-dropdown a.noLink {
	padding: 3px 10px;
}

.zielgruppennavi-wrapper .zielgruppennavi-dropdown .title h2 {
	font-size: 110%;
	font-weight: 700;
}

.zielgruppennavi-wrapper .zielgruppennavi-dropdown ul.moreTargets {
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

.zielgruppennavi-wrapper .zielgruppennavi-links {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline-block;
	float: right;
}

.zielgruppennavi-wrapper .zielgruppennavi-links .targetTop {
	padding-top: 10px;
	width: 115px;
}

.zielgruppennavi-wrapper .zielgruppennavi-links .targetTop.interest {
	width: 155px;
}

.zielgruppennavi-wrapper .zielgruppennavi-links .targetTop.interest a {
	height: 80px;
	background: url("../typo3/icon-studieninteressierte.svg") no-repeat top
		center;
	display: block;
	padding-top: 50px;
	background-size: 36%;
}

.zielgruppennavi-wrapper .zielgruppennavi-links .targetTop.student a {
	height: 80px;
	background: url("../typo3/icon-studenten.svg") no-repeat top center;
	display: block;
	padding-top: 50px;
	background-size: 36%;
}

.zielgruppennavi-wrapper .zielgruppennavi-links .targetTop.absolvent a {
	height: 80px;
	background: url("../typo3/icon-absolventen.svg") no-repeat top center;
	display: block;
	padding-top: 50px;
	background-size: 36%;
}

.zielgruppennavi-wrapper .zielgruppennavi-links .targetTop li a {
	display: block;
}

.zielgruppennavi-wrapper .zielgruppennavi-links .image-interest {
	width: 60px;
	margin: -5px auto;
	display: block;
}

.zielgruppennavi-wrapper .zielgruppennavi-links .image-student {
	width: 60px;
	margin: -5px auto;
	display: block;
}

.zielgruppennavi-wrapper .zielgruppennavi-links .image-absolvent {
	width: 60px;
	margin: -5px auto;
	display: block;
}

.zielgruppennavi-wrapper .zielgruppennavi-links li {
	float: left;
}

@media ( max-width : 1270px) and (min-width: 1212px) {
	.zielgruppennavi-wrapper {
		padding: 12px;
		width: calc(100% - 550px);
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links .targetTop {
		width: 105px;
		padding-top: 10px;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links .targetTop a {
		font-size: .9em;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links .targetTop.interest {
		width: 145px;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links .image-interest,.zielgruppennavi-wrapper .zielgruppennavi-links .image-student,.zielgruppennavi-wrapper .zielgruppennavi-links .image-absolvent
		{
		width: 45px;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-dropdown {
		padding: 0px 12px 0 12px;
		width: 38%;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-dropdown a {
		font-size: .9em;
	}
}

.zielgruppen-content .title h2 {
	font-size: 22.8833px !important;
}

.zielgruppen-content a {
	font-size: 16px;
}

@media ( max-width : 1211px) and (min-width: 1024px) {
	.zielgruppennavi-wrapper {
		padding-right: 0px;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-dropdown {
		width: 85%;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links {
		float: inherit;
		display: block;
		margin-top: 22px;
		margin-left: 24px;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links .targetTop {
		width: 30%;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links .targetTop.interest {
		width: 33%;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links .image-interest,.zielgruppennavi-wrapper .zielgruppennavi-links .image-student,.zielgruppennavi-wrapper .zielgruppennavi-links .image-absolvent
		{
		width: 60px;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links li {
		float: inherit;
	}
}

@media ( max-width : 1023px) and (min-width: 827px) {
	.zielgruppennavi-wrapper {
		width: calc(100% - 48px);
		height: auto;
		margin-bottom: 2em;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-dropdown {
		width: 40%;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links {
		width: 55%;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links a.targetTop {
		width: 32%;
	}
}

@media ( max-width : 826px) {
	.zielgruppennavi-wrapper {
		width: calc(100% - 48px);
		height: auto;
		margin-bottom: 2em;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-dropdown {
		width: 100%;
		margin-left: 0;
		padding-left: 0;
		margin-bottom: 20px;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links {
		width: 100%;
		float: inherit;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links li {
		float: inherit;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links .image-interest,.zielgruppennavi-wrapper .zielgruppennavi-links .image-student,.zielgruppennavi-wrapper .zielgruppennavi-links .image-absolvent
		{
		display: block;
		width: 60px;
		margin: -5px auto;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links a.targetTop span {
		width: 28%;
		font-size: 0.9em;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links a.targetTop.interest span
		{
		width: 41%;
	}
}

@media ( max-width : 700px) {
	.zielgruppennavi-wrapper {
		width: calc(100% - 6.5%);
		margin-left: 3.25%;
		margin-bottom: 2em;
		padding-bottom: 0;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-dropdown {
		margin-bottom: 20px;
		margin: 0 3.25% 24px;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links {
		margin-left: 20px;
		margin: 0 3.25% 0;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links .image-interest,.zielgruppennavi-wrapper .zielgruppennavi-links .image-student,.zielgruppennavi-wrapper .zielgruppennavi-links .image-absolvent
		{
		display: inline-block;
		position: absolute;
		left: -15px;
		width: 60px;
		margin: -15px auto;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links .targetTop.interest {
		width: 100%;
		padding: 0;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links .targetTop.interest a {
		height: 50px;
		background: url("../typo3/icon-studieninteressierte.svg") no-repeat left
			center;
		display: block;
		padding-top: 0px;
		padding-left: 60px;
		background-size: 45px;
		line-height: 3em;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links .targetTop.student {
		width: 100%;
		padding: 0;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links .targetTop.student a {
		height: 50px;
		background: url("../typo3/icon-studenten.svg") no-repeat left center;
		display: block;
		padding-top: 0px;
		padding-left: 60px;
		background-size: 45px;
		line-height: 3em;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links .targetTop.absolvent {
		width: 100%;
		padding: 0;
	}
	.zielgruppennavi-wrapper .zielgruppennavi-links .targetTop.absolvent a {
		height: 50px;
		background: url("../typo3/icon-absolventen.svg") no-repeat left center;
		display: block;
		padding-top: 0px;
		padding-left: 60px;
		background-size: 45px;
		line-height: 3em;
	}
}

.targetTop.interest::before,.targetTop.student::before,.targetTop.absolvent::before
	{
	display: none;
}

.ajax-content {
	position: relative;
}

.ajax-content .waiting {
	background: none repeat scroll 0 center black;
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	opacity: 0.4;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

/*
 ****
 ****** stylesheets Organigramm HTWK Leipzig
 ****** by DMK E-Business GmbH
 **** */
.strukturmap-outer {
	width: 100%;
}

.strukturmap-outer .contrastBG,.strukturmap-outer .contrastFO,.strukturmap-outer .contrastFW
	{
	transition: none !important;
}

.col-left {
	float: left;
}

.col-sec,.col-last {
	margin-right: 0px;
}

.col-20 {
	width: 18%;
	padding: 12px 0;
	margin-right: 2% !important;
	margin-bottom: 2%;
	float: left;
}

.col-25 {
	width: 25%;
}

.col-33 {
	width: 31%;
	margin-right: 3%;
}

.last-col {
	margin-right: 0;
}

.col-50 {
	width: 50%;
}

.col-75 {
	width: 75%;
}

.col-100 {
	width: 100%;
}

.strukturmap-inner a {
	cursor: pointer;
}

.strukturmap-inner a:visited {
	color: white;
}

.fak-fas {
	/*signal */
	background: #c38211;
	border: 1px solid #c38211;
}

.fak-fas:hover {
	/*signal */
	background: #fff;
	border: 1px solid #c38211;
}

.fak-fas:hover a {
	/*signal */
	color: #c38211;
}

.fak-fas:hover:visited {
	color: #c38211;
}

.fak-bau {
	/*bordeux */
	background: #6e1144;
	border: 1px solid #6e1144;
}

.fak-bau:hover {
	/*bordeux */
	background: #fff;
	border: 1px solid #6e1144;
}

.fak-bau:hover a {
	/*bordeux */
	color: #6e1144;
}

.fak-et {
	/*bordeux */
	background: #446e28;
	border: 1px solid #446e28;
}

.fak-et:hover {
	/*bordeux */
	background: #fff;
	border: 1px solid #446e28;
}

.fak-et:hover a {
	/*bordeux */
	color: #446e28;
}

.fak-medien {
	background: #991100;
	border: 1px solid #991100;
}

.fak-medien:hover {
	background: #fff;
	border: 1px solid #991100;
}

.fak-medien:hover a {
	color: #991100;
}

.fak-mb {
	background: #004444;
	border: 1px solid #004444;
}

.fak-mb:hover {
	background: #fff;
	border: 1px solid #004444;
}

.fak-mb:hover a {
	color: #004444;
}

.fak-wiwi {
	background: #335571;
	border: 1px solid #335571;
}

.fak-wiwi:hover {
	background: #fff;
	border: 1px solid #335571;
}

.fak-wiwi:hover a {
	color: #335571;
}

.fak-it {
	background: #8e9797;
	border: 1px solid #8e9797;
}

.fak-it:hover {
	background: #fff;
	border: 1px solid #8e9797;
}

.fak-it:hover a {
	color: #8e9797;
	color: #6c7373;
}

ul.list-float,ul.list-no-float {
	padding: 0;
	margin: 0;
	text-indent: inherit;
}

ul.list-float li,ul.list-no-float li {
	padding: 0;
	margin: 0;
}

h1.hidden-xs {
	margin-bottom: 5%;
}

.strukturmap-inner ul {
	list-style: none;
	width: 100%;
}

.strukturmap-inner ul li {
	text-align: center;
}

.strukturmap-inner li.col-50 {
	width: 46%;
	margin-right: 4%;
}

.strukturmap-inner h3 {
	color: #2E3639;
	color: #2E3639;
	font-weight: 300;
	margin-top: 26px;
}

.strukturmap-inner li a {
	padding: 4px 12px;
}

.strukturmap-inner li.noLink {
	padding: 8px 42px;
	color: #919191;
}

.strukturmap-inner li.noLink:hover {
	color: #919191;
}

.strukturmap-inner ul li {
	margin-bottom: 4%;
}

.strukturmap-inner ul li.fak-wiwi {
	margin-bottom: 0;
}

.borderBlue.col-20 {
	border: 1px solid #2E3639;
	padding: 0;
}

.borderBlue.col-20 a {
	padding: 12px 0;
	display: block;
}

.borderBlue.col-20:hover {
	border: 1px solid #048;
}

.borderBlue.col-20:hover .colorDarkblue {
	color: #2E3639;
}

.strukturmap-inner ul.list-no-float li a {
	display: block;
}

.list-float li {
	float: left;
}

#gremien ul.list-float li {
	display: table;
	height: 2em;
}

#gremien ul.list-float li a {
	height: 3.4em;
	font-size: 1.1rem;
	font-weight: 300;
	display: table-cell;
	vertical-align: middle;
}

#rektorat {
	float: left;
}

#rektorat ul li {
	display: table;
}

#rektorat ul.list-float li a {
	height: 112px;
	display: table-cell;
	vertical-align: middle;
	font-weight: 300;
	font-size: 20px;
	padding: 0 70px;
}

#rektorat ul.list-float li:last-child {
	margin-right: 0px;
}

#dezernate-referat li a,#fakultaeten li a,#zentrale-einrichtungen li a {
	padding: 12px 42px;
}

#fakultaeten,#zentrale-einrichtungen {
	width: 33%;
}

#dezernate-referat {
	width: 27%;
}

#stabstellen {
	float: right;
}

#stabstellen ul {
	background: rgba(34, 187, 255, 0.1);
	padding: 19px 16px 16px 16px;
	height: 255px;
}

#stabstellen ul:hover {
	background: #048;
}

#stabstellen ul:hover a {
	color: #eefaff !important;
}

#stabstellen ul li {
	float: inherit;
	padding: 2px 0;
}

#beauftragte {
	background: #f9f9f9 !important;
	padding: 10px;
	margin-top: 2%;
}

#beauftragte ul {
	width: 102%;
}

#linkliste ul {
	width: 102%;
}

#beauftragte ul {
	margin-left: 10px;
}

#beauftragte .orga-trenner {
	padding: 4px 12px;
}

#beauftragte h3 {
	margin-top: 1em;
	margin-left: 10px;
}

.orga-trenner {
	color: #2E3639;
}

#beauftragte li {
	margin-bottom: 2%;
}

#rektorat a,#zentrale-einrichtungen a,#dezernate-referat a,#stabstellen a,#beauftragte a
	{
	color: #2E3639;
	display: block;
}

a:hover #beauftragte {
	color: #fff;
	background: #048 !important;
	text-decoration: underline;
}

a:hover #beauftragte h3,a:hover #beauftragte li {
	color: #fff;
	text-decoration: underline;
}

a:hover #beauftragte .orga-trenner {
	color: #fff;
	text-decoration: none;
}

.accordion-organigramm {
	margin-top: 32px;
}

.accordion-organigramm h3 {
	padding: 8px 12px;
}

.accordion-organigramm .accordion-header {
	font-size: inherit;
	font-size: 1.313em;
	line-height: 1.143em;
}

.accordion-organigramm .accordion-title {
	color: #2E3639;
}

.noHeadline {
	margin-top: 34px;
	padding-top: 34px;
	border-top: 2px dotted #d3f1ff;
}

.colorWhite {
	color: #fff;
}

.colorDarkblue {
	color: #048;
}

.colorDarkblue:visited {
	color: #048 !important;
}

.backgroundGrey {
	background: #f2f2f2;
}

.backgroundGrey:hover {
	background: #048;
}

.backgroundGrey:hover a.colorDarkblue {
	color: #f2f2f2 !important;
}

.backgroundLightblue {
	background: #d3f1ff;
	border: 1px solid #d3f1ff;
}

.backgroundLightblue:hover {
	background: #048;
	border: 1px solid #048;
}

.backgroundLightblue:hover a.colorDarkblue {
	color: #eefaff !important;
}

.backgroundBlue {
	background: #fff;
}

.backgroundBlue:hover {
	background: #364e6d;
}

.backgroundBlueDark {
	background: #048;
	border: 1px solid #048;
}

.backgroundBlueDark:hover {
	background: #fff;
	border: 1px solid #048;
}

.backgroundBlueDark:hover a {
	color: #048;
}

.visible-xs {
	display: none;
}

.clearfix:before {
	display: table;
	content: " ";
}

.clearfix:after {
	display: table;
	content: " ";
	clear: both;
}

a:hover {
	text-decoration: underline;
}

h1.visible-xs {
	display: none;
}

@media ( max-width : 860px) {
	#rektorat ul.list-float li a {
		height: 108px;
		display: table-cell;
		vertical-align: middle;
		font-weight: 300;
		font-size: 1.05em;
		padding: 0 10px;
	}
	#stabstellen ul {
		height: 242px;
	}
	h1.hidden-xs {
		display: none;
	}
	h1.visible-xs {
		display: block;
	}
}

@media ( max-width : 1240px) {
	#dezernate-referat li a,#fakultaeten li a,#zentrale-einrichtungen li a {
		padding: 12px 12px;
	}
}

@media ( max-width : 760px) {
	#dezernate-referat li a,#fakultaeten li a,#zentrale-einrichtungen li a {
		padding: 12px 4px;
	}
	#stabstellen ul {
		background: rgba(34, 187, 255, 0.1);
		padding: 19px 16px 16px 16px;
		height: 242px;
	}
}

@media ( max-width : 701px) {
	.strukturmap-outer {
		margin: 20px auto 0 auto;
		width: 90%;
	}
	.strukturmap-inner h1,.col-100,.col-75,.col-50,.col-33,.col-25,.col-20 {
		width: 86% !important;
		margin: 0 auto;
		float: inherit !important;
		clear: both !important;
	}
	.col-75 .col-50,.col-100 .col-20 {
		width: 100% !important;
	}
	#fakultaeten,#zentrale-einrichtungen {
		width: 86%;
	}
	#dezernate-referat {
		width: 86%;
	}
	#dezernate-referat li a {
		padding: 12px 16px;
	}
	#fakultaeten li a,#zentrale-einrichtungen li a {
		padding: 12px 16px;
	}
	#gremien {
		margin-top: 20px;
	}
	#gremien ul.list-float li {
		margin-bottom: 26px;
	}
	#gremien ul.list-float li a {
		font-size: 1em;
	}
	#beauftragte li {
		margin-bottom: 4%;
	}
	#gremien ul.list-float {
		width: 104% !important;
	}
	#gremien ul.list-float li.col-50 {
		width: 46% !important;
		margin-right: 4% !important;
		float: left !important;
		clear: inherit !important;
	}
	.accordion-organigramm {
		width: 88%;
		margin-left: auto;
		margin-right: auto;
	}
	#fakultaeten .fak-wiwi,#zentrale-einrichtungen .last-child {
		margin-bottom: 0;
	}
	#stabstellen ul {
		height: auto;
	}
	.noHeadline {
		margin-top: 1% !important;
		padding-top: 4%;
	}
	#beauftragte {
		margin-top: 4%;
	}
}

@media ( max-width : 468px) {
	#gremien ul.list-float {
		width: 100% !important;
	}
	#gremien ul.list-float li.col-50 {
		width: 100% !important;
		margin-right: 0% !important;
		float: inherit !important;
		clear: both !important;
	}
}

.flex-container {
	display: -ms-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-container .flex-item {
	background-color: #f2f2f2;
	margin: 0 0.85em 1.3em 0;
}

.flex-container .flex-1col {
	width: calc(100% - 1.7%);
	margin-right: 0;
}

.flex-container .flex-2col {
	width: calc(50% - 1.7%);
	margin-right: 1.2em;
}

.flex-container .flex-2col:nth-child(2n) {
	margin-right: 0;
}

.flex-container .flex-3col {
	width: calc(33.3% - 1.7%);
}

.flex-container .flex-3col:nth-child(3n) {
	margin-right: 0;
}

.flex-container .flex-4col {
	width: calc(25% - 1.7%);
	margin-right: 0.8em;
}

.flex-container .flex-4col:nth-child(4n) {
	margin-right: 0;
}

.flex-container .flex-image,.flex-container .flex-text {
	padding: 10px;
	border-top: 5px solid #fff;
	word-break: break-word;
	overflow: hidden;
	text-align: -webkit-center;
}

.flex-container .flex-image p,.flex-container .flex-text p {
	margin-top: 0;
}

.flex-container .flex-image p:last-child,.flex-container .flex-text p:last-child
	{
	margin-bottom: 0;
}

.flex-container .flex-image img {
	display: block;
}

@media screen and (min-width: 769px) {
	.container_Articles.col34 .flex-container .flex-3col {
		width: calc(33.3% - 1.7%);
		margin-right: 2.3%;
	}
	.container_Articles.col34 .flex-container .flex-3col:nth-child(3n) {
		margin-right: 0;
	}
	.container_Articles.col12 .flex-container .flex-3col {
		width: calc(33.3% - 1.7%);
		margin-right: 2.3%;
	}
	.container_Articles.col12 .flex-container .flex-3col:nth-child(3n) {
		margin-right: 0;
	}
}

@media screen and (max-width: 768px) {
	.flex-container .flex-item {
		margin: 0 0 1.3em 0;
	}
	.flex-container .flex-3col,.flex-container .flex-2col,.flex-container .flex-4col
		{
		width: 100%;
	}
}