@charset "utf-8";
/* CSS Document */
@import url(font-awesome.min.css);

@media (min-width: 992px) {
    .dhbw-branding-area {
        margin-top: 20px;
    }
}

html {
    scroll-behavior: smooth;
}

/*logo shrinking on mobile*/
@media (max-width: 1200px) {
    svg#svg2 {
        max-width:100%;
    }
    .page-header > .container-fluid {
        padding-left: 2em;
    }
}

/* Jubiläum CSS */
@media (max-width: 320px) {
    .jub-50-lite {
        padding-top: 20px;
        padding-left: 11px!important;
    }

    .jub-50-full {
        display:none;
    }
}

@media (min-width: 321px) {
    body.standort .page-header .col-xs-4 {
        padding-left: 2em;
        padding-right: 0;
    }

    .jub-50-lite {
        padding-top: 14px;
        padding-left: 11px!important;
    }

    .jub-50-full {
        display:none;
    }
}

@media (min-width: 1200px) {
    .jub-50-lite {
        display:none;
    }

    .jub-50-full {
        display: block;
    }

}

/* hero headline shrinking on mobile*/
@media (max-width: 425px) {
    span.parent-page small {
        font-size: 58%!important;
    }
}

table, tr, th, td {
    border: 0px;
}

#tabinternational {
    padding: 0px 0 40px 40px;
    float: left;
    width: 100%;
    overflow: hidden;
}

#tabberatung {
    padding: 0px 0 0px 0px;
    width: 100%;
    overflow: hidden;
}

#tabberatung table tr td {
    vertical-align: middle;
    font-size: 1.0em;
}

#tabwirtschaft,
#tabtechnik,
#tabgesundheit {
    width: 100%;
    overflow: hidden;
}

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

    #tabwirtschaft {
        padding: 0 0 0 0;
        clear: both;
        width: 100%;
    }

    #tabtechnik {
        padding: 0 0 0 0;
        width: 100%;
    }

    #ueberschrift010 {
        text-align: left;
        color: #5c6971;
        font-size: 1.1em;
        font-weight: bold;
    }

    #uberschrift009 {
        text-align: left;
        color: #000000;
        font-size: 1.0em;
        font-weight: bold;
    }

    .header-content-subpage + .main-content > .csc-default:nth-of-type(2n)::after, .header-content-subpage + .main-content > .csc-default:nth-of-type(2n)::before {
        background-color: #ffffff;
    }

    .table-striped > tbody > tr:nth-of-type(2n+1) {
        background-color: #ffffff;

    }

    .header-content-subpage + .main-content > .csc-default:nth-of-type(2n) {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: #ffffff;
        background-image: none;
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto auto;
        position: relative;
    }

    .header-content-subpage + .main-content > .csc-default:nth-of-type(2n)::after, .header-content-subpage + .main-content > .csc-default:nth-of-type(2n)::before {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: #ffffff;
        background-image: none;
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto auto;
        box-sizing: content-box;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        right: 100%;
        top: 0;
        width: 1000px;
    }

    .fce-menu li:nth-of-type(3)::after, .fce-menu li:nth-of-type(4)::after, .fce-menu li:nth-of-type(7)::after, .fce-menu li:nth-of-type(8)::after, .fce-menu li:nth-of-type(11)::after, .fce-menu li:nth-of-type(12)::after {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: #ffffff;
        background-image: none;
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto auto;
        box-sizing: content-box;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        right: 100%;
        top: 0;
        width: 1000px;
    }

    .fce-menu li:nth-of-type(2n) {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: #ffffff;
        background-image: none;
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto auto;
    }

    .fce-menu li:nth-of-type(3), .fce-menu li:nth-of-type(4), .fce-menu li:nth-of-type(7), .fce-menu li:nth-of-type(8), .fce-menu li:nth-of-type(11), .fce-menu li:nth-of-type(12) {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: #ffffff;
        background-image: none;
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto auto;
    }

    /*  Duale Partner */
    .tx-dhbwenterprise20_Job_indexsearch #column-right .box .box-body img,
    .tx-dhbwenterprise20_Job_index #column-right .box .box-body img {
        float: left;
    }

    .tx-dhbwenterprise20_Job_indexsearch #column-right .box .box-body p,
    .tx-dhbwenterprise20_Job_index #column-right .box .box-body p {
        margin-left: 30px;
    }

    .tx-dhbwenterprise20 #map_canvas .mapsInfoWindow {
        height: 150px;
        overflow: visible;
    }

    .tx-dhbwenterprise20 div.back-link {
        margin-bottom: 20px;
    }

    #column-wide .tx-dhbwenterprise20 .yform .courseIds {
        width: 90% !important;
    }

    #column-wide .tx-dhbwenterprise20 .yform #courseIds {
        height: 80px;
        width: 584px;
    }

    #column-wide .tx-dhbwenterprise20 .yform #itemsPerPage-div {
        width: auto;
    }

    #column-wide .tx-dhbwenterprise20 .yform #itemsPerPage-div label,
    #column-wide .tx-dhbwenterprise20 .yform #itemsPerPage-div select {
        width: 65px;
    }

    .tx-dhbwenterprise20 .yform #courseIds {
        height: 180px;
        width: 400px;
    }

    .tx-dhbwenterprise20 .yform #searchName {
        clear: both;
    }

    .tx-dhbwenterprise20 .yform p#courseIdsNotice {
        margin-top: 10px;
        font-size: inherit;
    }

    #column-wide .tx-dhbwenterprise20 h3.first,
    .tx-dhbwenterprise20 div.pagerbox {
        margin-top: 0;
    }

    /* Einrückung der Links/Umbrüche anpassen */
    #column-wide .tx-dhbwenterprise20 table.contenttable tr td.jobLinkColumn {
        padding-left: 23px;
    }

    /* Übernahme Mosbach */
    #column-middle .pager ul.pager_paging li,
    #column-wide .pager ul.pager_paging li,
    #column-wide-left .pager ul.pager_paging li {
        float: left;
        background-image: none;
        margin-bottom: 0;
        padding-left: 7px;
    }

    .pagerbox {
        margin-bottom: 1em;
    }

    .pagerbox:after {
        content: '';
        display: block;
        clear: both;
    }

    .pager {
        clear: both;
    }

    #column-wide-left div.pagerbox div.pager a,
    #column-middle div.pagerbox div.pager a,
    #column-wide div.pagerbox div.pager a,
    #column-right div.pagerbox div.pager a {
        text-decoration: none;
    }

    #column-wide .pager ul.pager_paging,
    #column-middle .pager ul.pager_paging,
    #column-wide-left .pager ul.pager_paging {
        float: right;
    }

    #column-middle .pager ul ul,
    #column-wide .pager ul ul,
    #column-wide-left .pager ul ul {
        margin: 0;
    }

    #column-middle .pager ul.pager_numbering li,
    #column-wide .pager ul.pager_numbering li,
    #column-wide-left .pager ul.pager_numbering li,
    #column-wide .pager div.pager_details,
    #column-middle .pager div.pager_details,
    #column-wide-left .pager div.pager_details {
        float: left;
        background-image: none;
        font-size: 0.96em;
        font-weight: bold;
        color: #e2001a;
        line-height: 1.8em;
    }

    #column-middle .pager ul.pager_numbering li a,
    #column-wide .pager ul.pager_numbering li a,
    #column-wide-left .pager ul.pager_numbering li a,
    #column-middle .pager ul.pager_numbering li .act,
    #column-wide .pager ul.pager_numbering li .act,
    #column-wide-left .pager ul.pager_numbering li .act {
        padding: 5px 10px;
        background-color: #ced0cf;
        margin-right: 7px;
        display: block;
        color: #7f8c93 !important;
        font-weight: bold !important;
        font-size: 1.5em;
    }

    #column-middle .pager ul.pager_numbering li .act,
    #column-wide .pager ul.pager_numbering li .act,
    #column-wide-left .pager ul.pager_numbering li .act {
        color: #fff !important;
        background-color: #576065;
        border-top: 5px solid #e20820;
        margin-top: -5px;
    }

    #column-middle .pager div.pager_details,
    #column-wide .pager div.pager_details,
    #column-wide-left .pager div.pager_details {
        float: right;
        color: #000000;
        font-weight: normal;
    }

    #column-middle .pager ul.pager_numbering li a:link,
    #column-wide .pager ul.pager_numbering li a:link,
    #column-wide-left .pager ul.pager_numbering li a:link {
        font-weight: normal;
        color: #333;

    }

    #column-middle .pager ul.pager_numbering li a:visited,
    #column-wide .pager ul.pager_numbering li a:visited,
    #column-wide-left .pager ul.pager_numbering li a:visited {
        color: #999;
        font-weight: normal;
    }

    /* Inaktive Pager-Buttons */
    body .pager ul.pager_paging li img {
        background-image: url(../Images/pager_nav.jpg);
        width: 29px;
        height: 29px;
    }

    body .pager ul.pager_paging li.first img {
        background-position: 0px -30px;
    }

    body .pager ul.pager_paging li.previous img {
        background-position: -30px -30px;
    }

    body .pager ul.pager_paging li.next img {
        background-position: -60px -30px;
    }

    body .pager ul.pager_paging li.last img {
        background-position: -90px -30px;
    }

    /* Ende Inaktive Pager-Buttons */
    /* aktive Pager-Buttons */
    body .pager ul.pager_paging li a img {
        background-image: url(../Images/pager_nav.jpg);
        width: 29px;
        height: 29px;
    }

    body .pager ul.pager_paging li.first a img {
        background-position: 0px 0px;
    }

    body .pager ul.pager_paging li.previous a img {
        background-position: -30px 0px;
    }

    body .pager ul.pager_paging li.next a img {
        background-position: -60px 0px;
    }

    body .pager ul.pager_paging li.last a img {
        background-position: -90px 0px;
    }

    .tx-kesearch-pi1 .next, .tx-kesearch-pi1 .prev {
        color: inherit !important;
        display: inherit !important;
        height: inherit !important;
        overflow: inherit !important;
        text-decoration: inherit !important;
        width: inherit !important;
        background: inherit !important;
    }

    .tx-kesearch-pi1 input[type="text"], .tx-kesearch-pi1 select, .tx-kesearch-pi1 textarea {
        border: inherit !important;
        border-radius: 0px !important;
        color: initial !important;

    }

    .xdsoft_datetimepicker {
        box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
        background: white;
        border-bottom: 1px solid #bbb;
        border-left: 1px solid #bbb;
        border-right: 1px solid #bbb;
        border-top: 1px solid #bbb;
        color: #333333;
        font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        padding: 8px;
        padding-left: 0px;
        padding-top: 2px;
        position: absolute;
        z-index: 9999;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: none
    }

    .xdsoft_datetimepicker iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 75px;
        height: 210px;
        background: transparent;
        border: none
    }

    .xdsoft_datetimepicker button {
        border: none !important
    }

    .xdsoft_noselect {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none
    }

    .xdsoft_noselect::selection {
        background: transparent
    }

    .xdsoft_noselect::-moz-selection {
        background: transparent
    }

    .xdsoft_datetimepicker.xdsoft_inline {
        display: inline-block;
        position: static;
        box-shadow: none
    }

    .xdsoft_datetimepicker * {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0px;
        margin: 0px
    }

    .xdsoft_datetimepicker .xdsoft_datepicker,
    .xdsoft_datetimepicker .xdsoft_timepicker {
        display: none
    }

    .xdsoft_datetimepicker .xdsoft_datepicker.active,
    .xdsoft_datetimepicker .xdsoft_timepicker.active {
        display: block
    }

    .xdsoft_datetimepicker .xdsoft_datepicker {
        width: 224px;
        float: left;
        margin-left: 8px
    }

    .xdsoft_datetimepicker .xdsoft_timepicker {
        width: 58px;
        float: left;
        text-align: center;
        margin-left: 8px;
        margin-top: 0px
    }

    .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
        margin-top: 8px;
        margin-bottom: 3px
    }

    .xdsoft_datetimepicker .xdsoft_mounthpicker {
        position: relative;
        text-align: center
    }

    .xdsoft_datetimepicker .xdsoft_prev,
    .xdsoft_datetimepicker .xdsoft_next,
    .xdsoft_datetimepicker .xdsoft_today_button {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==")
    }

    .xdsoft_datetimepicker .xdsoft_prev {
        float: left;
        background-position: -20px 0px
    }

    .xdsoft_datetimepicker .xdsoft_today_button {
        float: left;
        background-position: -70px 0px;
        margin-left: 5px
    }

    .xdsoft_datetimepicker .xdsoft_next {
        float: right;
        background-position: 0px 0px
    }

    .xdsoft_datetimepicker .xdsoft_next,
    .xdsoft_datetimepicker .xdsoft_prev,
    .xdsoft_datetimepicker .xdsoft_today_button {
        background-color: transparent;
        background-repeat: no-repeat;
        border: 0px none currentColor;
        cursor: pointer;
        display: block;
        height: 30px;
        opacity: 0.5;
        outline: medium none currentColor;
        overflow: hidden;
        padding: 0px;
        position: relative;
        text-indent: 100%;
        white-space: nowrap;
        width: 20px
    }

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
        float: none;
        background-position: -40px -15px;
        height: 15px;
        width: 30px;
        display: block;
        margin-left: 14px;
        margin-top: 7px
    }

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
        background-position: -40px 0px;
        margin-bottom: 7px;
        margin-top: 0px
    }

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
        height: 151px;
        overflow: hidden;
        border-bottom: 1px solid #eee
    }

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
        background: white;
        border-top: 1px solid #eee;
        color: #444;
        font-size: 12px;
        text-align: center;
        border-collapse: collapse;
        cursor: pointer;
        border-bottom-width: 0px;
        height: 25px;
        line-height: 25px
    }

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
        border-top-width: 0px
    }

    .xdsoft_datetimepicker .xdsoft_today_button:hover,
    .xdsoft_datetimepicker .xdsoft_next:hover,
    .xdsoft_datetimepicker .xdsoft_prev:hover {
        opacity: 1
    }

    .xdsoft_datetimepicker .xdsoft_label {
        display: inline;
        position: relative;
        z-index: 9999;
        margin: 0;
        padding: 5px 3px;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        background-color: #fff;
        float: left;
        width: 182px;
        text-align: center;
        cursor: pointer
    }

    .xdsoft_datetimepicker .xdsoft_label:hover {
        text-decoration: underline
    }

    .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
        border: 1px solid #ccc;
        position: absolute;
        right: 0px;
        top: 30px;
        z-index: 101;
        display: none;
        background: #fff;
        max-height: 160px;
        overflow-y: hidden
    }

    .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
        right: -7px
    }

    .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
        right: 2px
    }

    .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
        color: #fff;
        background: #A94442
    }

    .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
        padding: 2px 10px 2px 5px
    }

    .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
        background: #1E5799;
        box-shadow: #1E5799 0px 1px 3px 0px inset;
        color: #fff;
        font-weight: 700
    }

    .xdsoft_datetimepicker .xdsoft_month {
        width: 90px;
        text-align: right
    }

    .xdsoft_datetimepicker .xdsoft_calendar {
        clear: both
    }

    .xdsoft_datetimepicker .xdsoft_year {
        width: 56px
    }

    .xdsoft_datetimepicker .xdsoft_calendar table {
        border-collapse: collapse;
        width: 100%
    }

    .xdsoft_datetimepicker .xdsoft_calendar td > div {
        padding-right: 5px
    }

    .xdsoft_datetimepicker .xdsoft_calendar th {
        height: 25px
    }

    .xdsoft_datetimepicker .xdsoft_calendar td,
    .xdsoft_datetimepicker .xdsoft_calendar th {
        width: 14.2857142%;
        background: #F5F5F5;
        border: 1px solid #DDDDDD;
        color: #666666;
        font-size: 12px;
        text-align: right;
        padding: 0px;
        border-collapse: collapse;
        cursor: pointer;
        height: 25px
    }

    .xdsoft_datetimepicker .xdsoft_calendar th {
        background: #F1F1F1
    }

    .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
        color: #1E5799
    }

    .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
    .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
        background: #1E5799;
        box-shadow: #1E5799 0px 1px 3px 0px inset;
        color: #fff;
        font-weight: 700
    }

    .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
    .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
    .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
        opacity: 0.5
    }

    .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
        opacity: 0.2
    }

    .xdsoft_datetimepicker .xdsoft_calendar td:hover,
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
        color: #fff !important;
        background: #A94442 !important;
        box-shadow: none !important
    }

    .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
        color: inherit !important;
        background: inherit !important;
        box-shadow: inherit !important
    }

    .xdsoft_datetimepicker .xdsoft_calendar th {
        font-weight: 700;
        text-align: center;
        color: #999;
        cursor: default
    }

    .xdsoft_datetimepicker .xdsoft_copyright {
        color: #ccc !important;
        font-size: 10px;
        clear: both;
        float: none;
        margin-left: 8px
    }

    .xdsoft_datetimepicker .xdsoft_copyright a {
        color: #eee !important
    }

    .xdsoft_datetimepicker .xdsoft_copyright a:hover {
        color: #aaa !important
    }

    .xdsoft_time_box {
        position: relative;
        border: 1px solid #ccc
    }

    .xdsoft_scrollbar > .xdsoft_scroller {
        background: #ccc !important;
        height: 20px;
        border-radius: 3px
    }

    .xdsoft_scrollbar {
        position: absolute;
        width: 7px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        cursor: pointer
    }

    .xdsoft_scroller_box {
        position: relative
    }

    .tx-powermail .powermail_create .powermail_confirmation_submit,
    .tx-powermail .powermail_create .powermail_confirmation_form,
    .tx-powermail .powermail_confirmation .powermail_confirmation_submit,
    .tx-powermail .powermail_confirmation .powermail_confirmation_form {
        margin: 20px 0 0 0;
        padding: 5px 20px;
        color: white;
        font-weight: bold;
        cursor: pointer;
        float: right;
        background-color: #ff0000;
        border: 1px solid #eee;
    }

}

/* Listenpunkte in Text sichtbar */
div.frame-type-text ul, div.ce-bodytext ul, div.tx-dce-container ul {list-style-type:disc; padding-left:1.3em; font-size:0.9em; margin-top:1.0em;}
.ce-intext.ce-left ol, .ce-intext.ce-left ul {padding-left:1.3em;}


/** Anpassungen Heike Rose **/

table th {
    font-size: 1em;
    color: #5c6971;
    padding: 3px 3px 3px 10px;
    text-align: center;
}

table td {
    padding: 14px 48px 14px 0px;
    font-size: 1em;
}

h1 {
    /* Angabe des ausgewählten linken Navigationspunktes.
     *
     * Sollte besser oberhalb der Seite erscheinen, so dass nicht jedes Mal ein Inhaltselement erzeugt werden muss.
     * Sollte dann aber h2 sein.
     *
     * Achtung: Das DHBW-Logo ist auch in einem h1-Tag.
     */
    font-size: 0px;
}

span.parent-page {
    /* Wird für die Angabe des Studiengangs im Header-Bild verwendet.
     * Sollte eigentlich h1 sein, wegen SEO!
     * WTD momentan zweizeilig.
     */
    font-family: "GenerisSerifW01-Regular", serif;
    font-size: 3em;
    line-height: 1em;
}

h3 {
    /* Sollte eigentlich h2 sein, wegen SEO,
     * und dann könnte h3 genutzt werden für kleine Überschriften - Formatierung z.B. nur fett + padding-top: 0.5.
      */
    margin: 2em 0px 1em 0px;
}

.tx-powermail {
    padding: 0px;
}

.tx-powermail .col-md-6 {
    width: 100%;
}

.header-content-subpage .header-image-content::after {
    /* grauer Kasten über der Hälfte des Header-Bildes */
    background: none;
}

.ce-border img, .ce-border iframe {
    /* Gestaltung des Rahmens um Bilder, sofern in den Einstellungen des Inhaltselementes aktiviert */
    border: 2px solid #999;
    margin: 0em 0px 0.5em 0px;
}

/* Bildunterschrift */
.image-caption {
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1.3em;
}

legend {
    /* betrifft die Liste Dualer Partner; der Text "Filter" ist dort nicht erforderlich;
    gesamter einleitender Text sollte optimiert werden. */
    color: #FFF;
}

.csc-uploads.ce-uploads span.ce-uploads-filesize {
    /* Abstand zwischen Dateinamen und Dateigröße vergrößern */
    padding-left: 0.3em;
}

/*News Archiv Darstellung */

.news-teaser-block.news-list .news-teaser-item .img-outer img {
    width: 150px !important;
}

.news-detail-header, .news-detail-header h1 {
    text-align: center!important;
}

.news-detail-header h1 {
    margin: 0.5em auto;
    max-width: 25em;
}

.news-detail-header h1 + p {
    text-align: center;
}

.news-img-caption {
    text-align: center;
}

@media (min-width: 1025px) {
    .main-content.container-fluid .news-teaser-block.news-list .news-teaser-item a, .news-teaser-block.news-list .news-teaser-item a {
        display: block;
    }
}

/*News Image*/

.news-img-wrap img {
    max-height: 360px;
    width: auto;
}

/* News Images in der Höhe beschränkt auf Grund vertikaler Bilder und Galerie

.news-img-wrap img {
    max-height: initial;
    width: 41.6em;
}*/

/*Überschriften Tabellen*/

table th {
    text-align: left;
}

/* START Gestaltung von Aufzählungen */

div.panel-body ul, div.panel-body ol {
    font-size: 0.9em;
}

ul, ol {
    padding-left: 1em;
    font-size: 0.9em;
}

table ul, table ol {
    display: inline-block;
}

li::before {
    vertical-align: 0.15em;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

ul li::before {
    content: "\25A0";
    color: #e2001a;
}

ol li::before {
    content: "";
}

div.frame-type-text ul,
div.ce-bodytext ul,
div.tx-dce-container ul {
   margin-top: 0px;
}

.ce-bodytext ul {
    margin-left: 0;
}

/* News Listen */

.news-detail ul li, .news-detail ol li, .main-content > .csc-default > ul li, .main-content > .csc-default > ol li, .tab-content ul li {
    padding-left: 0em;
}

.news-detail ul li::before, .news-detail ol li::before, .main-content > .csc-default > ul li::before, .main-content > .csc-default > ol li::before, .tab-content ul li::before {
    content: "\25A0";
}

/* Powermail Error Listen*/

.parsley-errors-list li:before {
    display: none;
}

.tx-powermail .powermail_fieldset .parsley-errors-list {
    width: 100%;
}

/* News Tabellen */

.news-detail table {
    max-width: 42.2em;
    margin: 16px auto;
}


/* Gestaltung von Breadcrumbs*/

.breadcrumb li::before {
    content: "";
    margin: -3px;
    list-style-type: none;
}

.breadcrumb li {
    content: "/";
    list-style-type: none;
    font-size: 0.8em;
}

/* Gestaltung von Footer-Listen*/

ul.csc-menu.csc-menu-def, nav.sociallinks > ul {
    padding-left: 0px;
}

nav.sociallinks li:before,
nav.metalinks-footer li:before,
ul.csc-menu li,
ul.csc-menu li::before,
ul.csc-menu-def li,
ul.csc-menu-def li::before,
ul.pagination li::before {
    content: "";
    list-style-type: none;
}

ul.csc-menu li,
ul.csc-menu li::before,
ul.csc-menu-def li,
ul.csc-menu-def li::before {
    display: block;
}

div.frame-type-text ul,
div.ce-bodytext ul,
div.tx-dce-container ul {
    padding-left: 1em;
    list-style-type: none!important;
}

nav.main-menu {
    margin: 0px;
    padding: 0px;
}

nav.main-menu li::before {
    display: none;
}

body {
    line-height: 1.62em;
}

/* Gestaltung von Sprachauswahl Aufzählung & Display*/
.lang-selection {
    padding: 0 2em 0 0;
    font-size: 1.3em;
}
.lang-selection li::before {
    display: none;
}
.lang-selection li:after {
    content: "|";
}

/* Gestaltung von Hero-Sektion Aufzählung*/

.zg {
    height: 408px;
}

.zg h1 {
    font-size: 1.2em;
}

.zg ul {
    padding-left: 0;
}

li.zg-list-item::before {
    display: none;
}

li.zg-list-item {
    vertical-align: top;
}

/*Warnmeldung Duale Partnersuche*/

ul.typo3-messages {
    padding-left: 0px;
}

li.alert.alert-danger::before {
    display: none;
}

/*Sidebar Navigation Active*/
ul.nav.nav-tabs li a {
    padding-left: 1.25em;
}

/*Scroll to Top Button Layout*/

#toTop {
    bottom: 48px;
    right: 48px;
}

/*improve presentation of contacts */

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url("../Fonts/bootstrap/glyphicons-halflings-regular.eot");
    src: url("../Fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../Fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../Fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../Fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

.panel-default > .panel-heading a .description {
    color: #5c6971;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    /* border-top: solid 2px #e5e5e5; */
    border-top: none;
}

/*Hero Sektion */

.header-content-subpage .header-image-content {
    top: 0px;
}

.header-content-subpage .header-inner-content {
    margin-top: 14.5em;
    margin-bottom: 0px;
}

.header-content-subpage::after {
    height: 48px;
    bottom: 2.5em;
}

.header-content-subpage .header-image-content::before {
    opacity: 0.8;
}

.header-slider-standort .slider-item {
    min-height: 500px;
}

.header-slider-standort .slider-content {
    position: absolute;
    bottom: 0;
    padding: 2em 2em 2em 2em;
    top: unset;
    margin-bottom: 1.3em;
}

@media (max-width: 768px) {
    .header-slider-standort .slider-content {
        margin-bottom: 2em;
    }
}

/* Footer */

.quicklinks li {
    padding: 8px 0;
    border-bottom: solid 1px #999999;
}

ul.socialmedia {
    margin-top: 12px;
}

.socialmedia li {
    display:inline;
}

.sociallinks span.link-title::after {
    content: "";
}

.icon > svg {
    height: 18px;
}

.icon-logo-inverted svg path {
    fill: #ffffff;
}

.sociallinks span.icon {
    width: 1.5em;
}

.metalinks-footer li {
    line-height: 32px;
}

.row-footer {
    margin-left: 1em;
    margin-right: 6em;
}

@media (max-width: 768px) {
    .row-footer {
        margin-left: 0.5em;
        margin-right: 0.5em;
    }
}

.page-footer-bottom p.copyright {
    font-size: 0.6em;
    color: #ffffff;
}

.metalinks-footer {
    padding-top: 0.4em;
}

/* Footer Kontakt Spalte */

.address .vcard {
    color: #fff;
}

.page-footer h3 {
    color: #ffffff;
}

.page-footer a {
    color: #ffffff;
    font-size: 16px;
}

div.adr, p.adr, a.email,  .adr > a {
    line-height: 1.5em;
    font-size: 14px;
}

.quicklinks-adress li:first-child {
    border-top: solid 1px #999999;
}

/* Icons */

.icon-phone-light {
    display: inline-block;
    position: relative;
    background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTYuNjIgMTAuNzljMS40NCAyLjgzIDMuNzYgNS4xNCA2LjU5IDYuNTlsMi4yLTIuMmMuMjctLjI3LjY3LS4zNiAxLjAyLS4yNCAxLjEyLjM3IDIuMzMuNTcgMy41Ny41Ny41NSAwIDEgLjQ1IDEgMVYyMGMwIC41NS0uNDUgMS0xIDEtOS4zOSAwLTE3LTcuNjEtMTctMTcgMC0uNTUuNDUtMSAxLTFoMy41Yy41NSAwIDEgLjQ1IDEgMSAwIDEuMjUuMiAyLjQ1LjU3IDMuNTcuMTEuMzUuMDMuNzQtLjI1IDEuMDJsLTIuMiAyLjJ6Ii8+PC9zdmc+");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 8px;
    margin-right: 10px;
    top: 3px;
}

.icon-mail-light {
    display: inline-block;
    position: relative;
    background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIwIDRINGMtMS4xIDAtMS45OS45LTEuOTkgMkwyIDE4YzAgMS4xLjkgMiAyIDJoMTZjMS4xIDAgMi0uOSAyLTJWNmMwLTEuMS0uOS0yLTItMnptMCAxNEg0VjhsOCA1IDgtNXYxMHptLTgtN0w0IDZoMTZsLTggNXoiLz48L3N2Zz4=");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 8px;
    margin-right: 10px;
    top: 3px;
}

.icon-phone-dark {
    display: inline-block;
    position: relative;
    background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZmlsbD0iIzVjNjk3MSIgZD0iTTYuNjIgMTAuNzljMS40NCAyLjgzIDMuNzYgNS4xNCA2LjU5IDYuNTlsMi4yLTIuMmMuMjctLjI3LjY3LS4zNiAxLjAyLS4yNCAxLjEyLjM3IDIuMzMuNTcgMy41Ny41Ny41NSAwIDEgLjQ1IDEgMVYyMGMwIC41NS0uNDUgMS0xIDEtOS4zOSAwLTE3LTcuNjEtMTctMTcgMC0uNTUuNDUtMSAxLTFoMy41Yy41NSAwIDEgLjQ1IDEgMSAwIDEuMjUuMiAyLjQ1LjU3IDMuNTcuMTEuMzUuMDMuNzQtLjI1IDEuMDJsLTIuMiAyLjJ6Ii8+PC9zdmc+");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 0.9em;
    height: 0.9em;
    margin-right: 10px;
    top: 3px;
}

.icon-fax-dark {
    display: inline-block;
    position: relative;
    background-image: url("data:image/svg+xml;base64, PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzVDNjk3MTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qxe2ZpbGw6bm9uZTt9Cgkuc3Qye2ZpbGw6IzVDNjk3MTt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOSw4SDVjLTEuNywwLTMsMS4zLTMsM3Y2aDR2NGgxMnYtNGg0di02QzIyLDkuMywyMC43LDgsMTksOHogTTE4LDNINnY0aDEyVjN6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0wLDBoMjR2MjRIMFYweiIvPgo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNOS42LDEzLjVjMC42LDEuMiwxLjcsMi4zLDIuOSwyLjlsMS0xYzAuMS0wLjEsMC4zLTAuMiwwLjUtMC4xYzAuNSwwLjIsMSwwLjMsMS42LDAuM2MwLjIsMCwwLjQsMC4yLDAuNCwwLjQKCXYxLjVjMCwwLjItMC4yLDAuNC0wLjQsMC40QzExLjQsMTgsOCwxNC42LDgsMTAuNUM4LDEwLjIsOC4yLDEwLDguNSwxMEgxMGMwLjIsMCwwLjQsMC4yLDAuNCwwLjRjMCwwLjYsMC4xLDEuMSwwLjMsMS42CgljMCwwLjIsMCwwLjMtMC4xLDAuNUw5LjYsMTMuNXoiLz4KPC9zdmc+Cg==");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 0.9em;
    height: 0.9em;
    margin-right: 10px;
    top: 3px;
}

.icon-mail-dark {
    display: inline-block;
    position: relative;
    background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZmlsbD0iIzVjNjk3MSIgZD0iTTIwIDRINGMtMS4xIDAtMS45OS45LTEuOTkgMkwyIDE4YzAgMS4xLjkgMiAyIDJoMTZjMS4xIDAgMi0uOSAyLTJWNmMwLTEuMS0uOS0yLTItMnptMCAxNEg0VjhsOCA1IDgtNXYxMHptLTgtN0w0IDZoMTZsLTggNXoiLz48L3N2Zz4=");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 0.9em;
    height: 0.9em;
    margin-right: 10px;
    top: 3px;
}

.icon-external-link {
    display: inline-block;
    position: relative;
    background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZmlsbD0iI2UyMDAxYSIgZD0iTTE5IDE5SDVWNWg3VjNINWMtMS4xMSAwLTIgLjktMiAydjE0YzAgMS4xLjg5IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0ydi03aC0ydjd6TTE0IDN2MmgzLjU5bC05LjgzIDkuODMgMS40MSAxLjQxTDE5IDYuNDFWMTBoMlYzaC03eiIvPjwvc3ZnPg==");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 0.9em;
    height: 0.9em;
    margin-right: 10px;
    top: 3px;
}

.icon-video-link {
    display: inline-block;
    position: relative;
    background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2UyMDAxYSIgd2lkdGg9IjE4cHgiIGhlaWdodD0iMThweCI+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xMCAxNi41bDYtNC41LTYtNC41djl6TTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4eiIvPjwvc3ZnPg==");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 0.9em;
    height: 0.9em;
    margin-right: 10px;
    top: 3px;
}

.icon-calendar {
    background-image: url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7fQ0KCS5zdDF7ZmlsbDojN0E4NzhGO30NCgkuc3Qye2ZpbGw6I0EyQUZCNzt9DQoJLnN0M3tmaWxsOiNFMjAwMUE7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDBoMjR2MjRIMFYweiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTIwLDNoLTFWMWgtMnYySDdWMUg1djJINEMyLjksMywyLDMuOSwyLDV2MTZjMCwxLjEsMC45LDIsMiwyaDE2YzEuMSwwLDItMC45LDItMlY1QzIyLDMuOSwyMS4xLDMsMjAsM3oNCgkgTTIwLjEsMjEuOEgzLjhjLTAuNSwwLTAuOS0wLjQtMC45LTAuOXYtMTJDMi45LDguNCwzLjMsOCwzLjgsOGgxNi4zQzIwLjYsOCwyMSw4LjQsMjEsOC45djEyQzIxLDIxLjQsMjAuNiwyMS44LDIwLjEsMjEuOHoiLz4NCjxyZWN0IHg9IjQuOCIgeT0iMTAuMiIgY2xhc3M9InN0MiIgd2lkdGg9IjIuMiIgaGVpZ2h0PSIyLjIiLz4NCjxyZWN0IHg9IjguOCIgeT0iMTAuMiIgY2xhc3M9InN0MiIgd2lkdGg9IjIuMiIgaGVpZ2h0PSIyLjIiLz4NCjxyZWN0IHg9IjEyLjgiIHk9IjEwLjIiIGNsYXNzPSJzdDIiIHdpZHRoPSIyLjIiIGhlaWdodD0iMi4yIi8+DQo8cmVjdCB4PSIxNi44IiB5PSIxMC4yIiBjbGFzcz0ic3QyIiB3aWR0aD0iMi4yIiBoZWlnaHQ9IjIuMiIvPg0KPHJlY3QgeD0iNC44IiB5PSIxMy44IiBjbGFzcz0ic3QyIiB3aWR0aD0iMi4yIiBoZWlnaHQ9IjIuMiIvPg0KPHJlY3QgeD0iOC44IiB5PSIxMy44IiBjbGFzcz0ic3QyIiB3aWR0aD0iMi4yIiBoZWlnaHQ9IjIuMiIvPg0KPHJlY3QgeD0iMTIuOCIgeT0iMTMuOCIgY2xhc3M9InN0MiIgd2lkdGg9IjIuMiIgaGVpZ2h0PSIyLjIiLz4NCjxyZWN0IHg9IjE2LjgiIHk9IjEzLjgiIGNsYXNzPSJzdDIiIHdpZHRoPSIyLjIiIGhlaWdodD0iMi4yIi8+DQo8cmVjdCB4PSI0LjgiIHk9IjE3LjQiIGNsYXNzPSJzdDIiIHdpZHRoPSIyLjIiIGhlaWdodD0iMi4yIi8+DQo8cmVjdCB4PSI4LjgiIHk9IjE3LjQiIGNsYXNzPSJzdDIiIHdpZHRoPSIyLjIiIGhlaWdodD0iMi4yIi8+DQo8cmVjdCB4PSIxMi44IiB5PSIxNy40IiBjbGFzcz0ic3QyIiB3aWR0aD0iMi4yIiBoZWlnaHQ9IjIuMiIvPg0KPHJlY3QgeD0iMTYuOCIgeT0iMTcuNCIgY2xhc3M9InN0MiIgd2lkdGg9IjIuMiIgaGVpZ2h0PSIyLjIiLz4NCjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0yMCwzaC0xaC0ySDdINUg0QzIuOSwzLDIsMy45LDIsNXYzaDIwVjVDMjIsMy45LDIxLjEsMywyMCwzeiIvPg0KPC9zdmc+DQo=");
    background-size: 26px;
    background-position: 50% 18%;
    background-repeat: no-repeat;
}


/*Zertifikate*/

.certificate {
    padding-left: 0.25em;
    padding-right: 0.25em;
    padding-bottom: 1em;
    max-width: 100%;
}

/*News */

.main-content.container-fluid .news-teaser-block, .news-teaser-block {
    padding: 0px 0px 4em 0px;
}

.main-content.container-fluid .news-teaser-block.news-list .news-teaser-item-content, .news-teaser-block.news-list .news-teaser-item-content {
    float: left;
    width: 70%;
    padding: 0px 0px;
}

@media (max-width: 920px) {
    .main-content.container-fluid .news-teaser-block.news-list .news-teaser-item-content, .news-teaser-block.news-list .news-teaser-item-content {
        margin-top: 1em;
    }
}

.news-teaser-item {
    padding-left: 0.3em;
    padding-right: 0.3em;
}

/* Inhalte für die Darstellung von Stellenanzeigen. Datensatz auf zwei Unterseiten eingebunden. */
.news-detail-header > h1 {
    color: #e2001a;
    font-size: 1.8em;
    margin-bottom: 1.5em;
    text-align: left;
    padding: 0px;
}

.news-detail-header {
    text-align: left;
    padding: 0px;
    font-size: 0.9em;
}

.news-detail-header h1::after {
    content: "";
    display: block;
    width: 80px;
    background-color: #5c6971;
    height: 2px;
    position: absolute;
    left: calc(50% - 40px);
    bottom: -0.4em;
    margin-top: 14px;
}

.main-content.container-fluid .news-teaser-block.news-list, .news-teaser-block.news-list {
    padding: 0.5em 0em;
}

.main-content.container-fluid .news-teaser-block.news-list .news-teaser-item-content, .news-teaser-block.news-list .news-teaser-item-content {
    padding: 0em;
}

.news-teaser-item-content > h3, .main-content.container-fluid .news-teaser-block h3 {
    font-size: 1em;
    color: #e2001a;
    margin: 0px !important;
}

.read-more {
    color: #e2001a;
    font-family: "GenerisSansW01-Regular", sans-serif !important;
}

.news-teaser-item {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

/* Inhalte für Powermail-Formulare. Datensatz auf verschiedenen Seiten eingebunden. */

.tx-powermail .container-fluid {
    padding-left: 0em;
    padding-right: 0em;
}

.tx-powermail .powermail_fieldset .powermail_label {
    font-weight: normal;
    text-align: right;
    padding: 0px;
    font-size: 1em;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: relative;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.tx-powermail .powermail_input, .tx-powermail .powermail_textarea, .tx-powermail .powermail_captcha {
    width: 100%;
}

.tx-powermail .powermail_fieldset .powermail_field {
    border: none;
}

.powermail_submit {
    color: #fff;
    background-color: #e2001a;
    border-color: #c90017;
}

/*Suche*/

/*Fix für kaputte Suche nach KE-Search Update*/
div.kesearchbox {
    position: inherit!important;
    height: inherit!important;
    margin: inherit!important;
}

.hit {
    background-color:#D9D9D9;
}

.main-content .tx-kesearch-pi1 #form_kesearch_pi1, #kesearch_ordering {
    display: block;
}

.result-title {
    font-family: "Generis Sans W01 Bold", sans-serif;
    font-size: 1.1em;
    margin: 0px 12.5px;
}

.main-content .tx-kesearch-pi1 .result-list-item .result-number {
    padding: .3rem .5rem;
    background: #39464e;
    color: #ffffff;
}

@media screen and (max-width: 786px) {
    .tx-kesearch-pi1 input[type="text"], .tx-kesearch-pi1 select, .tx-kesearch-pi1 textarea {
        border: inherit !important;
        border-radius: 0px !important;
        color: #ffffff !important;
    }
}

.kesearch_pagebrowser ul li {
    display: inline-block!important;
    margin: 3px!important;
}

.kesearch_pagebrowser ul li:last-child {
    padding: 0 12px!important;
}

.page-navigation li a.current {
    color: #ffffff!important;
    border-radius: 3px;
}

#kesearch_pagebrowser_top a, #kesearch_pagebrowser_bottom a {
    padding: 0px!important;
}

/*Suchergebnisseite*/
.tx-kesearch-pi1 #kesearch_results .result-list-item .add-info {
    font-size: 0.9em;
    line-height: 1.8em;
}

#kesearch_results .result-list-item .result-teaser {
    color: #707070;
    font-size: 0.9em;
}

/*
a, a:hover, a:link, a:active, a:focus, a:visited  {
    color:#e2001a;
}

.menu-toggle a, .menu-toggle a:hover, .menu-toggle a:link,
.menu-toggle a:active, .menu-toggle a:focus, .menu-toggle a:visited
.page-footer a, .page-footer a:hover, .page-footer a:link,
.page-footer a:active, .page-footer a:focus, .page-footer a:visited {
    color:#ffffff;
}
*/

/* ENDE Gestaltung von Aufzählungen */

/* START Gestaltung der dynamischen Kästen */

/* erstmal wieder deaktiviert, weil noch nicht ausgereift */
/*
.panel-title {
    font-size: 1em;
    background-color: #DDD;
    border: 3px solid #E5E5E5;
    padding: 0px 10px;
}

.panel-heading {
    margin: 5px;
    padding: 0px;
}

.panel-body {
    padding: 5px 10px 20px 10px;
}

.panel-default > .panel-heading a.collapsed {
    color: #000;
}

.panel-default > .panel-heading a::after {
    left: 0px;
}

.panel-default > .panel-heading a::before {
    left: 6px;
}
*/

/* ENDE Gestaltung der dynamischen Kästen */


/*Burger Menü linksbündig */

@media (min-width:920px){
    body.standort .overlay-header-buttons .menu-toggle {
        float: right;
    }

    body.standort .overlay-header-buttons .search-wrapper {
        width: 90em;
        width: -webkit-calc(100% - 10.5em);
        width: calc(100% - 10.5em);
        text-align: right;
    }

    body.standort .overlay-header-buttons .header-wrapper {
        position: absolute;
        top: 0;
        right: 0em;
        width: 100%;
    }

    .trigger-search .header-wrapper {
        padding: 0em 0em 0em 0em;
    }
}

/*Slider Schatten */
.slider-inner-content > h2, .slider-inner-content > h3  {
    text-shadow: 0 0 20px rgba(0,0,0,0.20), 0 0 6px rgba(0,0,0,0.24);
}


/*Columns Inhaltselement Tabelle*/
.frame-type-dhbwcore_columns .row .col-xs-1, .frame-type-dhbwcore_columns .row .col-sm-1, .frame-type-dhbwcore_columns .row .col-md-1, .frame-type-dhbwcore_columns .row .col-lg-1, .frame-type-dhbwcore_columns .row .col-xs-2, .frame-type-dhbwcore_columns .row .col-sm-2 .frame-type-dhbwcore_columns .row .col-md-2, .frame-type-dhbwcore_columns .row .col-lg-2, .frame-type-dhbwcore_columns .row .col-xs-3, .frame-type-dhbwcore_columns .row .col-sm-3, .frame-type-dhbwcore_columns .row .col-md-3, .frame-type-dhbwcore_columns .row .col-lg-3, .frame-type-dhbwcore_columns .row .col-xs-4, .frame-type-dhbwcore_columns .row .col-sm-4, .frame-type-dhbwcore_columns .row .col-md-4, .frame-type-dhbwcore_columns .row .col-lg-4, .frame-type-dhbwcore_columns .row .col-xs-5:first-child, .frame-type-dhbwcore_columns .row .col-sm-5, .frame-type-dhbwcore_columns .row .col-md-5, .frame-type-dhbwcore_columns .row .col-lg-5, .frame-type-dhbwcore_columns .row .col-xs-6, .frame-type-dhbwcore_columns .row .col-sm-6, .frame-type-dhbwcore_columns .row .col-md-6, .frame-type-dhbwcore_columns .row .col-lg-6, .frame-type-dhbwcore_columns .row .col-xs-7, .frame-type-dhbwcore_columns .row .col-sm-7, .frame-type-dhbwcore_columns .row .col-md-7, .frame-type-dhbwcore_columns .row .col-lg-7, .frame-type-dhbwcore_columns .row .col-xs-8, .frame-type-dhbwcore_columns .row .col-sm-8, .frame-type-dhbwcore_columns .row .col-md-8, .frame-type-dhbwcore_columns .row .col-lg-8, .frame-type-dhbwcore_columns .row .col-xs-9, .frame-type-dhbwcore_columns .row .col-sm-9, .frame-type-dhbwcore_columns .row .col-md-9, .frame-type-dhbwcore_columns .row .col-lg-9, .frame-type-dhbwcore_columns .row .col-xs-10, .frame-type-dhbwcore_columns .row .col-sm-10, .frame-type-dhbwcore_columns .row .col-md-10, .frame-type-dhbwcore_columns .row .col-lg-10, .frame-type-dhbwcore_columns .row .col-xs-11, .frame-type-dhbwcore_columns .row .col-sm-11, .frame-type-dhbwcore_columns .row .col-md-11, .frame-type-dhbwcore_columns .row .col-lg-11, .frame-type-dhbwcore_columns .row .col-xs-12, .frame-type-dhbwcore_columns .row .col-sm-12, .frame-type-dhbwcore_columns .row .col-md-12, .frame-type-dhbwcore_columns .row .col-lg-12 {
    padding-left: 0px;
}

/* Mailing Work */

.nl-form-body .first label {
    font-weight: bold;
    font-size: 0.9em;
}

.nl-form-body .element {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
}

.nl-form-body .descr {
    color: #5c6971;
}

.nl-form-body .first .descr {
    display: none;
}

.element .validation {
    color:#e2001a;
    display:none;
    font-weight:bold;
    font-size: 0.9em;
}

.nl-form-body .element.invalid input[type=text], .nl-form-body .element.invalid select, .nl-form-body .element.invalid textarea {
    border: solid 1px #e2001a;
}

.nl-form-body .element.mandatory .first label::after {
    content: "*";
}

.nl-form-body .element.invalid .validation {
    display:block;
}

.nl-form-body .element button {
    color: #fff;
    background-color: #e2001a;
    border-color: #c90017;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.42857;
    border-radius: 4px;
    width: 100%;
}

.nl-form-body .element input[type="text"] {
    width: 100%;
}

a:hover, a:focus {
    color: #e2001a;
}

.menu-toggle a {
    color: #ffffff;
    display: block;
}

hr {
    border-top: 2px solid #e5e5e5;
}

/*File downloads*/
.csc-uploads .csc-uploads-element, .csc-uploads li, .link-block .csc-uploads-element, .link-block li {
    overflow: hidden;
}

.ce-uploads div {
    overflow: initial;
}

.csc-uploads .fileinfo, .link-block .fileinfo {
    margin-left: 0;
}

@media (max-width: 1200px) {
    .ce-uploads span {
        display: initial;
    }

    .csc-uploads .icon, .link-block .icon {
        position: initial;
    }
}

/*helper row for equal col height*/
.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

/*helper vertical align*/
.vertical-align {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

/*Style Anpassungen Heike Legacy*/
.zielgruppen-h1 {
    font-size:2.64em;
    color:#000;
    text-transform: uppercase;
    }
  /*.page-footer {
    display: none;
  }*/
  .main {
    margin-bottom: 5em;
  }
  .breadcrumb {
    display:none;
  }
  tbody.table-formated th {
    font-weight: bold;
    background-color: #E2001a;
    color: #FFF;
    }
  .row-1 {
    background-color: #F9F9F9;
    }
  .row-2 {
    background-color: #DDD;
    }
  .icon-calendar a {
  	display: block;
  	margin: 0 auto;
  	text-indent: -9999px;
  }
  .button-link-breit {
    display:block;
    font-weight:bold;
  }
  .news-teaser-item > a > .img-outer > img {
    width: 100%;
  }
  @media (max-width: 1024px) {
    #c9231 {
      display:none;
    }
  }

/*Subnavigation Studiengänge*/

.overflow-button {
    bottom: 0em;
    width: 2em;
}

.center-nav-tabs {
    display: flex;
    justify-content: start;
}

.nav > li > a:first-child {
    padding-left: 0px;
}

.navbar-white {
    background-color: #fff;
    border: none;
}

.navbar-shadow {
    box-shadow: 0 0 8px #ededed;
}

ul.nav.nav-tabs.courseNavbar {
    margin-bottom: 0em;
}

@media (max-width: 1025px) {
    .courseNavbar, .navbar-fixed-top, .navbar-fixed-bottom {
        right: 12px;
        left: 12px;
    }
}

@media (min-width: 1025px) {
    .center-nav-tabs {
        justify-content: center;
    }

    ul.nav.nav-tabs.courseNavbar li a {
        border-bottom: solid 2px #dee1e3;
        border-right: none;
        padding-left: 1.25em;
    }
    ul.nav.nav-tabs.courseNavbar li {
        float: left;
        display: inline-block;
        white-space: normal;
    }

    ul.nav.nav-tabs.courseNavbar li.active a {
        border-bottom: solid 2px #e2001a;
    }

    ul.nav.nav-tabs.courseNavbar li a:hover {
        border-bottom: solid 2px #e2001a;
        border-right: none;
    }
}
