/**************************************/
/* Default styles for news extension */
/**************************************/
.news .clear {
	clear: both;
}

.news .nav ul {
	float: left;
	display: inline;
	margin: 0;
}

.news .nav li {
	float: left;
}

.news .nav a {
	float: left;
	display: block;
}

.news .nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Startseite */
.news-short-overview-orange .colorBackground {
	display: block;
	position: absolute;
	background-color: rgba(255, 72, 12, 0.5);
	width: 100%;
	height: 100%;
	top: 0;
}



.news-short-overview-orange h3,
.news-short-overview-default h3 {

    /*
    width: 150px;
    display: -webkit-box;
    word-wrap: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;*/

}


.news-short-overview-orange .more,
.news-short-overview-default .more{
    margin-bottom: 0 !important;
}

.news .article .news-img-wrap img, .news-homepage-list-img-wrap img {
    object-fit: cover;
    object-position: center;
    font-family: 'object-fit: cover; object-position: center;'; /* for object-fit-image IE11 polyfill */
}

.news-homepage-list-img-wrap,
.news-short-overview-default .news-img-wrap{
    position: relative;
    margin-bottom: 18px;
}
.news-homepage-list-img-wrap,
.news-homepage-list-img-wrap img,
.news-short-overview-default .news-img-wrap,
.news-short-overview-default .news-img-wrap img {
    height: 10vw;
    min-height: 170px;
}

.news-list-view a,
.news-list-view a:hover {
    font-weight: normal;
}
.news-list-view a:hover {
    text-decoration: none !important;
}
.news-list-more a {
    margin: 1em 0;
}

.news .footer {
	color: #888;
}

.news .footer p {
	line-height: 1em;
	margin: 0;
}

.news .footer span {
	display: inline-block;
	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px solid #ddd;
}

.news .footer span:last-child {
	border-right: 0;
}

.news .footer .news-category a {
	text-transform: uppercase;
}

.news .no-news-found {
	color: white;
	font-style: italic;
    text-align: center;
    padding: 2px 10px 1px 10px;
    background-color: #004352;
    display: inline-block;
    border: 1px solid #004352;
    border-radius: 3px;
}
.news .no-tenders-found {
    text-align: left;
}
.no-tenders-found span {
    color: white;
}

/* Bei Studium&Ausbildung Tender-Template anderen Fehlermeldungs-Text setzen */
.joblistcontainer .no-tenders-found.no-news-found span {
    display: none;
}

.news .page-navigation p {
	float: left;
}

.news .page-navigation ul {
	float: right;
}

.news .page-navigation ul li {
	float: left;
	display: block;
	padding: 0 2px;
	background: none;
}

.news .page-navigation ul li a {
	display: block;
}

/* category menu view */
.news-category-view ul li {
	padding: 5px 8px;
}

.news-category-view ul li li {
	padding: 2px 8px 2px 12px;
}

.news-category-view > ul > li:nth-child(even) {
	background: #f9f9f9;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.news-category-view .category-desc {
	padding-left: 10px;
	border-left: 1px solid #ddd;
}

/* single view */
.news-single .footer {
	margin-bottom: 20px;
	margin-top: 5px;
	padding: 10px 0 0 0;
	border-bottom: 0;
	border-top: 1px solid #eee;
}

.news-single .article .news-img-wrap {
	width: 282px;
	margin: 0 0 0 25px;
}

.news-single .article .news-img-wrap img {
	float: none;
    width: 100%;
}

.news-single .news-single-headline {
    font-size: 3rem;
}

.news-single .teaser-text {
	font-size: 15px;
	color: #888;
}

.news-text-wrap {
	margin-bottom: 10px;
}

.news-img-caption {
	color: #888;
}

/* related news + files */
.news-related-wrap {
	display: block;
    width: 100%;
	margin-top: 20px;
	width: 100%;
}

.news-related {
	width: 50%;
	padding: 15px;
	border: 1px solid #eee;
	display: table-cell;
}

.news-related ul li {
	line-height: 1em;
	margin-bottom: 12px;
}

.news-related ul li span {
	border-right: 1px solid #DDDDDD;
	display: inline-block;
	margin-right: 8px;
	padding-right: 8px;
	color: #888;
}

.news-related ul li span:last-child {
	border-right: 0;
	padding-right: 0;
}

.news-related h4 {
	margin-bottom: 10px;
}

.news-related-files ul li {
	margin-bottom: 20px;
}

.news-related-files .news-related-files-link .jpg {
	background-position: 0 0;
}

.news-clear {
	clear: both;
}

/* Überschrift */
.news .article .header a {
	text-decoration: none;
}

.news .article .news-list-category ~ .header {
	margin-top: 15px;
}

.news .article h3 span {
	/*font-size: 24px;
    line-height: 1.2em;*/
	color: rgb(0, 67, 83);
}

/* Datum */
.news-list-date  * {
	font-weight: bold;
	font-size: 14px;
}

/* Kategorie */
.news-list-category {
	text-transform: uppercase;
	color: #004352;
	font-weight: bold;
}

/* Bild */
.news .topnews .news-img-wrap .outer,
.news .topnews .mediaelement-image{
    line-height: 0;
    height: 100%;
}
.news .article .news-img-wrap img {
    max-width: 100%;
}
.news .news-overview-article .news-img-wrap img {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
    width: 100%;
    height: 10vw;
    min-height: 200px;
}



/*****************************/
/* Filter-Auswahl (DropDown) */
/*****************************/
.select-wrapper {
	position: relative;
	border: 1px solid rgb(168, 195, 204);
	border-radius: 5px;
	display: inline-flex;
	background-color: rgb(133, 177, 190);
}
/* Pfeil */
.select-wrapper::before {
	font-family: fontawesome;
	content: "\f078";
	font-size: 20px;
	position: absolute;
	right: 15px;
	top: 7px;
	color: #1A7A8D;
	pointer-events: none;
}

.select-wrapper select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	height: 44px;
	padding-left: 10px;
	padding-right: 50px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	outline: none;
	color: #666;
	cursor: pointer;
    background-color: white;
}
.select-wrapper select::-ms-expand {
	display: none;
}
.select-wrapper select:focus::-ms-value {
	background-color: transparent;
}

.filter-name {
	color: #fff;
	background-color: #1A7A8D;
	text-transform: uppercase;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
	align-self: center;
	padding: 11px 15px 9px;
	display: block;
}

.news-filter .row.center {
	padding: 0;
}

/************/
/* TOP NEWS */
/************/
.topnews [itemprop=description],
.news-short-overview-default [itemprop="description"]{
    /*position: relative;
    overflow: hidden;
    height: 6.0em; !* 3 Zeilen *!*/
    margin-bottom: 1em;
}

.top-news-headline * {
    font-family: KlavikaWebBasicLight, Helvetica, Arial;
    font-size: 2.5rem;
    line-height: 1em;
    margin-bottom: 1rem;
}

/*****************/
/* NEWS OVERVIEW */
/*****************/

.news .news-overview-article-wrap {
    padding: 0 15px 30px;
}

.news .news-overview .news-overview-article,
.news .news-short-overview-orange .article {
    display: flex;
    flex-direction: column;
}
.news .news-overview-article {
    position: relative;
    height: 100%;
	background: white;
    border-radius: 3px;
    border: 0 solid #0000;
    overflow: hidden;
	box-shadow: 0 1px 5px 1px rgba(157,150,147,.7);
	transition: all 0.2s linear; /* Animation auch beim hover-exit */
}
.news .news-overview-article.topnews {
    box-shadow: none;
    background: none;
    height: unset
}

.news .news-overview-article:hover {
	margin-bottom: 5px;
	margin-top: -5px;
	transition: all 0.2s linear;
	box-shadow: 0 5px 5px 1px rgba(157,150,147,.7);
}
.news .news-overview-article.topnews:hover {
    margin-bottom: 0;
    margin-top: 0;
    box-shadow: none;
    transition: all 0.2s linear;
}

.news-overview-article.topnews .news-img-wrap img {
    border-radius: 3px;
    box-shadow: 0 1px 5px 1px rgba(157,150,147,.7);
    height: 100%;
}

.news .news-img-caption {
	display: none;
}
a .news-overview-article, a .news-topnews-article {
    color: black;
}

/*.news-overview-article .header h3 {
    height: 60px;
    !*display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;*!
    overflow: hidden;
}*/

.news-overview-article .teaser-text-container {
    /*position: absolute;
    top: 0;
    bottom: 0;*/
    width: 100%;
	background-color: #fff;
	border-top: 3px solid #ff480c;
	padding: 30px 30px 135px;
    flex: 1 auto;
}
.news .news-short-overview-orange .teaser-text-container {
    flex: 1 auto;
    position: relative;
    padding-bottom: 105px;
}
.news-overview-article.topnews .teaser-text-container {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 15px;
    bottom: 0;
    width: 100%;
    background: none;
    border-top: none;
    padding: 0 15px 140px;
}


/*.news-overview-article .news-img-wrap ~ .teaser-text-container {
    top: 194px;
    height: 376px;
}*/


/*.news-overview-article [itemprop=description] {
    height: 290px;
    display: -webkit-box;
    -webkit-line-clamp: 12;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}*/
.news-overview-article .news-img-wrap ~ .teaser-text-container [itemprop=description] {
    min-height: 100px;
    -webkit-line-clamp: 4;
}

.news-overview-article .news-list-more {
    position: absolute;
    bottom: 15px;
}
.news-overview-article  .news-list-date {
    position: absolute;
    bottom: 100px;
}
.news .news-short-overview-orange .news-list-date,
.news .news-short-overview-orange .news-list-date + div {
    position: absolute;
}
.news .news-short-overview-orange .news-list-date {
    bottom: 65px;
}
.news .news-short-overview-orange .news-list-date + div {
    bottom: 0;
}



/********************/
/* NEWS DETAIL VIEW */
/********************/
.news-single {
	margin: 0 calc(15% + 15px) !important;
	padding-bottom: 8px !important;
	padding-top: 0 !important;
}

.news.news-single .article::after {
	content:"";
}

.news-single > .article {
	background-color: #fff;
	border-radius: 5px;
	margin-top: -5px;
	margin-right: 0;
	box-shadow: 0 1px 3px 1px rgba(157,150,147,.7);
    overflow: hidden;
}
.news-single .left-container {
	padding: 10vh 8%;
}

.news-single .news-teaser-wrap {
	margin-bottom: 8%;
}
.news-single .news-teaser-wrap a:hover {
	text-decoration: underline !important;
}
@media (max-width: 992px) {
    /*.news-single-headline {
        font-size: 28px;
    }*/
}

.news-single .news-text-wrap,
.news-single .img-sub {
	margin-right: 8%;
}
/* Wenn die Neuigkeit kein Bild hat, soll der alleinstehende Text padding haben */
.news-single .right-container > .news-text-wrap:first-child {
	padding: 10vh 0;
}
/* Wenn die Neuigkeit ein Bild hat, so soll nur unter dem Text padding vorhanden sein */
.news-single .right-container > .news-text-wrap {
	padding-bottom: 10vh;
	padding-top: 2vh;
}
.news-single .teaser-text * {
	color: rgb(32, 90, 104);
}

.news-single .img-sub {
	font-style: italic;
	font-size: 14px;
	margin-top: 3px;
}
.news-single .news-img-caption {
	display: none;
}
.news-single .article .news-img-wrap {
	margin: 0;
	width: 100%;
	border-top-right-radius: 5px;
}
.news-single .article .news-img-wrap img {
	border-top-right-radius: 5px;
}

/* Hyperlinks */
.news-single .news-related-wrap * {
	color: rgb(25, 122, 141) !important;
	text-decoration: none;
    font-weight: normal;
    display: block;

    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.news-related-files-link,
.news-related-links a {
    margin-left: 24px;
}
.news-single .news-related-wrap ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}
.news-single .news-related-wrap {
	border-top: 1px solid rgb(25, 122, 141);
}
.news-single .news-related-wrap li {
	padding: 15px 0;
	border-bottom: 1px solid rgb(25, 122, 141);
}


/* Hyperlink - File */
.news-single .news-related-files ul li {
	margin-bottom: 0;
}
.news-single .news-related-files li::before {
	font-family: fontawesome;
	content: "\f0f6";
	padding-right: 6px;
    color: rgb(255, 72, 12);
    position: absolute;
}
/* Hyperlink - Links */
.news-single .news-related-links li::before {
	font-family: fontawesome;
	content: "\f0c1";
	padding-right: 8px;
    color: rgb(255, 72, 12);
    position: absolute;
}


/********************************************/
/* Stellenausschreibungen (kurze Übersicht) */
/********************************************/
.career header * {
	color: rgb(0, 67, 83) !important;
	font-size: 28px;
	padding: 15px 10px 10px 15px;
	background-color: white;
	border-radius: 3px 3px 1px 1px;
	margin: 0;

    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
	hyphens: auto;
}
.career .news {
	background: rgba(41, 39, 40, 0.6);
	padding: 0 15px 20px 15px;
	border-radius: 0 0 3px 3px;
	border: 1px solid rgb(57, 72, 75);
}

.career .news-list-view .article {
	margin-right: 0;
	border-bottom: 1px solid rgb(168, 195, 206);
	padding: 15px 0;
}

.career .news-list-view .article .news-date * {
	color: rgb(168, 195, 206) !important;
	font-weight: normal;
}

.career .header span {
	position: relative;
	padding-right: 20px;
}
.career .header span::after {
	font-family: fontawesome;
	content: "\f0da";
	margin-left: 6px;
	color: rgb(255, 72, 12);
	/*font-size: 20px;*/
	/*position: absolute;*/
    position: relative;
	bottom: -1px;
}

.career .more-jobs-link-container {
	padding: 25px 0 5px;
}
/*
.career .more-jobs-link-container a {
	text-decoration: none;
	color: rgb(255, 72, 12) !important;
	position: relative;
    font-weight: normal;
}
.career .more-jobs-link-container a:hover {
    color: rgb(255, 72, 12) !important;
    font-weight: normal;
    text-decoration: none !important;
}

.career .more-jobs-link-container a::after {
    font-family: fontawesome;
    content: "\f0da";
    padding-left: 6px;
    color: rgb(255, 72, 12);
    font-size: 16px;
    position: relative;
    bottom: -1px;
    font-weight: normal;
    margin-left: -3px;
}
*/

/********************/
/* Jobs (Übersicht) */
/********************/
.jobs-overview {
	display: block;
}

.jobs-overview .article {
	border-top: 1px solid rgb(168, 195, 204);
	padding: 15px 0;
	margin: 0 auto;
}
.jobs-overview .article:last-child {
	margin: 0 auto;
	padding-bottom: 15px;
}
.jobs-overview .article:first-child {
	border-top: 0;
}
.jobs-overview .article .header * {
	color: #000;
	position: relative;
}
.jobs-overview .article .header a::after {
	font-family: fontawesome;
	content: "\f0da";
	margin-left: 6px;
	color: rgb(255, 72, 12);
	/*font-size: 20px;*/
	margin-top: -3px;
    vertical-align: middle;
}
.jobs-overview .article .news-date * {
	color: rgb(27, 124, 143);
	font-weight: normal;
}

#jobs-intro .textInner .description {
	color: rgb(2, 104, 126);
}

.jobs-overview a:hover span {
    text-decoration: underline !important;
}


/********************/
/* Jobs (kurze Übersicht) */
/********************/
.jobs-short-overview .article {
    display: flex;
}
.jobs-short-overview .article .header {
    flex: 1 auto;
}
.jobs-short-overview .article .news-list-date {
    flex: 0 1 auto;
 }



/**********************/
/* Jobs-Detailansicht */
/**********************/

.jobdetail__content {
    padding: 0 50px;
}
.jobdetail__content .jobdetail__contact_column {
    padding-right: 50px;
    margin-bottom: 1em;
}

.jobdetail__content .jobdetail__contact_column span {
    font-family: Arial;
    letter-spacing: 0.025em;
    color: #333333;
}

.jobdetail__content .jobdetail__contact_column .jobdetail__contact_subheadline {
    color: rgb(25, 122, 141);
    margin-bottom: 12px;
    display: block;
}


.jobdetail__richtext strong {
    color: rgb(28, 120, 141);
    text-transform: uppercase;
}


/* Accordion - Aufzählungen */
.jobdetail__accordion_list {
    list-style: none;
    padding-left: 0;
}
.jobdetail__accordion_element {
    margin: 30px 0;
}
.jobdetail__accordion_element ul {
    height: auto;
    overflow: visible;
    display: inline-block;
}
.jobdetail__accordion_element .accordion-header {
    display: flex;
    width: 100%;
    margin: 0;
}
.jobdetail__accordion_element .accordion-list {
    margin: 0;
}
.jobdetail__accordion_element .accordion-header:hover {
    text-decoration: none !important;
}
.jobdetail__accordion_title {
    text-transform: uppercase;
    flex: 1;
}
.jobdetail__accordion_list ul {
    padding-left: 20px;
}

.jobdetail__accordion_element .accordion-header .jobdetail__accordion_icon {
    padding: 5px 0 0;
}

/* Downloads */
.jobdetail__dowloads-title,
.jobdetails__download-link,
.jobdetails__download-link:hover,
.jobs-detail-view h3 {
    color: rgb(25, 122, 141);
    font-weight: normal;
}
.jobdetail__dowloads-title {
    font-weight: bold;
}
.jobdetails__download-link:hover .jobdetails__download-link-name {
    text-decoration: underline;
}

.jobdetail__downloads_list {
    list-style: none;
    padding-left: 0;
    margin-left: 2px;
}
.jobdetails__download-element {
    margin-bottom: 7px;
}
.jobdetails__download-link {
    display: flex;
}
.jobdetails__download-link-icon::before {
    font-family: FontAwesome;
    content: "\f1c1";
    font-size: 18px;
    color: rgb(255, 72, 12);
}
.jobdetails__download-link-name {
    padding-left: 7px;
    padding-top: 3px;
    display: block;
    width: 100%;

    color: rgb(2, 104, 126) !important;
}

/* KREISFORM */
.circle {
	position: relative;
	display: block;
	/*margin: 2em 0;*/
	background-color: transparent;
	color: #222;
	/* text-align: center; */
}

.circle:after {
	display: block;
	padding-bottom: 100%;
	width: 100%;
	height: 0;
	border-radius: 50%;
	/* background-color: #ddd; */
	content: "";
}

.circle__inner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.circle__wrapper {
	display: table;
	width: 100%;
	height: 100%;
}

.circle__content {
	display: table-cell;
	padding: 3em 1em 0;
	vertical-align: middle;
}
.circle.bitbw-logo-text .circle__content {
    padding: 10% 16% 14% 20%;
}

/* BITBW Logo mit Text */
.jobs-detail-view .jobs-header {
	position: relative;
    overflow: hidden;
    min-height: 600px;
}

.jobs-detail-view .bitbw-logo-text {
    position: absolute;
    border: 1px solid rgb(180, 200, 209);
    width: 50%;
    min-width: 545px;
    max-width: 46%;
    border-radius: 50%;
    top: -32px;
    left: -52px;

}

.jobs-detail-view .bitbw-logo-text p {
	color: rgb(28, 120, 141);
}

.jobs-detail-view .bitbw-logo-text img {
	width: 80%; /*25%;*/
    display: block;
    padding-bottom: 10%;
}



/* IT in BWgung Logo mit Text */
.jobs-detail-view .itInBwgung-logo-text {
    position: absolute;
    z-index: 999;
    width: 25%;
    min-width: 275px; /*290px; */
    left: 0;
    right: 0;
    bottom: 35px;
    margin-left: auto;
    margin-right: auto;
}
.jobs-detail-view .itInBwgung-logo-text:after {
	background-color: rgba(32, 90, 104, 0.5);
}
.jobs-detail-view .itInBwgung-logo-text p {
	text-align: center;
	font-weight: bold;
	color: white;
	font-size: 20px;
	margin: 0 auto;
    max-width: 300px;
}
.jobs-detail-view .itInBwgung-logo-text img {
	width: 35%; /*auto;*/
	margin: 3% auto 0 auto; /*5% auto;*/
    display: block;
}


/* Rundes grosses Bild, rechts */
.jobs-detail-view .article .jobs-header .job-img-container {
    overflow: hidden;
    border-radius: 50%;
    margin-right: -9%;
    margin-top: -9%;
    width: 55%;
    float: right;
    box-shadow: 0 1px 3px 1px rgba(157,150,147,.7);
}

.jobs-detail-view .article .jobs-header .job-img-container img {
	height: 100%;
    width: auto;
    max-width: none;
	position: absolute;
	bottom: 0;
	right: 0;
}


/* Kontakte (links) */

.jobdetail__contact_list,
.jobdetail__contact_footer_impressum-container,
.jobdetail__jobinfo,
.jobdetail__downloads_list,
.jobdetail__info {
    margin-left: 7px;
}
.jobdetail__contact_person,
.jobdetail__location,
.jobdetail__keynr,
.jobdetail__applicationdeadline,
.jobdetail__downloads_list {
    margin-bottom: 30px;
    display: block;
}


.jobdetail__keynr {
    color: #333;
}

.jobdetail__headline {
	color: rgb(25, 122, 141); /* teal */
	border-bottom: 1px solid rgb(25, 122, 141);
	display: block;
    margin: 2px 0 12px;
    padding: 0 7px 8px 45px;
    position: relative;
    font-family: KlavikaWebBasicLight;
}

/* Icons */
.jobdetail__headline::before {
    width: 30px;
    content: " ";
    background-repeat: no-repeat;
    position: absolute;
    left: 7px;
    top: -2px;
    height: 30px;
}
.jobdetail__contact_headline::before {
    background-image: url(/fileadmin/images/Icons/Stellenausschreibungen/ico_kontakt.svg);
}
.jobdetail__location_headline::before {
    background-image: url(/fileadmin/images/Icons/Stellenausschreibungen/ico_standort.svg);
}
.jobdetail__keynr_headline::before {
    background-image: url(/fileadmin/images/Icons/Stellenausschreibungen/ico_kennziffer.svg);
}
.jobdetail__applicationdeadline_headline::before {
    background-image: url(/fileadmin/images/Icons/Stellenausschreibungen/ico_frist.svg);
}
.jobdetail__dowloads_headline::before {
    background-image: url(/fileadmin/images/Icons/Stellenausschreibungen/ico_downloads.svg);
}

.jobdetail__contact_person img {
    width: 70%;
    max-width: 130px;
}
.jobdetail__content .jobdetail__contact_column .jobdetail__contact_task {
	display: block;
	color: rgb(25, 122, 141);
	/*margin: 0.5vw 0;*/
}
.jobdetail__contact_tel::before {
	font-family: FontAwesome;
	content: "\f095";
	font-size: 13px;
	margin-right: 5px;
}

/* Links (Xing, Drucken) */
.jobdetail__contact_footer {
    border-top: 1px solid rgb(25, 122, 141);
    padding-top: 10px;
    margin-top: 16px;
}

a.jobdetail__xing::before {
	content: "";
	display: inline-block;
	background: url("/fileadmin/images/Icons/icon_xing.svg") no-repeat 100%/contain;
	margin-top: -2px;
	margin-left: 8px;
	margin-right: 0;
	width: 20px;
	height: 30px;
}

a.jobdetail__print::before {
	content: "";
	display: inline-block;
	background: url("/fileadmin/images/Icons/ico_print.svg") no-repeat 100%/contain;
	margin-left: 8px;
	margin-right: 0;
	margin-bottom: 2px;
	width: 35px;
	height: 25px;
}

/* Infotext - Gleichstellung (links unten)*/
.jobdetail__info {
    margin-top: 1rem;
    margin-left: 0;
    padding-left: 7px;
    padding-top: 1rem;
    border-top: 1px solid rgb(25, 122, 141);
    color: rgb(25, 122, 141);
}

/* DHBW-Logo mit Link */
.jobdetail__dhbw-logo-container img {
    max-width: 150px;
    margin: 30px 0;
}

/* Impressum/Adresse */
.jobdetail__contact_footer_impressum .jobdetail__bitbw-name {
	color: rgb(25, 122, 141);
	display: block;
	margin: 0.5vw 0;
    font-size: 16px;
}
.jobdetail__contact_footer_impressum {
    padding-bottom: 25px;
}

/* Buttons "Jetzt bewerben" und "Bewerbungsprozess" */
.jobdetail__btns {
	padding: 0 0 4vw;
}
.jobdetail__btns * {
	border-radius: 5px;
	text-decoration: none;
    display: inline-block;
}
.jobdetail__btn__job-apply {
    margin-right: 40px !important;
}
/*.jobdetail__btn__job-apply {
	color: white !important;
	background: rgb(255, 72, 12);
	margin-right: 40px;
	padding: 10px 25px;
    font-weight: normal;
    text-decoration: none !important;

    border: 1px solid rgb(178,51,9);

    background: linear-gradient(rgb(255,72,12) 50%,#ffb67e 100%);
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease;
    background-size: 1px 100px;

    text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.jobdetail__btn__job-apply:hover {
    color: white !important;
    text-decoration: none !important;
    font-weight: normal;

    background-position: 100px;
}*/
.jobdetail__btn__application-process,
.jobdetail__btn__application-process:hover{
	color: rgb(255, 72, 12) !important;
	border: 2px solid rgb(255, 72, 12);
	padding: 8px 25px;
    font-weight: normal;
    text-decoration: none !important;
    margin-top: 25px;
}

.similar-jobs-container {
    padding: 25px 0 18px;
}




/*******************************/
/* Ausschreibungen (Übersicht) */
/*******************************/
.tenders-overview {
    padding-left: 0;
}
.tender-table * {
    font-family: Arial;
    letter-spacing: 0.025em;
}
.tenders-container * {
	color: rgb(0, 67, 83);
	list-style-type: none;
	text-decoration: none;
}

.tender-categorie,
.tender .tenders-overview .article {
	border-bottom: 1px solid rgb(168, 195, 206);
	padding: 2rem 0;
}
.tender .tenders-overview .article:last-child {
	border-bottom: none;
    padding-bottom: 0;
}

/* Muss ein h1 Element sein, aber die Größe von h3 haben */
.tender-table .tender-headline {
    font-size: 1.4rem;
    font-family: KlavikaWebBasicMedium;
    line-height: 1.8rem;
    letter-spacing: normal;
}

/* Ausschreibungen */
.tender * {
	font-weight: bold;
}
.tender .header span {
    font-family: Arial;
}
.tender a span:hover {
    text-decoration: underline !important;
}
.tenders-headline-container {
	color: rgb(0, 67, 83);
}
.tenders-headline-container .description {
	color: #00697F;
}


/*****************/
/* ACCORDION NAV */
/*****************/
.tenders-nav_btn {
    flex: 1;
    padding: 0 15px 30px;
}
.tenders-nav_btn a {
	border-radius: 3px;
	padding: 1vw;
	position: relative;
	display: block;
    height: 100%;
	text-align: center;

	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,0.5) 50%, rgba(255,255,255,0.49) 51%, rgba(255,255,255,0.29) 71%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(247,247,247,0.5)), color-stop(51%, rgba(255,255,255,0.49)), color-stop(71%, rgba(255,255,255,0.29)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,0.5) 50%, rgba(255,255,255,0.49) 51%, rgba(255,255,255,0.29) 71%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,0.5) 50%, rgba(255,255,255,0.49) 51%, rgba(255,255,255,0.29) 71%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,0.5) 50%, rgba(255,255,255,0.49) 51%, rgba(255,255,255,0.29) 71%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(247,247,247,0.5) 50%, rgba(255,255,255,0.49) 51%, rgba(255,255,255,0.29) 71%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
.tenders-nav_btn:last-child a {
	/*margin-right: 0;*/
}
.tenders-nav_btn:hover a {
	background: #004352;
	background: -moz-linear-gradient(to bottom, #004352 0%, #527B84 50%, #a9c3ce 100%);
	background: -webkit-linear-gradient(to bottom, #004352 0%, #527B84 50%, #a9c3ce 100%);
	background: -o-linear-gradient(to bottom, #004352 0%, #527B84 50%, #a9c3ce 100%);
	background: -ms-linear-gradient(to bottom, #004352 0%, #527B84 50%, #a9c3ce 100%);
	background: linear-gradient(to bottom, #004352 0%, #527B84 50%, #a9c3ce 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff490c', endColorstr='#ffffff', GradientType=0 );

	color: white !important;
    text-decoration: none !important;
}

.tenders-nav_btn a::after {
	content: "\f078";
	font-family: fontawesome;
	width: 20px;
	height: 20px;
	color: #ff480C; /* Orange */
	position: absolute;
	left: 50%;
	bottom: -7px;
	margin-left: -15px;
	font-size: 28px;
}

.center__middle.content-container > * > .tenders-categorie-list {
	padding: 0 0 80px;
	border-top: 1px solid #C2C2C2;
}
.tenders-categorie-list .tender-categorie {
	border-bottom: 1px solid #C2C2C2;
    /*
    padding-top: 1rem !important;
    padding-bottom: 0 !important;
    */
    padding: 2rem 0 !important;
}
.tender-categorie:hover a {
    text-decoration: none !important;
}
.tenders-categorie-list .tender-categorie .tender-categorie-header {
	/*display: flex;*/
	/*padding: 11px 0;*/
}
.tenders-categorie-list .tender-categorie .tender-categorie-header.active {
	color: #FFAF19;
}
.tender-categorie-description {
    font-weight: normal !important;
}

/* ACCORDION ICON */
.tender-categorie-icon {
    padding: 8px 0 20px 2vw;
}

.accordion .card {
    border-top: 1px solid #C2C2C2;
    padding: 2em 0 0;
}
.accordion .card-header {
    position: relative;
}
.accordion .btn-link {
    display: flex;
}
main .accordion a:hover,
main .accordion a:focus {
    text-decoration: none !important;
}
main .accordion a p {
    font-weight: normal;
}
.accordion .card-body {
    /*margin-top: 1.4em;*/
    margin-bottom: 2em;
}
.accordion .card .icon-plus-minus {
    position: absolute;
    right: 0;
    top: 14px;
}

/****************************/
/* AUSSCHREIBUNGEN - DETAIL */
/****************************/
.center__middle.content-container .tenders-detail-view {
	padding: 0 0 2% !important;
}

/* Drucker Link */
.tender-detail__print-container {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

	display: flex;
	justify-content: center;

}
a.tender-detail__print {
	color: rgb(0, 67, 83);
	text-decoration: none;

	display: flex;
	align-items: center;
}
a.tender-detail__print::before {
	content: "";
	display: inline-block;
	background: url("/fileadmin/images/Icons/ico_print.svg") no-repeat 100%/contain;
	margin-right: 8px;
	margin-bottom: 2px;
	width: 35px;
	height: 25px;
}


/* Ausschreibung Tabelle */
.tender-table-container {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
	padding: 4vw;
}
.tender-table {
	border-collapse: collapse;
	width: 100%;
}
.tender-table tr td,
.tender-table tr th {
	border-top: 1px solid #ccc;
	padding: 20px 0;
	vertical-align: top;
    font-weight: normal;
}
.tender-table tr td:first-child,
.tender-table tr th:first-child {
	width: 25%;
	padding-right: 30px;
}
.tender-table tr:last-child td,
.tender-table tr:last-child th {
    border-bottom: 1px solid #ccc;
}
.tender-table tr.lastRow td,
.tender-table tr.lastRow th {
    border-bottom: none;
}
.tender-table tr td *,
.tender-table tr th * {
	margin: 0;
}

.tender-table a,
.tender-table a:hover {
	color: rgb(27, 122, 142);
}
.tender-table a:hover {
    text-decoration: underline !important;
}




/********************/
/* NEWS - SLIDESHOW */
/********************/
.news-slideshow-view .sliderImgTxt img {
	border-radius: 5px;
	box-shadow: 0 1px 3px 1px rgba(157,150,147,.7);
	margin: 8px;
	width: 98%; /* overlaps to next frame */
}
.news-img-wrap.slideshow-img-wrap.sliderImgContainer img {
    min-height: 330px;
}
.news-img-wrap.slideshow-img-wrap.sliderImgContainer {
    margin-right: 8px;
}






/************************/
/* Responsive Webdesign */
/************************/


/* KLEINER TÜRKISER KREIS */
@media (max-width: 1590px) {
    .jobs-detail-view .itInBwgung-logo-text {
        right: 33%;
        left: inherit;
    }
}
@media (max-width: 1500px) {
    .jobs-detail-view .itInBwgung-logo-text {
        right: 30%;
        left: inherit;
    }
}
@media (max-width: 1430px) {
    .jobs-detail-view .itInBwgung-logo-text {
        right: 28%;
        left: inherit;
    }
}
@media (max-width: 1350px) {
    .jobs-detail-view .itInBwgung-logo-text {
        right: 38%;
        left: inherit;
    }
}

@media (max-width: 1300px) {
    .jobs-detail-view .itInBwgung-logo-text {
        right: 37%;
        left: inherit;
    }
}

@media (max-width: 1250px) {
    .jobs-detail-view .itInBwgung-logo-text {
        right: 33%;
        left: inherit;
    }
}
@media (max-width: 1150px) {
    .jobs-detail-view .itInBwgung-logo-text {
        right: 30%;
        left: inherit;
    }
}
@media (max-width: 1110px) {
    .jobs-detail-view .itInBwgung-logo-text {
        /*right: 4%;
        left: inherit;*/
    }
}



/* Bild im Kreis (in mobiler Ansicht anpassen bzw. ab den Punkt, wenn türkiser Kreis ausgeblendet ist) */
@media (max-width: 940px) {

    .jobs-detail-view .jobs-header {
        min-height: 475px !important;
    }
}
@media (max-width: 430px) {
    .jobs-detail-view .article .jobs-header .job-img-container {
        width: 210px;
    }
}
@media (max-width: 390px) {

    .jobs-detail-view .bitbw-logo-text p {
        padding-right: 0 !important;
    }
    .circle.bitbw-logo-text .circle__content {
        padding: 20% 38% 14% 16% !important;
    }
    .jobs-detail-view .jobs-header {
        min-height: 530px !important;
        margin-bottom: 15px;
    }
    .jobs-detail-view .bitbw-logo-text {
        min-width: 525px !important;
    }
}
@media (max-width: 390px) {
    .circle.bitbw-logo-text .circle__content {
        padding: 22% 42% 14% 16% !important;
    }
}


@media (max-width: 992px) {
	.news .article {
		/*margin-right: 0;*/
	}

	.career > .row > *:last-child {
		/*margin-top: 6vw;*/
	}
    .news-single .row {
        margin: 0;
    }
    .news-single .left-container {
        padding: 20px 20px 35px;
    }
    .news-single .right-container {
        padding: 20px;
    }
    .news-single .right-container > .news-text-wrap {
        padding-bottom: 0;
    }
    .news-single .article .news-img-wrap img {
        border-top-right-radius: 0;
    }


    .jobdetail__content {
        padding: 0 25px;
    }
}







/* News 3er (Startseite) Überschrift früher umbrechen */
@media (max-width: 1600px) {
    .news-container .news-headline,
    .news-container .news-elements {
        flex: 1 auto;
        max-width: 100%;
    }
    .news-container .news-headline {
        flex: 1 auto;
        max-width: 100%;
        text-align: center;
        margin-bottom: 18px;
    }
}
@media (max-width: 1200px) {
    .news-container .news-headline,
    .news-container .news-elements,
    .news-container .news-elements .article {
        flex: 1 auto;
        max-width: 100%;
    }
    .news-container .news-elements .article [class$="img-wrap"],
    .news-container .news-elements .article [class$="img-wrap"] .news-img-wrap img {
        height: auto;
        width: 100%;
    }
    .news-container .news-elements .article .teaser-text-container {
        margin-bottom: 40px;
    }
    .news-container .news-elements .article .teaser-text-container h3,
    .news-container .news-elements .article .teaser-text-container div[itemprop="description"]{
        height: auto;
    }
}



@media (max-width: 1350px) {
    .jobs-detail-view,
    .linkbtn-container .linkbtn-margin {
        margin: 0 calc(5% + 15px) !important;
    }
    .center__middle.content-container .linkbtn-container .linkbtn-margin .linkbtn-link {
        margin: 0;
    }
}
@media (max-width: 1050px) {
    .jobs-detail-view,
    .linkbtn-container .linkbtn-margin {
        margin: 0 calc(2% + 15px) !important;
    }
    .center__middle.content-container .linkbtn-container .linkbtn-margin .linkbtn-link {
        margin: 0;
    }
}

@media (max-width: 1080px) {

    /* News */
    /* News in orange */
    .news-short-overview-orange .teaser-text-container,
    .news-short-overview-default .teaser-text-container{
        margin-bottom: 40px;
    }
    .news-short-overview-orange .article:last-child .teaser-text-container,
    .news-short-overview-default .article:last-child .teaser-text-container{
        margin-bottom: 0;
    }
    .news-short-overview-orange .header h3,
    .news-short-overview-default .header h3,
    .topnews [itemprop="description"],
    .news-short-overview-default [itemprop="description"] {
        height: auto;
    }
    .news-homepage-list-img-wrap,
    .news-homepage-list-img-wrap img,
    .news-short-overview-default .news-img-wrap,
    .news-short-overview-default .news-img-wrap img{
        height: 230px;
    }

    /* Stellenausschreibungen */
    .jobs-detail-view .jobs-header {
        min-height: 420px;
        margin-bottom: 20px;
    }

    .jobs-detail-view .bitbw-logo-text img,
    .itInBwgung-logo-text {
        display: none;
    }

    .jobs-detail-view .bitbw-logo-text {
        top: -100px;
        left: -60px;
        min-width: 449px;
    }
    .jobs-detail-view .bitbw-logo-text p {
        padding-top: 0;
    }

    .jobs-detail-view .article .jobs-header .job-img-container {
        /*top: calc(35% - 106px);*/

        top: auto;
        margin-top: 0;
        bottom: 0;
        position: absolute;
        right: 0;

    }

    .circle.bitbw-logo-text .circle__content {
        padding: 29% 14% 14% 23%
    }

}


@media (max-width: 567px) {

	.career > .row > *:last-child {
		/*margin-top: 12vw;*/
	}

    .news-single {
        margin: 0 calc(2% + 15px) !important;
    }

    .circle.bitbw-logo-text .circle__content {
        padding-left: 19%;
    }

    /*
    .jobs-detail-view .bitbw-logo-text {
        top: -200px;
        left: -140px;
    }
     */
    .jobs-detail-view .bitbw-logo-text p {
        padding-right: 8%;
    }

    .jobdetail__richtext {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }

    .jobdetail__content {
        padding: 0 10px;
    }

}