@charset "UTF-8";
/* 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; }

/* Login FE-User Fehlermeldung */
.login-message-red {
  color: red; }

/* Versuch einen Umbruch im Ansprechpartner-Container zu bewirken */
.contact_person .position {
  word-wrap: break-word; }

/* Studiengangslogo in Newsdarstellung */
.course-logo-container {
  position: relative;
  width: 70px; }

/* Tooltip Container auch mobile anzeigbar ermöglichen */
.tooltip-links a:after {
  content: attr(href);
  display: none; }

.tooltip-links a:hover:after {
  display: inline-block; }

@media print {
  h1, h2, h3, h4, h5, h6 {
    word-wrap: normal; } }

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

.container_Header {
  min-height: 130px; }

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

@media (max-width: 1023px) and (min-width: 701px) {
  .container_Content {
    position: relative;
    top: 0;
    min-height: 400px; } }

.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; }

@media (min-width: 1024px) {
  .content-header {
    padding: 0 0 48px; } }

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

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

.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:before {
    content: url("../icon/icon-link-intern.svg");
    display: inline-block;
    width: 14px;
    margin-right: 5px;
    margin-left: 0px;
    height: 14px; }
  a.more:visited {
    color: #fff !important; }
  a .has-event {
    border-radius: 25px;
    background-color: #22bbff;
    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: 12px;
    text-indent: -12px; }

.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: #004488; }
  .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; }

@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; } }

@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; }

@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; } }

@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; } }

@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; }

.container_Header .titelSmall a, .container_Header .titelSmall a:visited {
  color: #FFFFFF; }

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

@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: 1.3rem; } }

@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: 1.2rem; }
  .right .langmenu-li {
    display: none !important; } }

@media (max-width: 704px) {
  .container_Header .microsite-logo {
    display: none; } }

table td, table th {
  word-break: normal; }

.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; }

@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; }

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; }

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; }

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; }

form:not(#TSFE_ADMIN_PANEL_FORM) select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  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; }

form:not(#TSFE_ADMIN_PANEL_FORM) input[type="checkbox"],
form:not(#TSFE_ADMIN_PANEL_FORM) input[type="radio"] {
  display: none; }

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 .powermail_fieldset > legend.powermail_legend {
  display: none;
}

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: #22bbff; }
  form input[type=range]:focus::-ms-fill-lower {
    background: #22bbff; }
  form input[type=range]:focus::-ms-fill-upper {
    background: #22bbff; }

form input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: none;
  background: #22bbff;
  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: #22bbff;
  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: #22bbff;
  border: 0;
  border-radius: 0;
  box-shadow: none; }

form input[type=range]::-ms-fill-upper {
  background: #22bbff;
  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; }

@media (max-width: 704px) {
  .phoneSearch .label {
    background-color: #ffffff; }
  .phoneSearch .btn {
    margin-left: 0; } }

.bg-blue-dark {
  background-color: #00336f !important;
  color: #fff; }
  .bg-blue-dark .ms-slide-info {
    background-color: #00336f !important;
    color: #fff; }
  .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: 1em; }
  .accordion .accordion-header {
    font-size: 1em;
    padding: 8px 12px;
    margin: 1px 0 0 0;
    cursor: pointer;
    position: relative; }
    .accordion .accordion-header .accordion-title {
      margin-right: 24px; }
  .accordion .accordion-content {
    padding: 10px;
    font-weight: 300; }
  .accordion .accordion-content.bg-blue-dark a {
    color: #22bbff !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: #22bbff !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.5em 0 0.3em 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: #004488; }
  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(../icon/icon-hinweis.svg); }

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

div.download {
  background-image: url(../icon/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: #004488 !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: 2em; }
  .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; }

 /*.newsContent  .text-media-box-noText .ce-column figure:first-of-type */
.intro + p + div {
   margin-top:40px;
 }


.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: 75px; }
  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; }

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

@media (max-width: 704px) {
  div.download .download-li-width-thumb img {
    width: 30px;
    height: auto; } }

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

@media (max-width: 700px) {
  .eventslist {
    margin-bottom: 2em; } }

.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("../icon/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("../icon/icon-kontrast-off.svg"); }

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

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

.containerMenuTop .ico-intranet a {
  background-image: url("../icon/icon-login.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(../icon/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("../icon/icon-login.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(../icon/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%; }

.containerFooter {
  position: relative;
  height: 250px; }
  .containerFooter ul.menuFooter {
    display: none; }

.containerCopyright {
  top: 20px; }

.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: #004488;
  border: 2px solid #d3f1ff; }

@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: #22bbff; }
    .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: 520px; }
    .containerFooter ul.menuFooter {
      display: block; }
  .containerCopyright {
    top: 370px; }
  .navTop .left {
    width: 30% !important; }
  .navTop .right {
    width: 70% !important; } }

@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: #22bbff; }

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

.newsContent h2 {
  margin-top: 1.5em; }

.newsContent ul,
.newsContent li {
  padding-left: 15px;
  text-indent: -22px; }
  .newsContent ul:before,
  .newsContent li:before {
    margin-right: 10px; }

.newsContent ol {
  padding-left: 15px;
  text-indent: -16px; }
  .newsContent ol li {
    counter-increment: step-counter; }
  .newsContent ol li::before {
    content: counter(step-counter) "."; }

.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; }

@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%; } }

@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%; } }

@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; }
  .newsBox.sm {
    float: inherit;
    display: block; } }

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

@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: 15px; }

.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; }

@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%; } }

@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; } }

@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%; } }

@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: #004488; }

.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: #004488; }

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

.ms-gallery-template .ms-bullet-selected {
  background-color: #22bbff; }

.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: #004488;
    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; }

@media (max-width: 570px) {
  .ms-gallery-template .ms-slide-info {
    display: block; } }

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

.col13in {
  margin-top: 1em; }

@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; } }

@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; } }

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

@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) {
  #menu[style*="fixed"] ~ .container_Content {
    margin-top: 44px; }
  .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; }

@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; }

.goPageBl::before, .recommend::before, .sendMail::before, .vcard::before {
  height: 15px; }

.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%; }

@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; }
  .contactBox.contactBoxWrap {
    float: inherit; } }

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

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

@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: #22bbff;
  color: #fff;
  border-radius: 25px; }

a.ui-state-active {
  background-color: #22bbff;
  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; }

@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.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: #004f92;
  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: #004f92; }
  .mobileMenu .nav-main.closed button.icon,
  .mobileMenu .menue-level-3.closed button.icon,
  .mobileMenu .menue-level-2.closed button.icon {
    background: url("../img/icon_arrow_right_b.png"); }
  .mobileMenu .nav-main.open button.icon,
  .mobileMenu .menue-level-3.open button.icon,
  .mobileMenu .menue-level-2.open button.icon {
    background: url("../img/icon_arrow_down_b.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("../img/icon_arrow_down.png") !important; }
  .mobileMenu .menue-level-1 div.closed .icon {
    background-image: url("../img/icon_arrow_right.png") !important; }
  .mobileMenu li {
    position: relative;
    background: #fff;
    border-bottom: solid 1px #22bbff;
    cursor: pointer;
    padding: 12px 18px;
    list-style: none;
    color: #004488; }
    .mobileMenu li a {
      color: #004488;
      text-decoration: none;
      display: inline-block;
      padding-right: 50px; }
    .mobileMenu li ul li {
      margin: 11px -18px -13px -58px;
      background: #fff;
      border-top: 1px solid #22bbff; }
    .mobileMenu li .menue-level-2 {
      border-left: 4px solid #22bbff; }
      .mobileMenu li .menue-level-2 a {
        margin-left: 10px; }
    .mobileMenu li .menue-level-3 {
      border-left: 4px solid #22bbff; }
      .mobileMenu li .menue-level-3 a {
        margin-left: 15px; }
    .mobileMenu li .menue-level-4 {
      border-left: 4px solid #22bbff; }
      .mobileMenu li .menue-level-4 a {
        margin-left: 20px; }
    .mobileMenu li .menue-level-5 {
      border-left: 4px solid #22bbff; }
      .mobileMenu li .menue-level-5 a {
        margin-left: 25px; }
    .mobileMenu li .menue-level-6 {
      border-left: 4px solid #22bbff; }
      .mobileMenu li .menue-level-6 a {
        margin-left: 30px; }
  .mobileMenu .menue-level-1.footer-nav,
  .mobileMenu .menue-level-1.nav-service-mobile {
    background-color: #004f92;
    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("../img/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("../img/icon_arrow_down.png") !important; }
  .mobileMenu .lk-htwk-home {
    background-color: #004f92;
    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: #004488; }
  .mobileMenu .active {
    background-color: #f2f2f2;
    border-left: 4px solid #22bbff; }
    .mobileMenu .active + ul {
      display: block; }
  .mobileMenu .activeli {
    background-color: #fff8e8;
    border-left: 4px solid #22bbff; }
  .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: #004f92;
    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(../icon/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: #004f92;
  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; }

.spinner-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(50, 50, 50, 0.9); }

.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center; }
  .spinner > div {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
  .spinner .bounce1 {
    animation-delay: -0.32s; }
  .spinner .bounce2 {
    animation-delay: -0.16s; }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

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

.zielgruppennavi-wrapper {
  padding: 24px;
  width: calc(100% - 550px); }
  .zielgruppennavi-wrapper a:visited {
    color: #004488; }
  .zielgruppennavi-wrapper a {
    color: #004488; }
  .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("../icon/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("../icon/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("../icon/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("../icon/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("../icon/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("../icon/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: #22bbff;
  color: #004488;
  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 #22bbff;
  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: #22bbff; }

.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: #22bbff; }

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

#rektorat a, #zentrale-einrichtungen a, #dezernate-referat a, #stabstellen a, #beauftragte a {
  color: #004488;
  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: #004488; }

.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: keep-all;
    overflow: hidden; }
    .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%; } }



.mask-content {
    padding: 30px 30px 0 30px !important;
}
.mask-content .ce-textpic {
    margin-bottom: 0;
}
.videogallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.videocontainer {
    width: 50%;
    padding: 10px 20px 10px 0;
}

@media (max-width: 768px) {
    .videocontainer {
        width: 100%;
        padding: 10px 15px 10px 15px;
    }
}


/* slider */
.sw-coverflow .swiper-container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}
.sw-coverflow  .swiper-slide {
    width: 430px;
    height: auto;
}

.sw-image {
    background-position: center;
    background-size: cover;
    width: 430px;
    height: 240px;
    position: relative;
}
.sw-text {
    padding: 10px 12px 0 12px;
    font-size: 15px;
    line-height: 22px;
}


.sw-coverflow .overlay-text {
    background: rgba(0,68,136,0.85);
    bottom: 0;
    position: absolute;
    width: 100%;
    color: #FFF;
    padding: 0.4em 0.5em 0.6em;
    font-size: 22px;
}
.sw-coverflow .overlay-text h4 {
    margin: 0;
}
.sw-coverflow a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.sw-coverflow .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    color: #fff;
}
.sw-coverflow .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    color: #fff;
}

@media (max-width: 450px) {
     .sw-coverflow .swiper-slide, .sw-image {
        width: 320px;
    }
    .swiper-button-prev {
        left: 20px;
    }
    .swiper-button-next {
        right: 20px;
    }
}


/* Swiper, Footer fix */
.container_Content .tx-htwkquestionnaire .footer a.button:visited {
    color: #fff !important;
}
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right {
    background-image: none;
}



/* slider fix */
.slider #slideContent .ms-slide-info {
    overflow: hidden;
}
@media (min-width: 1024px) {
    /*.container_Articles .slider .ms-thumb-list {
        bottom: 0;
        right: inherit;
        left: 0;
    }*/
}
@media only screen and (max-width: 960px) {
    .sw-coverflow .overlay-text {
        padding-left: 40px;
    }
}




/* header-image fix */
@media only screen and (max-width: 960px) {
    .header-image {
        padding-right: 6.5%;
    }
}




/* ce elements */
.ctype-uploads img.file-link-icon {
    width: 40px !important;
}

.ce-intext .ce-gallery img {
    width: 300px;
}


/* layout 1 - grauer hintergrund */
.frame-layout-1 > div {
    background: #f2f2f2;
    padding: 10px 10px 0 10px;
}
.frame-layout-1 .ce-bodytext {
    padding-top: 15px;
}
.frame-layout-1 .ce-intext .ce-bodytext {
    padding-top: 0px;
}
.frame-layout-1 .ce-intext .ce-gallery img {
    width: 290px;
    padding-bottom: 10px;
}
.frame-layout-1 .ce-intext.ce-left .ce-gallery {
    margin-right: 20px;
}
.frame-layout-1 .ce-intext.ce-right .ce-gallery {
    margin-left: 20px;
}

/* layout 2 - grauer rahmen */
.frame-layout-2 > div {
    border: 8px solid #f2f2f2;
    padding: 15px;
	margin-bottom: 2em;
}
/* layout 3 - Ausrufezeichen */
/* layout 4 - Fragezeichen */
/* layout 5 - Downloads */
.frame-layout-3 > div, .frame-layout-4 > div, .frame-layout-5 > div {
    border: 8px solid #f2f2f2;
    background-position: 15px 15px;
    padding-left: 15px;
    padding-top: 75px;
	margin-bottom: 2em;
	background-repeat: no-repeat;
    background-size: 50px 50px;
}
.frame-layout-3 > div {
	background-image: url(../icon/icon-hinweis.svg);
}
.frame-layout-4 > div {
	background-image: url(../icon/icon-frage.svg);
}
.frame-layout-5 > div {
    background-image: url(../icon/icon-download.svg);
}

/* permalogin */
#permalogin {
	display: block !important;
	border: 2px solid #000;
	color: #000 !important;
	height: 20px;
	width: 20px;
}


#showSearch {
	display: none;
}