@charset "UTF-8";

@import url("reset.css");
@import url("font.css");
/* @import url("wysiwyg.css");
@import url("admin.css"); */
@import url("../img.css");
@import url("jquery.custom-scrollbar.css");

@import url("video-js.min.css");
@import url("slick.css");
@import url("slick-theme.css");

/* MNI
path {
	fill: #000000 !important;
	stroke: #000000 !important;
}
.svg_haende_cls-1 {
	fill: none !important;
	stroke: #000000 !important;
}
*/

*:focus-visible {
	outline: 2px #000000;
	outline-offset: 2px;
}

html,
body {
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

body {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	background-color: #ffffff;
	width: 100%;
	color: #000000;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.008em;
	/*width:100vw;*/
	overflow-x: hidden;
}

body.intranet:before {
    content: 'intern';
    position: absolute;
    right: -176px;
    top: 503px;
    color: rgba(215,210,195,0.5);
    font-weight: 300;
    font-size: 200px;
    transform: rotate(270deg);
}

body.intranet #wrapper_main {
	min-height: 600px;
}

body.intranet #footer_links1 ul li a[target="_blank"] {
	display: none;
}

body.intranet #top ul#top_links_1:before {
    color: hsl(35deg 30% 40% / 84%);
    content: "intern";
    font-family: Lausanne, Arial, sans-serif;
    font-weight: 700;
    font-size: 29px;
    left: 0;
    letter-spacing: 2px;
    margin-left: -92px;
    position: absolute;
    top: 50px;
}

@media (max-width: 1023px) {
	body.intranet #top ul#top_links_1:before {
		left: auto;
		top: 49px;
		right: 0;
	}
}

a {
	color:#000000;
	text-underline-offset:0.27em;
	text-decoration-color:#000000;
}

a:hover {
	color:hsl(35,30%,40%);
	transition:all 0.05s ease-in;
	text-decoration:none;
}

[style*="underline"] {
	text-underline-offset: 0.27em;
}

h1,
h2,
h3,
h4,
h1 strong,
h2 strong,
h3 strong,
h4 strong {
	font-family: Lausanne, Arial, sans-serif !important;
	color: #000000;
}

h1 {
	font-weight: 700;
	font-size: 34px;
	line-height: 42px;
	margin-bottom: 1em;
}

h2 {
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 14px;
}

h3 {
	font-weight: 700;
	font-size: 21px;
	line-height: 28px;
	margin-bottom: 14px;
	padding-top: 6px;
}

h4 {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
	font-size: 18.5px;
	line-height: 25px;
	margin-bottom: 10px;
}

h1 + h1 {
	margin-top: -1em;
}

h1 + h3,
h3 + h1 {
	margin-top: -13px;
}

h1 + h4 {
	margin-top: -13px;
}

hr {
	height: 0;
	border-style: none;
	border-top: 1px solid #000000;
	margin: 8px 0 16px 0;
}

img {
	border-style: none;
	height: auto;
	max-width: 100%;
	vertical-align: top;
	/*! width: 100%; */
}

svg .hover {
	display: none;
}

svg:hover .hover {
	display: block;
}

svg:hover .inactive {
	display: none;
}

sub {
	vertical-align: sub;
	font-size: small;
	line-height: 15px;
}

sup {
	vertical-align: super !important;
    font-size: smaller !important;
}

.quellenangabe_klein {
	font-size:12px;
	line-height:18px;
}

/* Formatierungen Tabellen betreffend sind als VORLÄUFIG zu betrachten! */
table {
	float: none !important;
	width: 100%;
	margin: 16px 0;
	font-variant-numeric: tabular-nums;
}

td {
	border-bottom: 1px solid #000000;
	padding: 10px 10px 8px 0;
}

td > figure {
	margin-top: 16px;
}

.egotec-page_frame {
	clear: both;
	/*! margin-top: 60px; */
}

#text > .egotec-page_frame {
	margin-top: 0px;
}

#text > .text_box + .egotec-page_frame {
	margin-top: 60px;
}

#text figure + .egotec-page_frame {
	margin-top: 24px;
}

#text .egotec-page_frame + .egotec-page_frame {
	margin-top: 60px;
}

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

.clear {
	float: none !important;
	clear: both;
	margin: 0 !important;
}

.show {
	display: block !important;
}

.hide {
	display: none !important;
}

#invisible,
.invisible {
	display: none;
}

a.button_more,
a.button_more_fullwidth {
	color: #000000;
	border: 1px solid #000000;
	width: auto;
	height: 20px;
	line-height: 20px !important;
	margin-top: 30px;
	padding: 10px 12px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

a.button_more_fullwidth {
	display:block;
}

a.button_more_fullwidth:hover,
a.button_more:hover {
	color:#ffffff;
	background-color:#000000;
}

input[type="submit"],
a.button_submit,
input.button_submit,
button.button_submit {
    background: #d7d2c3;
    color: #000000;
    border-style: none;
    padding: 10px 15px;
    margin: 0;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    font-family: Lausanne, Arial, sans-serif;
    font-weight: 300;
    text-decoration: none;
    letter-spacing: 0.05em;
}

a.button_submit.right,
input.button_submit.right,
button.button_submit.right {
	float:right;
}

input[type="submit"]:hover,
a.button_submit:hover,
input.button_submit:hover,
button.button_submit:hover {
    border-color: #000000;
    color: #ffffff;
    background: #000000;
}

a.mehr {
	display: inline-block;
	height: 20px;
	text-decoration: underline;
	text-decoration-color: #000000;
	position: relative;
	line-height: 20px !important;
}

p a.mehr {
	line-height: 25px !important;
}

#middle_col a.mehr:hover,
a.mehr:hover {
	text-decoration: none;
}

#middle_col .entry-content a.mehr:hover,
.entry-content a.mehr:hover,
.event a.mehr:hover,
#middle_col .entry-content a.mehr:hover,
#middle_col .event a.mehr:hover {
	color:hsl(35, 30%, 40%);
}

*:not(.veranstart) span[style*="color"] {
	color: hsl(30, 30%, 30%);
}

abbr {
	text-decoration: none;
	border-bottom: 1px dotted #000000;
	cursor: help;
}

.abbr_title {
	position: absolute;
	background-color: white;
	border: 1px solid lightgray;
	padding: 3px;
	left: 0;
	top: 0;
	z-index: 1;
	min-width: 267px;
}

input,
select,
option,
textarea {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	-webkit-appearance: none;
	appearance: none;
}

input[type="range"] {
	-moz-appearance: scale-horizontal;
	-webkit-appearance: slider-horizontal;
	appearance: none;
}

input[type="radio"] {
	position: relative;
	top: 4px;
	height: 20px;
	width: 20px;
	background-image: url("../images/radio-button-empty.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	cursor: pointer;
	border-style: none;
	margin-right: 6px;
}

input[type="radio"]:checked {
	background-image: url("../images/radio-button-marked.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
}


select {
    width: calc(100% - 2px);
    cursor: pointer;
    line-height: 39px;
    height: 40px;
    margin: 0;
	padding:0 45px 0 15px;
	font-size: 16px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	box-sizing: border-box;
	background-image: url("../images/icon-arrow-open-black.svg");
	background-position: right 16px top 16px;
	background-repeat: no-repeat;
	background-color:#fff;
	border: 1px solid #000000;
}

select + select {
	margin-top:10px;
}

select + p {
	padding-top: 16px;
}

select::-ms-expand {
	display: none;
}

select option {
	padding: 5px 2px;
}

input[type="checkbox"] {
	width: 20px;
	height: 20px;
	border-radius: 2px;
	border: solid 1px #000000;
	cursor: pointer;
}

input[type="checkbox"]:checked {
	margin-bottom: 11px;
}

input[type="checkbox"]:checked:before {
	content: "✓";
	font-weight: 700;
	font-size: 18px;
	line-height: 18px;
	padding-left: 1px;
	color: #000000;
}

input.btn_reset {
	background-color: hsl(30, 20%, 30%);
	opacity: 0.6;
	border-radius: 5px;
	border-style: none;
	color: #ffffff;
	cursor: pointer;
	float: left;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 18.5px;
	height: 51px;
	margin: 15px 0 40px;
	padding: 0 35px 0 50px;
	text-align: center;
	text-transform: uppercase;
}

input.btn_reset:hover {
	opacity: 0.8;
}

#wrapper_global {
	min-width: 303px;
	margin-bottom: 0;
	min-height: calc(100% - 349px);
	width: 100%;
}

#header {
    overflow:auto;
    min-height:180px;
}

/* Sticky-Header */
#header.sticky {
	position:fixed;
    z-index: 200;
    width: 100%;
	top:0;
}

#header.sticky + #wrapper_header,
#header.sticky + #wrapper_main,
#header.sticky + script + #wrapper_main {
    padding-top: 182px;
}
/*****************/

#wrapper_main {
	position: relative;
	margin: 0 auto;
	padding: 0 20px 90px;
	max-width: 1360px;
	min-height: 300px;
}

#wrapper_main.fullwidth {
	padding: 0;
	max-width: none;
	min-height: 300px;
	margin-top: -1px;
}

#wrapper_header {
	position: relative;
	width: 100%;
	/* max-height: 450px; */
	/* height: 41.5vw; */
	height: auto;
	margin-top: -4px;
	margin-bottom:25px;
}

#wrapper_top {
	position: relative;
	width: 100%;
	height: 120px;
	background-color: #ffffff;
}

#wrapper_top a {
	text-decoration: none;
}

#wrapper_top #top {
	position: relative;
	margin: 0 auto;
	width: calc(100% - 40px);
	max-width: 1360px;
	padding: 12px 20px 0 20px;
}

#wrapper_top #top2,
#wrapper_top #top3 {
	position:absolute;
	top:0;
	right:0;
	z-index:999;
}	

#wrapper_top #top2,
#wrapper_top #top3 {
	display: none;
}

.top_quick {
	cursor:pointer;
}

#target_groups,
#quickaccess {
    position:fixed;
    top:0;
    left:calc(50% + 220px);
    width:446px;
	max-height:100%;
	padding:17px 17px 40px 17px;
    overflow-y:scroll;
    overscroll-behavior:contain;
	background-color:#d7d2c3;
	box-shadow:0 2px 15px 0px rgba(0, 0, 0, 0.2);
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}


#target_groups::-webkit-scrollbar,
#quickaccess::-webkit-scrollbar {
	display: none;
}

#target_groups .tg_block a,
#quickaccess .qa_block a {
		display: block;
		padding:10px 0;
		font-family:Lausanne, Arial, sans-serif;
		font-weight:400;
		font-size:16px;
		line-height:25px;
		color:#000000;
		border-bottom:1px solid #000000;
}

#target_groups #tg_heading,
#quickaccess #qa_heading {
	display:block;
	/* height:50px; */
	line-height:21px;
	padding:0 0 60px 0;
	text-transform:uppercase;
	font-family:Lausanne, Arial, sans-serif;
	font-weight:400;
	font-size:13px;
	letter-spacing:0.03em;
	color:#000000;
	border-bottom:1px solid #000000;
}

#target_groups #tg_close,
#quickaccess #qa_close {
	height:21px;
	width:21px;
	position:absolute;
	top:20px;
	right:18px;
}
/*
#top #word_mark {
	font-size: 0;
}

#top #word_mark:after {
	content: "";
	width: 325px;
	height: 100px;
	display: inline-block;
	position: absolute;
	top: 13px;
	background: url("../images/hsbi-logo.svg") no-repeat 0 3px;
	background-size: contain;
}
*/
/**************** Zusätzliche Links im Header (Suche etc.) *******************/
#top ul#top_links_1 {
	position: absolute;
	top: 16px;
	right: 25px;
}

#top ul#top_links_1 li {
	float: left;
	margin-right: 20px;
}

#top ul#top_links_1 li:last-child {
	margin-right: 0;
	position: absolute;
	right: 0px;
}

#top ul#top_links_1 li:last-child a:hover span {
	display: none;
}

#top ul#top_links_1 a {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #000000;
}

#top_links_1 a svg {
    height: 30px;
    width: auto;
}

#top_links_2 a svg {
	height: 29px;
	width: auto;
}

#top_links_1 li a span,
#top_links_2 li a span {
	display: none;
	position: absolute;
	top:27px;
	width: 130px;
	text-align: center;
	margin-left: -50px;
	font-size: 14px;
}

#top_links_1 li a:hover span {
	display: block;
}

/* Vorläufiger Header */
/*
#top_links_1 li svg {
	display: none;
}
*/
#top_links_1 li {
	width: 30px;
	height: 30px;
	position: absolute;
}
/*
#top_links_1 li:nth-child(1) {
	background: url("../images/header/Leichte_Sprache.svg") no-repeat 0 0;
}

#top_links_1 li:nth-child(2) {
	background: url("../images/header/Gebaerdensprache.svg") no-repeat 0 0;
}

#top_links_1 li:nth-child(3) {
	background: url("../images/header/EN.svg") no-repeat 0 0;
}

#top_links_1 li:nth-child(4) {
	background: url("../images/header/Login.svg") no-repeat 0 0;
}

#top_links_1 li:nth-child(5) {
	background: url("../images/header/Schnellzugriff.svg") no-repeat 0 0;
}

#top_links_1 li:nth-child(6) {
	background: url("../images/header/Suche.svg") no-repeat 0 0;
}
*/
#top_links_1 li:nth-child(1) {
	right: 235px;
}

#top_links_1 li:nth-child(2) {
	right: 185px;
}

#top_links_1 li.top_sign_lang:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	right: -25px;
	height: 30px;
	border-right: 1px solid #000000;
}

#top_links_1 li.top_lang {
	right: -18px;
}

#top_links_1 li:nth-child(3) a span {
    width: 50px;
    right: -14px;
}

#top_links_1 li.top_login {
	right: 58px;
}
#top_links_1 li:nth-child(5) {
	right: 105px;
}

#top_links_1 li.top_search {
	margin-top: 120px;
}

#top ul#top_links_2 {
	position: absolute;
	top: 13px;
	right: 0;
}

#top ul#top_links_2 li {
	float: left;
}

#top ul#top_links_2 li:first-child {
	margin-right: 20px;
}

#top_links_2 a.top_search {
	display: block;
	height: 29px;
	width: 29px;
	background: url("../images/icon-suche-white.svg") no-repeat 0 0;
	filter: invert(1);
}

#top_links_2 a.top_burger {
	position: relative;
	top: 4px;
	display: block;
	height: 22px;
	width: 26px;
	background: url("../images/icon-burgermenu-level-1.svg") no-repeat 0 0;
	filter: invert(1);
}

#top_links_2 a.top_burger.sub_burger {
	background: url("../images/icon-mobile-subnavigation.svg") no-repeat 0 0;
}

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

#header_nav {
	width:100%;
	height:58px;
    background-color:#FFFFFF;
}

#wrapper_header_img {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}
#wrapper_header_img + h4 {
	margin-top: 40px;
}

.header_img {
	max-height: 100%;
    max-width: 1400px;
	width: 100% !important;
}

.header_img picture {
	position: static;
}

.news_content .header_img picture {
	position: relative;
}

.header_img picture:after {
	content: "";
	display: inline-block;
	position: absolute;
	bottom: -1px;
	right: 0;
	height: calc(65% + 2px);
	width: 20px;
	background: #ffffff;
}

.header_img picture:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: -1px;
	height: 35%;
	width: 20px;
	background: #ffffff;
}

.header_img:nth-child(6):after {
	left: 0;
	right: auto;
}
.header_img:nth-child(5):after {
	right: 0;
	left: auto;
}

.header_img img {
	display: inline-block;
	width: 100%;
	height: auto;
	max-height: inherit;
}

.header_img .y50_link {
	display: block;
	position: absolute;
	bottom: 8%;
	right: 3%;
	max-height: 163px;
	max-width: 180px;
	color: transparent;
	width: 14vw;
	height: 13vw;
}

/********************************* Bühne *****************************************/
.header_img .text {
	position: absolute;
	bottom:60px;
}

.header_img .text h2 {
	font-family:Lausanne, Arial, sans-serif !important;
	font-weight:600;
	text-transform:uppercase;
	margin-bottom:10px;
	font-size:18px;
	line-height:21px;
	letter-spacing:0.03em;
}

.header_img .text h3 {
	margin:0;
	padding:0;
	font-family:Lausanne, Arial, sans-serif !important;
	font-weight:800;
	font-size:56px;
	line-height:62px;
}

.header_img .text span {
	display:inline-block;
	margin-top:10px;
	font-family:Lausanne, Arial, sans-serif !important;
	font-weight:400;
	font-size:16px;
	line-height:22px;
	letter-spacing:0.005em;
}

.header_img a.stage span {
	text-decoration:underline;
	text-underline-offset:0.25em;
}

.header_img a.stage:hover span {
	text-decoration:none;
}

.header_img .text.color1 span,
.header_img .text.color1 h2,
.header_img .text.color1 h3 {
	color: #000000;
}

.header_img .text.color2 span,
.header_img .text.color2 h2,
.header_img .text.color2 h3 {
	color: #ffffff;
}

.header_img .text.position1 {
	left: 40px;
}

.header_img .text.position2 {
	left: 50%;
	transform: translate(-50%, 0);
}

.header_img .text.position3 {
	text-align: right;
	right: 60px;
}

/********************************* Slider PMs *****************************************/
.news_content .wrapper_slider #slider {
	overflow: hidden;
}

.news_content .header_img {
	width: 630px;
	max-height: unset;
}

.press .news_content .header_img {
	width: 840px;
}

@media (min-width: 1330px) {
	.news_content .header_img {
		height: unset;
		width: 630px;
		margin: 0 auto;
	}

	.press .news_content .header_img {
		width: 840px;
	}
}

.news_content .header_img picture {
	background-color: hsl(30, 10%, 75%);
	display: block;
}

#middle_col .news_content .header_img figure {
	margin-bottom: 0;
}

#middle_col .news_content #slider figcaption span {
	white-space: nowrap;
}
/*
#middle_col .news_content #slide_nav {
	display: none;
}
*/
/******************************* Linke Spalte ******************************/
#left_col {
	float: left;
	width: 280px;
	margin-left: -100%;
	min-height: 300px;
}

#right_col > a ~ div,
#left_col > ul ~ div,
#left_col > div ~ ul {
	margin-top: 60px;
}

/*-------- Navigation Ebene 2 -------*/
#left_col ul#nav_left li a {
	border-bottom: 1px solid #000000;
}

#left_col ul#nav_left li:first-child {
	border-top: none;
}

#left_col ul#nav_left li a {
	display: block;
	padding: 10px 10px 10px 0;
	text-decoration: none;
}

#left_col ul#nav_left li.active a {
	color: hsl(35, 30%, 40%);
	font-weight: 700;
}

/* #left_col ul#nav_left li a:hover, */
/* #left_col ul#nav_left li.active a { */
	/* color:hsl(35, 30%, 40%); */
	/* border-bottom:1px solid hsl(35, 30%, 40%); */
/* } */

#left_col ul#nav_left li.first {
	padding: 10px 0 0 0;
	font-weight: 700;
}

#left_col ul#nav_left li.first a {
	background: none;
	padding: 0 0 10px 0;
}

/*----------- Kontaktbox, Download-Box ------------*/
#contact_box,
#download_box {
	/* margin-top:45px; */
	min-height: 50px;
	position: relative;
}

#contact_box .heading,
#download_box .heading {
	padding: 10px 0;
	color: #000000;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
	font-size: 18.5px;
	line-height: 24px;
	border-bottom: 1px solid;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

#contact_box hr.separator {
	margin: 0;
}

#contact_box .intro {
	margin-bottom: 6px;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
}

#contact_box .data {
	padding: 15px 0;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
}

#contact_box div:nth-child(5) {
	padding-top: 8px;
}

#contact_box .fon {
	margin-top: 8px;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	font-variant-numeric: tabular-nums;
}

#contact_box .email {
	margin: 5px 0;
}

/*----------- Download-Box ------------*/
#download_box .data {
	padding: 15px 0;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.6;
	border-top: none;
	text-decoration: none;
}
#download_box .data {
	border-bottom: 1px solid #000000;
}

#download_box .file_data {
	padding-left: 40px;
	background: url("../images/icon-download.svg") no-repeat 2px 0;
	min-height: 28px;
	word-wrap: break-word;
	font-size: 14px;
	line-height: 20px;
	background-size: 24px;
	background-position: 5px 3px;
}

#download_box .file_data.folder {
	background: url("../images/icon-folder.svg") no-repeat 0 0;
	background-size: 29px 20px;
	background-position: 0px 2px;
	background-size: 19px;
	background-position: 9px 3px;
}

#download_box .file_data div:first-child {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
}

#download_box .file_data div:empty {
	height: 6px;
}

/*------------ Tag Cloud ------------*/
#left_col #tag_cloud {
	line-height: 36px;
}

#left_col #tag_cloud a {
	display: inline-block;
	margin-right: 5px;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
}

#left_col #tag_cloud a.tag_cloud_weight1 {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 15px;
}

#left_col #tag_cloud a.tag_cloud_weight2 {
	font-size: 18.5px;
}

#left_col #tag_cloud a.tag_cloud_weight3 {
	font-size: 24px;
}

/*------------ Standorte ------------*/

#left_col ul#locations li {
	background-color: #ffffff;
	border-bottom: 1px solid #000000;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #000000;
}

#left_col ul#locations li:hover {
	border-bottom: 1px solid #000000;
}

#left_col ul#locations li.first {
	font-weight: 700;
	font-size: 18.5px;
	color: #000000;
	line-height: 26px;
	padding: 10px 0;
	text-transform: uppercase;
	border-bottom: 1px solid #000000;
}

#left_col ul#locations li a {
	display: block;
	padding: 10px 10px 10px 0;
	background-size: 9px 14px;
	text-decoration: none;
}

/****************************** Rechte Spalte ********************************/
#wrapper_right_col {
	float: right;
}

#right_col {
	float: left;
	width: 280px;
	margin-left: -280px;
	overflow: hidden;
}

/************************ Mittlere Spalte / Contentbereich *******************/
#wrapper_middle_col {
	float: left;
	width: 100%;
}

.fullwidth #middle_col {
	min-height: calc(100vh - 443px);
}

#middle_col {
	margin: 0 320px; /* width of left_col/right_col + 40px margin */
	min-width: 280px;
	min-height: 300px;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 25px;
	color: #000000;
	overflow: hidden;
}

#middle_col figure {
	max-width: 100%;
}

/* Der besseren Übersichtlichkeit auch die Styleanweisungen für #right_col und left_col hier. */
#middle_col:not(#home *):is(p, h3, h4, h5, h6, blockquote, ul, ol, dl, dt, figure, figcaption, img),
#right_col:is(p, h3, h4, h5, h6, blockquote, ul, ol, dl, dt, figure, figcaption, img),
#left_col:is(p, h3, h4, h5, h6, blockquote, ul, ol, dl, dt, figure, figcaption, img) {
	max-width:840px;
}

#middle_col figure + .text_box,
#middle_col .text_box + figure {
	margin-top: 40px;
}

#middle_col #text figure,
#middle_col .news_content figure {
	/*clear: both;*/
	margin-bottom: 8px;
}

#middle_col figure + p,
#middle_col figure + h2,
#middle_col figure + h3,
#middle_col figure + h4,
#middle_col figure + ul,
#middle_col figure + ol,
#middle_col figure + table {
	margin-top: 10px;
}

.bild_links_ohne_rahmen {
	float: left;
	margin: 4px 20px 7px 0 !important;
	min-width: 20px;
	clear: none;
}

.bild_rechts_ohne_rahmen {
	float: right;
	margin: 4px 0 7px 20px !important;
	min-width: 20px;
	clear: none;
}

.bild_links_mit_rahmen {
	float: left;
	margin: 4px 20px 7px 0 !important;
	border: 1px solid #000000;
	min-width: 20px;
	clear: none;
}

.bild_rechts_mit_rahmen {
	float: right;
	margin: 4px 0 7px 20px !important;
	border: 1px solid #000000;
	min-width: 20px;
}

#middle_col #text .bild_links_ohne_rahmen,
#middle_col #text .bild_rechts_ohne_rahmen,
#middle_col #text .bild_links_mit_rahmen,
#middle_col #text .bild_rechts_mit_rahmen {
  clear: none;
}

.news_entry .bild_links_ohne_rahmen,
.news_entry .bild_rechts_ohne_rahmen,
.news_entry .bild_links_mit_rahmen,
.news_entry .bild_rechts_mit_rahmen {
	float: none !important;
	display: block;
	margin: 12px 0 !important;
}

#middle_col ul {
	list-style-type: disc;
	margin: 0 0 14px 0;
	overflow: hidden;
}

#middle_col .text_box2 ul:last-child,
#middle_col .text_box2 ol:last-child,
#middle_col .text_box2 p:last-child {
	margin-bottom: 0;
}

#middle_col ul ul {
	list-style-type: disc;
	margin: 0;
}

/* Entfernt 02.08.2023, SA. Erschließt sich nicht und führt zu unerwünschten Effekten, wenn zwischen 2 Listen Text ohne <p>-Tag o.ä. ist
#middle_col ul + ul {
	margin-top: -16px;
}*/

#middle_col ul li {
	margin: 0 0 2px 16px;
	list-style-type: none;
}

#middle_col li ul {
	margin-top: 2px;
}

#middle_col ul:not(.stgs, .tabs, .jqueryFileTree, .select2-selection__rendered) li::before {
	content: '';
	background-color: #000000;
	display: inline-block;
	position: relative;
	height: 5px;
	width: 5px;
	border-radius: 5px;
	margin-right: 10px;
	margin-left: -14px;
	top:10px;
	float:left;
}

#middle_col ul li.text_indent {
	list-style-type: none;
	margin-left: 10px;
}

#middle_col ul li.text_indent ul {
	list-style-type: disc;
}

#middle_col ol {
	list-style-type: decimal;
	margin: 0 0 10px 0;
}

#middle_col ol li {
	margin-left: 28px;
	margin-bottom: 4px;
}

#middle_col ol li:first-child:nth-last-child(n + 0),
#middle_col ol li:first-child:nth-last-child(n + 0) ~ li {
	margin-left: 20px;
}

#middle_col ol li:first-child:nth-last-child(n + 10),
#middle_col ol li:first-child:nth-last-child(n + 10) ~ li {
	margin-left: 28px;
}

#middle_col p + ul,
#middle_col p + ol {
	margin-top: 14px;
}

#middle_col p + h2,
#middle_col p + h3,
#middle_col p + h4,
#middle_col ul + h2,
#middle_col ul + h3,
#middle_col ul + h4,
#middle_col ol + h2,
#middle_col ol + h3,
#middle_col ol + h4,
#middle_col .text_box + h2,
#middle_col .text_box + h3,
#middle_col .text_box + h4{
	margin-top: 1.4em;
}

#middle_col p,
#right_col p {
	margin: 0 0 14px 0;
	font-variant-numeric: tabular-nums;
}

#middle_col p + p {
	margin: 0 0 14px 0;
	font-variant-numeric: tabular-nums;
}

#middle_col a,
#right_col a,
#img_box_left a {
	font-family: Lausanne, Arial, sans-serif;
	line-height: 25px;
}

#middle_col a:hover,
#right_col a:hover,
#img_box_left a:hover {
	text-decoration: none;
}

.current_news > div:last-child:not(.entry-content) a {
	color:#000000;
	padding: 10px 12px;
	width: calc(100% - 26px);
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: center;
	text-decoration: none;
	border:1px solid #000000;
}
.current_news > div:last-child:not(.entry-content) a:hover {
	background-color:#000000;
	color:#ffffff !important;
}

#middle_col b,
#middle_col strong,
strong,
b {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0.01em;
}

#middle_col.span2cols {
	margin: 0 0 0 320px;
}

#middle_col.span2cols #text {
	margin-left: 40px;
}

#middle_col.span3cols {
	width: 100%;
	margin: 0;
}

.left2cols #middle_col {
	max-width: 630px;
	margin: 0;
}

#middle_col .multi_column {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	-moz-column-width: 300px;
	-webkit-column-width: 300px;
	column-width: 300px;
}

/******************************* Standort ************************************/
/* Übersicht */
#sites .site_entry {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
}

#sites .site_title {
	padding: 10px 0;
	color: #000000;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
	font-size: 18.5px;
	line-height: 24px;
	border-bottom: 1px solid;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

#sites .site_building {
	padding: 30px 0 15px;
	border-bottom: 1px solid #000000;
}

#sites .site_entry div.site_building:last-of-type {
	padding: 30px 0;
	border-bottom: none;
}

#sites .site_img {
	float: left;
	margin: 0 45px 15px 0;
	width: calc(60% - 45px);
}

#sites .site_data {
	float: left;
	width: 40%;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.6;
	color: #000000;
}

#sites .site_data > div {
	float: left;
	width: 100%;
	font-size: 20px;
}

#sites .downloads {
	float: none;
	margin-top: 20px;
}

#sites .downloads .data {
	padding: 15px 0;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.6;
	color: hsl(30, 30%, 96%);
	border-top: 1px solid #000000;
}

#sites .downloads .data + .data {
	padding: 10px 0;
}

#sites .downloads .data:last-of-type {
	border-bottom: 1px solid #000000;
	margin-bottom: 16px;
}

#sites .downloads .file_data {
	padding-left: 36px;
	background: url("../images/icon-download.svg") no-repeat 0 0;
	background-size: 24px;
	background-position: 5px 3px;
}

#sites .downloads .file_data div:first-child {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
}

#sites .downloads .file_data div:empty {
	height: 6px;
}

/****************************** Übersichtsseite ******************************/
#tiles .department {
	width: calc(33.33% - 20px);
	max-width: 615px;
	align-content: flex-end;
	align-items: stretch;
}

#tiles .department.color_box {
	display: flex;
}

#tiles {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 30px;
	align-content: stretch;
}

#tiles .department a {
	text-decoration: none;
	display: flex;
	flex-direction: column;
}

#tiles .color_box {
	position: relative;
	padding: 0;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 27px;
	line-height: 1.39;
	color: #000000;
	overflow: hidden;
}

#tiles .color_box.green {
	color: #000000;
	flex-direction: column;
}

#tiles .color_box.blue {
	background-color: hsl(30, 30%, 96%);
}

#tiles .color_box.blue a .color_box_text2 {
	color: #000000;
}

#tiles .color_box.blue a:hover .color_box_text2 {
	color: hsl(30, 30%, 30%);
}

#tiles .color_box_text,
#tiles .color_box_text2 {
	position: relative;
	color: #000000;
	padding: 15px;
}

#tiles .color_box_text {
	height: 0;
}

#tiles .color_box_text2 {
	height: auto;
	display: flex;
	flex-grow: 500;
	font-size: clamp(18px, calc(14px + (28 - 12) * ((100vw - 360px) / 1560)), 28px);
	line-height: 1.2em;
}

#tiles .color_box .spacer {
	padding: 15px 0;
	width: 100%;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 18.5px;
	color: transparent;
	display: none;
}

#tiles .color_box_image img,
#tiles .dpt_image img {
	vertical-align: top;
}

#tiles .dpt_title {
	display: block;
	padding: 15px 15px;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 18.5px;
	color: #000000;
	background-color: hsl(30, 30%, 96%);
	margin-top: -1px;
	hyphens: auto;
	flex-grow: 2;
}

#middle_col #tiles a:hover {
	text-decoration: none;
}

#tiles a:hover .dpt_title {
	/*! text-decoration:underline; */
	text-underline-offset: 0.25em;
	color: hsl(30, 30%, 30%);
}

.color_box_text2 + .color_box_image {
	display: none;
}

/********************************* Footer ************************************/
#intranetreload {
	height: 0;
	width: 0;
	border-style: none;
	display: none;
	position: absolute;
}

#wrapper_footer {
	width:100%;
	background-color:#d7d2c3;
	height:349px;
}

#wrapper_footer #footer {
	margin: 0 auto;
	width: calc(100% - 40px);
	max-width: 1360px;
	height: 100%;
	position: relative;
}

#footer #footer_wordimg_mark {
	margin:30px 0 0 0;
}

/* MNI
#footer #footer_wordimg_mark path {
	display: none;
}

#footer #footer_wordimg_mark {
	width: 325px;
	height: 70px;
	background: url("../images/footer/hsbi-logo-footer.svg") no-repeat 0 0;
	margin-top: 20px;
	background-size: contain;
}

#footer:before {
	content: "";
	display: block;
	position: absolute;
	height: 120px;
	overflow: hidden;
	width: 100%;
	border-top: 1px solid hsl(30, 10%, 75%);
	border-bottom: 1px solid hsl(30, 10%, 75%);
	-ms-overflow-style: none;
	scrollbar-width: none;
	top: 145px;
	left: 0;
	background: url("../images/footer/footer-logos.svg") no-repeat left;
	background-size: 1200px;
}
*/

#footer #logos {
	position:absolute;
	bottom:80px;
	/* border-bottom: 1px solid rgba(84, 69, 45, 0.16); */
	/* border-top: 1px solid rgba(84, 69, 45, 0.16); */
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	height:111px;
	overflow:hidden;
	width:100%;
	margin:20px 0;
}

#footer #blend_left {
	position:absolute;
	width:80px;
	height:111px;
	left:30px;
	top:0;
	background: linear-gradient(270deg, #d7d2c3 0%, rgba(244, 241, 237, 0) 108.75%);
	transform: rotate(-180deg);
	z-index:99;
}

#footer #blend_right {
	position:absolute;
	width:80px;
	height:111px;
	right:39px;
	top:0;
	background: linear-gradient(270deg, #d7d2c3 0%, rgba(244, 241, 237, 0) 108.75%);
	z-index:99;
}


#footer #logos_inner {
	/* position: absolute; */
	/* top: 25px; */
	/* width: 100%; */
	width:calc(100% - 80px);
	height:auto;
	margin:20px auto 0 auto;
}

#footer #logos_inner svg {
	max-height: 70px;
}

#footer #logo_haw svg {
	max-height: 42px;
}

#footer #logos a {
	text-decoration: none;
}

#footer .placeholder {
	float:left;
	width:40px;
	height:auto;
}

#footer .logo_fgh {
	float:left;
	width:63px;
	height:auto;
	position: relative;
	bottom:0;
	margin-right:40px;
}

#footer .logo_eua {
	float:left;
	width:86px;
	height:auto;
	position:relative;
	top:12px;
	margin-right:40px;
}

#footer .logo_akk_rat {
	float:left;
	width:68px;
	height:auto;
	position:relative;
	top:0;
	margin-right:40px;
}

#footer .logo_whs,
#footer .logo_whs_en {
	float:left;
	height:auto;
	position:relative;
	margin-right:40px;
}

#footer .logo_whs {
	width:95px;
	top:10px;
}

#footer .logo_whs_en {
	width:100px;
	top:-5px;
}

#footer .logo_klischeefrei {
	float:left;
	width:122px;
	height:auto;
	position:relative;
	top:5px;
	margin-right:40px;
}

/*
#footer #logo_haw {
	float:left;
	width:122px;
	height:auto;
	position:relative;
	top:14px;
	margin-right:40px;
}
*/

#footer .logo_sar {
	float:left;
	width:160px;
	height:auto;
	position:relative;
	top:22px;
	margin-right:40px;
}

#footer .logo_dlc {
	float:left;
	width:108px;
	height:auto;
	position:relative;
	top:0;
	left:0;
	margin-right:40px;
}

#footer .logo_gdn {
	float:left;
	width:126px;
	height:auto;
	position:relative;
	top:10px;
	left:0;
	margin-right:40px;
}

#footer .logo_reddot {
	float:left;
	width:120px;
	height:auto;
	position:relative;
	top:0;
	left:0;
	margin-right:40px;
}

#footer .logo_agp {
	float:left;
	width:177px;
	height:auto;
	position:relative;
	top:0;
	left:0;
	margin-right:40px;
}

#footer .logo_hrk_audit {
	float:left;
	width:70px;
	height:70px;
	position:relative;
	top:0;
	margin-right:40px;
}

#footer_links1 {
	display:inline-block;
	position:absolute;
	bottom:20px;
	left:0;
	margin:0;
}

#footer_links1 ul li {
	float: left;
}

#footer_links1 ul li:first-child a {
	padding-left: 0 !important;
}

#footer_links1 ul li.noborder a {
	border-right: none;
}

#footer_links1 ul li a:hover {
	color: #000000;
	text-decoration: underline;
	text-decoration-color: #000000;
	text-underline-offset: 0.27em;
}

#footer_links1 ul li:last-child a {
	border-right: none;
}

#footer_links1 ul li:last-child a {
	padding-right: 0;
}

#footer_links2 {
	display:inline-block;
	position:absolute;
	top:30px;
	right:0;
	margin: 0;
}

#footer_links2 a {
	display:block;
}

#footer_links2 ul li {
	float:left;
}

#footer_links2 ul li:nth-child(1) a {
	background: url("../images/footer/sm-instagram.svg") no-repeat center;
	width:18px;
	height:18px;
	margin:1px 19px 0 0;
	margin-top:
}

#footer_links2 ul li:nth-child(2) a {
	background: url("../images/footer/sm-youtube.svg") no-repeat center right;
	width:24px;
	height:17px;
	margin:2px 19px 0 0;
}

#footer_links2 ul li:nth-child(3) a {
	background: url("../images/footer/sm-facebook.svg") no-repeat center;
	width:20px;
	height:20px;
	margin:0 19px 0 0
}

#footer_links2 ul li:nth-child(4) a {
	background: url("../images/footer/sm-linkedin.svg") no-repeat center;
	width:19px;
	height:19px;
	margin-top:1.5px;
}

#footer_links3 {
	display:inline-block;
	position:absolute;
	bottom:20px;
	right:0;
	margin:0;
	text-align:right;
}

#footer_links3 a,
#footer_links1 ul li a {
	display: block;
	height: 16px;
	line-height:20px;
	letter-spacing:0.5;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 400;
	font-size: 13px;
	padding: 0 10px;
	margin: 5px 0;
	text-decoration: 1px solid rgba(0, 0, 0, 0);
}

#footer_links3 a {
	padding:0;
}

#footer_links3 a:hover {
	text-decoration: underline;
	text-decoration-color: #000;
	text-underline-offset: 0.27em;
}



/* MNI
#footer_links1 ul li:nth-child(2),
#footer_links1 ul li:nth-child(3),
#footer_links1 ul li:nth-child(4) {
	position: absolute;
	top: 15px;
	width: 30px;
}
#footer_links1 ul li:nth-child(2) a,
#footer_links1 ul li:nth-child(3) a,
#footer_links1 ul li:nth-child(4) a {
	font-size: 0;
}

#footer_links1 ul li:nth-child(2) {
	background: url("../images/footer/sm-facebook.svg") no-repeat center;
	right: 80px;
}
#footer_links1 ul li:nth-child(3) {
	background: url("../images/footer/sm-instagram.svg") no-repeat center;
	right: 40px;
}
#footer_links1 ul li:nth-child(4) {
	background: url("../images/footer/sm-youtube.svg") no-repeat center right;
	right: 0px;
}
*/
/******************************** Breadcrumb *********************************/
#breadcrumb {
	min-height: 25px;
	padding: 10px 0;
	color: #000000;
	letter-spacing: 0.03em;
	margin-top: 0;
	margin-bottom: 30px;
	border:none;
}

#breadcrumb a {
	display: none;
	color: #000000;
}

#breadcrumb a {
	display: inline-block;
	height: 21px;
	line-height: 21px;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}

#breadcrumb span {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: #000000;
}

/******************************* Top-Navigation ******************************/
#header_nav a {
	text-decoration: none;
}

#header_nav #nav > ul {
	position:relative;
	margin:0 auto;
	max-width:1400px;
}

#header_nav #nav > ul > li {
	float:left;
}

#header_nav #nav > ul > li > a {
	font-family:Lausanne, Arial, sans-serif;
	display:block;
	height:58px;
	line-height:60px;
	font-weight:700;
	font-size:18px;
	letter-spacing:0.01em;
	color:#000000;
	padding:0 12px;
}

@media (min-width: 841px) and (max-width: 960px) {
	#header_nav #nav > ul > li > a {
		font-size: 17.5px;
	}
}

#header_nav #nav > ul > li:first-child > a {
	padding-left: 20px;
}

#header_nav #nav > ul > li > a.over,
#header_nav #nav > ul > li > a:hover {
	margin: 0;
	position: relative;
	z-index: 501;
	text-decoration: none;
	color: hsl(30, 20%, 30%) !important;
}
#header_nav #nav > ul > li > a.over {
	background:#d7d2c3;
}

#header_nav #nav > ul > li > a.active {
	color:hsl(35, 30%, 40%);
}

#header_nav #nav > ul > li:last-child {
	margin: 0;
}

#nav {
	display: block;
}

#header_nav ul[class^="level"] {
	display: none;
}

#header_nav ul.sub_nav ul[class^="level"] {
	display: block;
}

#header_nav ul.sub_nav {
	position: absolute;
	top: 58px;
	left: 0;
	z-index: 500;
	background-color:#d7d2c3;
	padding: 0 0 0 20px;
	min-height: 388px;
	max-width: calc(100% - 20px);
	width: 1385px;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}

/************** Navigations-Ebene 2 ******************/
#header_nav ul.level2 > li + li {
	margin-right: 20px;
	min-height: 100px;
	display: inline-block;
	flex-grow: 1;
	max-width: calc(16.666% - 20px);
}

@media (min-width: 841px) and (max-width: 1200px) {
	#header_nav ul.level2 > li + li {
		max-width: calc(25% - 20px);
	}
}

#header_nav ul.level2 > li > a {
	display: block;
	padding: 6px 0;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	min-height: 48px;
	margin-top: 20px;
}
#header_nav ul.level2 > li > a:hover {
	color: hsl(30, 20%, 30%);
}

#header_nav ul.level2 > li.portal {
	float: none;
	width: calc(100% - 20px);
	border-bottom:1px solid #000000;
	margin-bottom:15px;
}

#header_nav ul.level2 > li.portal > a {
	display:inline-block;
	margin-bottom:15px;
	padding:15px 0 0 0;
	font-size:18.5px;
	min-height:auto;
}
#header_nav ul.level2 > li.portal > a:hover {
	text-decoration: none;
}

/************** Navigations-Ebene 3 ******************/
#header_nav ul.level3 {
	padding-bottom: 30px;
}

#header_nav ul.level3 > li > a {
	display: block;
	padding: 9px 0;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	border-bottom:1px solid #000000;
}
#header_nav ul.level3 > li > a:hover {
	text-decoration: none;
	color: hsl(30, 20%, 30%);
}

#header_nav ul.level3 > li:first-child > a {
	border-top:1px solid #000000;
}
/*---------------------------------------------------*/

#header_nav li.nav_close {
	height: 22px;
	width: 22px !important;
	position: absolute;
	top: 36px;
	right: 30px;
	margin: 0 !important;
	z-index: 100;
}

#header_nav li.nav_close img:hover {
	cursor: pointer;
}

#top_links_3 #default_menu,
#top_links_3 #main_menu {
	display: inline;
}

#top_links_3 #default_menu .mob_level1 {
	padding-bottom: 40px;
}

#top_links_3 #lang_icons_mobile {
	margin-top: 40px;
	padding: 0 16px 24px 16px;
}

#top_links_3 #lang_icons_mobile li,
#top_links_3 #lang_icons_mobile li a {
	display: inline-block;
	width: auto;
	vertical-align: top;
	text-align: left;
	font-size: 13px;
	margin: 0 6px 6px 0;
	line-height: 13px;
	height: auto;
}

#top_links_3 #lang_icons_mobile li:last-child {
	float: right;
	margin-right: 0;
	padding-bottom: 24px;
}

#top_links_3 #lang_icons_mobile li svg {
	width: 30px;
	display: none;
}

#top_links_3 #lang_icons_mobile span {
	display: block;
}

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

/******************************* Bildergalerie *******************************/
.gallery {
	margin-left: -24px;
	flex-flow: row wrap;
	display: flex;
	justify-content: flex-start;
}

.gallery figure {
	float: left;
	margin: 0 0 24px 24px;
}

.gallery img {
	width: 100%;
}

.gallery.uportal figure {
	float: none;
	margin: 0;
	width:auto;
}

.gallery.uportal div {
	width: 150px;
	height: 80px;
}

.gallery.uportal {
	justify-content: initial;
}

.gallery.uportal > div {
	display: inline-block;
	margin: 0 0 40px 40px;
}

.gallery.uportal > div > div {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.gallery.uportal > div > div > figure > a {
	clear: right;
	display: block;
	margin: 0 auto;
	max-height: 100%;
	max-width: 100%;
}

.gallery.uportal img {
	max-height: 80px;
	width:auto;
}

.gallery h1 {
	margin-left: 40px;
}

.gallery figure a {
	display: block;
	position: relative;
}

.gallery figure a > img {
	vertical-align: top;
}

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

/******************************* Bildgroßansicht *******************************/
.image #wrapper_top {
	background-color: transparent;
}

.image #top #word_mark {
	color: black;
}

#img_close {
	position: absolute;
	right: 0px;
	top: 0;
	margin-top: 16px;
	margin-right: 16px;
}

#img_box_left {
	width: 280px;
	margin-right: 45px;
}

#img_box_right {
	float: right;
	max-width: 945px;
	position: relative;
	margin-bottom: 32px;
}

#img_name {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 20px;
	font-weight: normal;
	color: #000000;
	line-height: 27px;
}

.image p {
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 22px;
}

.image .sub_info {
	font-size: 14px;
	line-height: 22px;
	color: #555555;
	margin: 20px 0;
}

#img_photograph {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
	margin: 20px 0;
}

.image .file_data {
	background: url("../images/icon-download.svg") no-repeat scroll 0 0;
	margin: 20px 0 30px;
	padding: 10px 0 4px;
	padding-left: 36px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-size: 14px;
	line-height: 22px;
	background-size: 24px;
	background-position: 5px 10px;
}

.image .file_data div {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-weight: 0;
	display: inline-block;
	min-height: 30px;
}

.image .file_data div:first-child {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
}

.image .data a {
	color: #000000;
	text-decoration: none;
}

.slideshow_prev,
.slideshow_next {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 46%;
}

.slideshow_prev {
	left: 15px;
}

.slideshow_next {
	right: 15px;
}

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

/******************************* Downloadliste *******************************/

.downloadlist_box {
	margin: 24px 0;
	vertical-align: top;
	width: 100%;
}

.downloadlist_box + .downloadlist_box {
	margin-top: -24px;
}

.downloadlist_box .heading {
	background-position: right 14px top 20px;
	background-repeat: no-repeat;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
	font-size: 18.5px;
	line-height: 24px;
	letter-spacing: 0.03em;
	margin: 0;
	padding: 15px 50px 15px 0;
	border-bottom: 1px solid #000000;
}

.downloadlist_box .heading.open {
	background-image: url("../images/icon-arrow-open-black.svg");
	cursor: pointer;
}

.downloadlist_box .heading.open:hover,
.downloadlist_box .heading.close {
	background-image: url("../images/icon-arrow-open-bronze.svg");
	color: hsl(30, 30%, 30%);
	border-color: hsl(30, 20%, 30%);
}
/* Preload Hover-Image */
.downloadlist_box .heading::after {
	content: url("../images/icon-arrow-open-bronze.svg");
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 0;
	z-index: -1;
}

.downloadlist_box .heading.close {
	background-image: url("../images/icon-arrow-close-bronze.svg");
}

.downloadlist_box .data {
	padding: 16px 0 16px;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 20px;
	/*! border-bottom: 1px solid #000000; */
}

.downloadlist_box .data a {
	display: block;
	min-height: 30px;
	line-height: 25px;
	margin: 16px 0 16px;
	background-image: url("../images/icon-download.svg");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 5px 3px;
	padding-left: 40px;
}

.downloadlist_box .data a.folder {
	background: url("../images/icon-folder.svg") no-repeat 0 0;
	background-size: 29px 20px;
	background-position: 2px 0;
}

.downloadlist_box .small {
	margin: -20px 0 16px 40px;
}

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

/******************************* Studiengangsselektor *******************************/
.filter_left {
	width: 50%;
	float: left;
}

.filter_right {
	width: 50%;
	float: right;
}

.checkbox_left {
	float: left;
	width: 15%;
	height: 36px;
	max-width: 36px;
}

.checkbox_right {
	float: left;
	width: 85%;
	margin-top: 1px;
}

#stg_list {
	clear: both;
}

#stg_list a {
	text-decoration: none;
}

.stgs li {
	list-style-type: none;
	padding-left: 8px;
}

.stgs li a:before {
	content: "→";
	position: relative;
	left: -1.4em;
	display: inline-block;
	width: 0;
}

#stg_list .stgs li a.auslaufend,
#stg_list .stgs li a.auslaufend:before {
	color: #555555;
}

#middle_col .stgs li a,
#middle_col .stgs li a:before {
	color: hsl(30, 30%, 30%);
}

#middle_col .stgs li a:hover,
#middle_col .stgs li a:hover:before {
	color: #000000;
}

#box_stg_li,
#box_stg_re1,
#box_stg_re2 {
	float: left;
	margin: 8px 0 16px 0;
	width: calc(50% - 16px);
	min-width: 250px;
	padding-right: 16px;
}

#box_stg_re2 {
	margin: 26px 0 0;
}

.stg_title {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
	max-width: 220px;
	min-width: 180px;
	width: 45%;
}

.stg_right {
	display: inline-block;
	width: 55%;
}

h1.stg {
	margin-bottom:47px;
}

#stg_table {
	margin: 7px 0 60px;
}

figure + #stg_table {
	margin-top:40px;
}

.stg_row {
	border-bottom: 1px solid #000000;
	padding: 10px 0;
}

.application_date {
	clear: both;
	padding: 5px 0 0;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
}

#right_col p.application_date {
	font-size: 15px !important;
}

#right_col .application_date + p {
	margin-top: -8px;
	font-size: 14px;
}

.more_infos_box {
	background-color: hsl(30, 30%, 96%);
	display: inline-block;
	margin: 45px 36px 50px 0;
	min-height: 50px;
	vertical-align: top;
	width: 280px;
}

.more_infos_box .heading {
	padding: 16px 15px;
	background-color: hsl(30, 30%, 30%);
	color: #ffffff;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 18.5px;
	letter-spacing: 0.5;
}

.more_infos_box .data {
	padding: 15px;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: hsl(30, 30%, 96%);
}

.img_stg_right
{
	margin-top:75px;
}

/***************************** Bewerbung ****************************************/
.application_box {
	background-color: hsl(30, 30%, 96%);
	display: inline-block;
	margin: 20px 20px 0 0;
	min-height: 50px;
	vertical-align: top;
	width: calc(50% - 12px);
}

.application_box:nth-child(even) {
	margin-right: 0;
}

.application_box .heading {
	padding: 16px 15px;
	background-color: hsl(30, 30%, 96%);
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 18.5px;
	letter-spacing: 0.5;
}

.application_box .heading:hover {
	color: #000000;
}

.application_box .data {
	padding: 0 16px 24px 16px;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 20px;
	color: #000000;
}

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

/***************************** Videos ****************************************/

.videos {
	font-size: 0;
}

.video-js {
	max-width: 100%;
	width: 100%;
}

.video,
.videos.thumbs .video.first {
	width: 100%;
	display: inline-block;
	margin: 15px 4% 10px 0;
	vertical-align: top;
}

.videos.thumbs .video.first {
	margin-top: 0;
}

.video.first,
.videos.large .video {
	width: 100%;
	margin: 0 0 10px;
}

.video:nth-child(2n + 3) {
	margin-right: 0;
}

.videos.thumbs .video:nth-child(2n + 3) {
	margin-right: 4%;
}

.videos.thumbs .video:nth-child(2n) {
	margin-right: 0;
}

#middle_col p.video_title,
#middle_col.press p.video_title {
	padding: 10px 0;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	line-height: 17px;
	font-size: 16px;
	margin: 0 0 16px 0;
	color: #000000;
}

::cue {
	font-family: Lausanne, Arial, sans-serif !important;
	font-weight: 300;
	padding: 2px;
}

::-webkit-media-text-track-display {
	font-family: Lausanne, Arial, sans-serif !important;
	font-weight: 300;
	padding: 2px;
}

.vjs-menu li,
.vjs-menu li.vjs-menu-item,
.vjs-text-track-display div,
.vjs-text-track,
.vjs-text-track-display,
.vjs-fullscreen .vjs-text-track {
	font-family: Lausanne, Arial, sans-serif !important;
	font-weight: 300;
	padding: 2px;
}

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

/***************************** Sitemap ***************************************/
.sitemap #middle_col li ul {
	margin-left: 30px;
}

.sitemap #header_nav li ul {
	margin-left: 0;
}
/*****************************************************************************/

/***************************** Header Slideshow ******************************/

/* Slider Fachbereiche, Institutionen */
.wrapper_slider #slider {
	height:calc(100% + 25px) !important;
	width:100% !important;
	margin:0 auto;
	/* overflow:visible !important; */
}

#wrapper_slide_nav {
	position:absolute;
	right:12px;
	bottom:-43px;
	display:inline-block;
	width:90px;
	height:24px;
	text-align:center;
}

.home #wrapper_slide_nav {
	right:unset;
	left:12px;
	bottom:-43px;
}

#wrapper_slide_nav #slide_nav {
	position:absolute;
	top:0;
	left:0;
	z-index:199;
	width:90px;
	height:24px;
	color: #000000;
}
/*
.news_content #slide_nav {
	right: -20px;
	margin-top: -40px;
}*/

#slide_nav #pager {
	width: 0;
	overflow: hidden;
	height: 0;
}

#wrapper_slide_nav #slide_nav #prev,
#wrapper_slide_nav #slide_nav #next {
	display: inline-block;
	cursor: pointer;
	font-size: 0px;
	width: 24px;
	height: 24px;
	position: absolute;
	top:0;
}

#wrapper_slide_nav #slide_nav #prev {
	background: url("../images/icon-arrow-to-left-big.svg") no-repeat 7px 6px;
	background-size: 9px 13px;
	left:0;
}

#wrapper_slide_nav #slide_nav #next {
	background: url("../images/icon-arrow-to-right-big.svg") no-repeat 7px 6px;
	background-size: 9px 13px;
	right:0;
}

#slide_nav span {
	background-color: transparent;
	border: 2px solid white;
	border-radius: 100%;
	color: rgba(0, 0, 0, 0);
	display: inline-block;
	height: 10px;
	margin: 0 10.5px;
	width: 10px;
	text-align: center;
	cursor: pointer;
	vertical-align: bottom;
}

#slide_nav span.cycle-pager-active {
	background-color: white;
	cursor: default;
}

.cycle-slide:not(.cycle-slide-active) .img_info,
.cycle-slide:not([style*="left: 0"]) .img_info {
	opacity: 0 !important;
	transition: opacity 0.1s ease-in 0s;
}

.cycle-slide.cycle-slide-active .img_info {
	opacity: 1 !important;
	transition: opacity 0.1s ease-in 0.4s;
}

.img-info {
	opacity: 0 !important;
}
/*****************************************************************************/

/********************************* Veranstaltungen ***************************/
h1.heading_bar_events {
	font-family: Lausanne, Arial, sans-serif;
	font-size: 18.5px;
	line-height: 24px;
	color: #000000;
	padding: 10px 0;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	border-bottom: 1px solid;
	font-weight: 700;
}

#download_box + h1.heading_bar_events {
	margin-top: 45px;
}
/*****************************************************************************/

/********** Personenverzeichnis (externe Anwendung) / Glossar ****************/
#glossary #index,
#fhbi_persverz #index {
	border-bottom: 1px solid #000000;
	margin-bottom: 0;
	padding-bottom: 2px;
}

#glossary #index div,
#fhbi_persverz #index div {
	display:inline-block;
	margin: 0 4px 8px 0;
	padding: 2px 3px 0;
	font-size: 16px;
	line-height: 25px;
	color: #555555;
	font-weight: 700;
	letter-spacing: 0.03em;
}

#glossary #index a,
#fhbi_persverz #index a {
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
}

#glossary #index div.current,
#fhbi_persverz #index div.current {
	background-color: #000000;
	padding: 4px 8px;
	font-size: 16px;
	letter-spacing: 0.06em;
}

#glossary #index div.current a,
#fhbi_persverz #index div.current a {
	color: #ffffff;
	font-weight: 300;
}

#fhbi_persverz #filter {
	margin-bottom: 20px;
}

#fhbi_persverz .clear {
	clear: both;
}

#fhbi_persverz .wrapper_person {
	width: 100%;
}

#fhbi_persverz .foto {
	float: left;
	margin: 0 20px 10px 0;
	width: 150px;
	height: 180px;
}

#fhbi_persverz .person {
	border-bottom: 1px solid #000000;
	padding: 8px 0;
}

#fhbi_persverz .name {
	width: 50%;
	float: left;
	font-weight: 700;
}

#fhbi_persverz .email {
	width: 50%;
	float: left;
}

#fhbi_persverz .person a {
	display: block;
	padding: 5px 0;
	color: #000000;
	text-decoration-color: #000000;
}
#fhbi_persverz .person a span {
	display: none;
}

#fhbi_persverz .email div + a {
	padding-top: 0;
}

#fhbi_persverz .email div {
	padding-top: 5px;
}

#fhbi_persverz .function {
	line-height: 25px;
}

#fhbi_persverz .subject {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	line-height: 25px;
}

#fhbi_persverz .institution,
#fhbi_persverz .institution a {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 25px;
	margin-top: 20px;
	color: #000000;
	text-decoration: none;
}

#fhbi_persverz .institution a:hover {
	text-decoration: underline;
	text-decoration-color: rgba(0, 0, 0, 0.3);
	text-underline-offset: 0.25em;
	text-decoration: none;
}

#fhbi_persverz div h1 {
	margin-bottom: 0;
}

#fhbi_persverz div.titel {
	font-size: 20px;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
}

#fhbi_persverz .kontakt {
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid silver;
}

#fhbi_persverz .kontakt a {
	text-decoration: none;
	color: #000000;
}

#fhbi_persverz .kontakt a:hover {
	text-decoration: underline;
	text-decoration-color: rgba(0, 0, 0, 0.3);
	text-underline-offset: 0.25em;
	text-decoration: none;
}

#fhbi_persverz .kontakt:last-child {
	border-bottom: none;
}

#fhbi_persverz .kontakt_rechts {
	float: left;
	width: 50%;
}

#fhbi_persverz .kontakt_links {
	float: left;
	width: 44%;
	padding-right: 6%;
}

#fhbi_persverz .block_header,
#fhbi_persverz .block_header2 {
	padding: 15px 50px 15px 0;
	color: #000000;
	font-family: Lausanne, Arial, sans-serif;
	font-size: 18.5px;
	font-weight: 700;
	letter-spacing: 0.02em;
	background-repeat: no-repeat;
	background-position: right 20px top 22px;
	border-bottom: 1px solid #000000;
	font-variant-numeric: tabular-nums;
}

#fhbi_persverz .block_header2 {
	margin-top:10px;
}
	
#fhbi_persverz .block_header:hover {
    color: hsl(35, 30%, 40%);
}

#fhbi_persverz .block_header.close {
	background-image: url("../images/icon-arrow-close-black.svg");
	cursor: pointer;
}

#fhbi_persverz .block_header.open {
	background-image: url("../images/icon-arrow-open-black.svg");
	cursor: pointer;
}

#fhbi_persverz .block {
	padding:24px 0;
	display:none;
}

#fhbi_persverz ul {
	margin: 0 0 0 16px;
	padding: 0;
}

#fhbi_persverz ul li {
	padding: 5px 0 0 5px;
}

#fhbi_persverz pre {
	background-color: hsl(30, 30%, 96%);
	margin: 20px 0;
	padding: 10px;
}
/*****************************************************************************/

/***************************** Team ******************************************/

#team {
	padding: 15px 0 0 0;
}

#team .person {
	clear: both;
	border-bottom: 1px solid #000000;
	padding: 15px 0 0 0;
	line-height: 25px;
	overflow: auto;
}

#team .person:first-of-type {
	padding-top: 0;
}

#team .person:last-of-type {
	border-bottom: 0;
}

#team .person .data {
	display: table;
}

#team .person div + div:last-child {
	margin-bottom: 20px;
}

#team.noline .person {
	border-style: none;
}

#team .person img {
	float: left;
	margin: 5px 20px 20px 0;
	max-width: 150px;
}

#team .person .intro {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
}

#team .person:last-child {
	border-style:none;
}

#team + p {
	margin-top: 20px;
}

h2.team_hl {
	padding-top: 40px;
	clear: both;
	margin-bottom: 8px;
}

h1 + h2.team_hl {
	padding-top: 0;
}

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

/************************** Aktuelles / Presse *******************************/

/*---------- Liste -----------*/
h1.heading_bar {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
	font-size: 18.5px;
	color: #000000;
	line-height: 24px;
	padding: 10px 0;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	border-bottom: 1px solid #000000;
	margin-top: 4em;
}
h1.heading_bar:first-child {
	margin-top: 0;
}

.current_news.aktuelles {
	margin-bottom: 70px;
}

.current_news img {
	vertical-align: top;
}

.current_news .news_date {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 5px;
	font-variant-numeric: tabular-nums;
}

.current_news .news_entry {
	padding-bottom: 20px;
	margin-bottom: 23px;
	display: flex;
	gap: 20px;
	border-bottom: 1px solid #000000;
}

#home .current_news .news_entry {
	gap:0;
}

.current_news .news_entry:last-child {
	margin-bottom: 20px;
	border-bottom: 0;
}

.current_news .news_image {
	width: auto;
}

.current_news .news_image a {
	display: inline-block;
	width: 145px;
}

.current_news .news_image_full {
	width: 100%;
	margin-bottom: 20px;
}

.news_content .news_image img,
.current_news .news_image img {
	width: 100%;
}

.news_content .news_image_full img,
.current_news .news_image_full img {
	max-width: 100%;
}

.current_news .title,
.current_news a.title,
.current_news h2,
.current_news h2 a {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #000000 !important;
	text-decoration: none !important;
	margin: 0;
	line-height: 26px;
	margin-bottom: 10px;
	display: inline-block;
}

.current_news h2 a {
	margin-bottom: 0;
}

#middle_col .current_news p + p:last-child {
	margin-bottom: 0;
}

/*---------- Eintrag -----------*/
.news_content .news_date {
	font-size: 14px;
	margin-bottom: 4px;
	font-feature-settings: "tnum";
}

.news_content .news_image {
	float: left;
	max-width: 50%;
	margin: 5px 20px 10px 0;
}

#middle_col .current_news .news_image img,
#middle_col .news_content figure.news_image,
#middle_col .current_news figure.news_image {
	width: auto;
	max-width: 200px;
}

#middle_col .news_content .news_image img {
	width: auto;
	max-width:100%;
}

.news_teaser div p:last-child {
	padding-bottom: 0px;
}

/*---------- Eintrag neue PM -----------*/

#middle_col.press {
	max-width: 840px;
}

.press .news_content .news_date {
	margin: 4px 0 8px;
	font-variant-numeric: tabular-nums;
}

#middle_col.press .news_content figure.bild_links_ohne_rahmen,
#middle_col.press .news_content figure.bild_links_mit_rahmen,
#middle_col.press .news_content figure.bild_rechts_ohne_rahmen,
#middle_col.press .news_content figure.bild_rechts_mit_rahmen {
	padding-top: 0;
}

#middle_col.press .news_content figure.bild_links_ohne_rahmen,
#middle_col.press .news_content figure.bild_links_mit_rahmen {
	margin: 5px 22px 8px 0;
}

#middle_col.press .news_content figure.bild_rechts_ohne_rahmen,
#middle_col.press .news_content figure.bild_rechts_mit_rahmen {
	margin: 5px 0 8px 22px;
}

#middle_col.press .news_content .news_image img,
#middle_col.press .current_news .news_image img,
#middle_col.press .news_content figure.news_image,
#middle_col.press .current_news figure.news_image {
	max-width: 350px;
	width: 100%;
}

#middle_col .news_content.flurfunk figure.news_image {
	max-width: 300px;
	width: 100%;
}

.press .video-js {
	max-width: 840px;
}

#middle_col.press p,
#middle_col.press ul {
	margin-bottom: 24px;
}

.press h1,
.press h2,
.press h3,
.press h4 {
	clear: both;
}

.press h3 {
	margin: 2em 0 16px !important;
}

.press h4 {
	margin: 1em 0 2em;
	font-size: 21px !important;
	line-height: 28px !important;
}

.press .text_box h4 {
	font-size: 18.5px !important;
	line-height: 25px !important;
	margin-bottom: 16px;
}

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

/***************************** Login *****************************************/

#loginform {
	max-width: 630px;
}

#loginform label {
	display: inline-block;
	font-size: 16px;
	margin: 0 10px 10px 0;
	min-width: 100px;
	width: 18%;
	text-align: right;
	white-space:nowrap;
}

#loginform input:not(.submit_button) {
	/* background-color: hsl(30, 20%, 98%); */
	border-style: none;
	font-size: 16px;
	padding: 0 15px;
}

#loginform #username,
#loginform #password {
	height: 54px;
	margin-bottom: 10px;
	width: calc(78% - 22px);
	border: 1px solid #000000;
}

#loginform #login_wait {
	display: none;
}
/*****************************************************************************/

/************************* Dynamische Inhalte ********************************/

#text p + div.egotec-page_frame {
	margin-top: 40px;
}
/*****************************************************************************/

/**************************** Pagination *************************************/

#pagination {
	margin-top: 10px;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 20px;
	color: #000000;
}

#pagination a,
#pagination .active {
	display: inline-block;
	width: 24px;
	height: 24px;
	text-align: center;
	font-size: 16px;
	font-variant-numeric: tabular-nums;
	border:none;
	padding:2px;
}

#pagination a {
	color: #000000;
	text-decoration: none;
}
#pagination a:hover {
	font-weight: 700;
	background-color:transparent !important;
	color:#000000 !important;
}
#pagination a:first-child,
#pagination a:last-child {
	font-size: 0;
}
#pagination a:first-child:after {
	content: "←";
	font-size: 16px;
}
#pagination a:last-child:after {
	content: "→";
	font-size: 16px;
}

#pagination .active {
	color: #000000;
	/* background-color: hsl(30, 30%, 96%); */
	background-color:#d7d2c3;
	font-weight: 700;
	padding: 2px;
}
/*****************************************************************************/

/**************************** Suchfilter *************************************/

#filter .add_filter {
	padding: 0;
	margin: 32px 0;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#filter .add_filter.fbfilter {
	margin:-13px 0 32px;
	border-style:none;
}

#filter .open_filter {
	display: inline-block;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	color: #000000;
	padding: 8px 30px 8px 0px;
	cursor: pointer;
	background: url("../images/icon-arrow-open-black.svg") no-repeat right center;
	letter-spacing: 0.03em;
	width: calc(100% - 50px);
}

#filter .close_filter {
	background: url("../images/icon-arrow-close-black.svg") no-repeat right 15px;
}

#filter .filter_elements {
	border-top: 1px solid #000000;
	padding: 24px 0 16px 0;
	display: inline-block;
	width: 100%;
}

#filter .filter_submit,
a#link_bewerbung,
.submit_button {
    background:#d7d2c3;
	color:#000000;
	border-style: none;
	padding: 10px 15px;
	margin: 0;
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
	float: left;
	cursor: pointer;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	text-decoration: none;
	letter-spacing: 0.05em;
}

#erg.filter_submit {
	margin-top: 40px;
}

#filter input + .filter_submit {
	margin-top: 20px;
}

#loginform .submit_button {
	margin-top: 20px;
	float: right;
}

a#link_bewerbung {
	margin:0 auto 10px;
	display:block;
	float:none;
	padding:9px 15px;
	line-height:24px;
}

a.link_sstart {
	color: #000000;
	border: 1px solid #000000;
	line-height:24px !important;
	padding:8px 12px;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: center;
	width: calc(100% - 26px);
	margin-top: 25px;
	display: inline-block;
}

a.link_sstart div {
	font-size: 15px;
	text-align: center;
	margin-left: -40px;
}

#filter .filter_submit:not(.disabled):hover,
a#link_bewerbung:hover,
a.link_sstart:hover,
.submit_button:hover {
	border-color: #000000;
	text-decoration: none;
	color: #ffffff;
	background: #000000;
}

#filter .filter_submit.disabled {
	background-color: #c8c8c8;
	cursor: default;
	background-image: none;
}

#search .search_bar,
#filter .search_bar {
	position: relative;
	height: 54px;
	background-color: hsl(30, 20%, 98%);
	border: 1px solid #000000;
	margin-bottom: 4px;
}

#search .search_field,
#filter .search_field {
	width: calc(100% - 79px);
	height: 54px;
	line-height: 50px;
	border: none;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #000000;
	padding: 0 15px;
}

#search .search_field[type="search"],
#filter .search_field[type="search"] {
	width: calc(100% - 56px);
}

#search .search_button,
#filter .search_button {
	position: absolute;
	top:-1px;
	right:-1px;
	height:56px;
	width:56px;
	background:url("../images/icon-suche-black.svg") no-repeat #d7d2c3 14px 14px / 28px 28px;
	border:1px solid #000;
	cursor:pointer;
}

#search .search_button:hover,
#filter .search_button:hover {
	background-image:url("../images/icon-suche-white.svg");
	background-color:#000000;
}

#filter .fulltextfilter {
	border-bottom: 1px solid #000000;
	margin-bottom: 16px;
	padding-bottom: 10px;
}

#filter .fulltextfilter label {
	margin: 0 15px 0 5px;
}
/*****************************************************************************/

/****************************** Glossar **************************************/

#glossary #entries {
	margin-top: 20px;
}

#glossary #entries .capital {
	width: 25px;
	float: left;
	margin: 0 20px 8px 0;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 32px;
	line-height: 38px;
	color: #000000;
}

#glossary #entries .entry {
	width: 93%;
	max-width: calc(630px - 45px);
	float: left;
	margin-bottom: 20px;
}

#glossary #entries .word {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 18.5px;
	line-height: 24px;
	margin-bottom: 5px;
}

#glossary #entries .word.close {
	background-repeat: no-repeat;
	background-position: 0 9px;
	background-image: url("../images/icon-arrow-close-small-black.svg");
	cursor: pointer;
}

#glossary #entries .word.open {
	background-repeat: no-repeat;
	background-position: 0 9px;
	background-image: url("../images/icon-arrow-open-small-black.svg");
	cursor: pointer;
}

#glossary #entries .description {
	width: 100% !important;
	padding: 0 0 0 20px !important;
	border: 1px solid transparent;
}

#glossary #entries .word.close,
#glossary #entries .word.open,
#glossary #entries .description.indent {
	padding-left: 20px;
}
#glossary #entries .description > p {
	margin-top: -2px;
}
/*****************************************************************************/

/******************************** FAQ ****************************************/

#faq .category {
	padding: 15px 40px 15px 15px;
	color: #ffffff;
	background-color: hsl(30, 20%, 30%);
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 18.5px;
	font-weight: 300;
	letter-spacing: 0.03em;
	background-repeat: no-repeat;
	background-position: right 14px top 22px;
	margin-bottom: 20px;
}

#faq .category.close {
	background-image: url("../images/icon-arrow-close-white.svg");
	cursor: pointer;
}

#faq .category.open {
	background-image: url("../images/icon-arrow-open-white.svg");
	cursor: pointer;
}

#faq .entries,
#faq .entries2 {
	margin: 20px 0;
}

#faq .answer,
#faq .question {
	padding-left: 20px;
}

#faq .answer {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 24px;
}

#faq .question {
	margin: 20px 0 3px;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 18.5px;
	background-repeat: no-repeat;
	background-position: 0 8px;
}

#faq .question.open {
	background-image: url("../images/icon-arrow-open-small-black.svg");
	cursor: pointer;
}

#faq .question.close {
	background-image: url("../images/icon-arrow-close-small-black.svg");
	cursor: pointer;
}

/******************************** FAQ NEU ****************************************/

.faq .category,
.faq .category2 {
	padding: 15px 40px 15px 0;
	color: #000000;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 18.5px;
	font-weight: 700;
	letter-spacing: 0.01em;
	background-repeat: no-repeat;
	background-position: right 14px top 22px;
	margin-bottom: 0px;
	border-bottom: 1px solid #000000;
	clear: both;
}

.faq .category.close,
.faq .category:hover {
	color: hsl(30, 30%, 30%);
	border-color: hsl(30, 20%, 30%);
}

.faq .category.close {
	background-image: url("../images/icon-arrow-close-black.svg");
	cursor: pointer;
	border-color: hsl(30, 20%, 30%);
}

.faq .category.open {
	background-image: url("../images/icon-arrow-open-black.svg");
	cursor: pointer;
}

.faq .category.close {
	background-image: url("../images/icon-arrow-close-bronze.svg");
}

.faq .category.open:hover {
	background-image: url("../images/icon-arrow-open-bronze.svg");
}

.faq .category.open:before {
	content: url("../images/icon-arrow-open-bronze.svg");
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 0;
	z-index: -1;
}

.faq .entries,
.faq .entries2 {
	margin: 20px 0 0 0;
	padding-bottom: 40px;
}

.faq .answer,
.faq .question {
	padding-left: 20px;
}

.faq .answer {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 24px;
	margin-top: 8px;
}

.faq .question {
	margin: 20px 0 3px;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 18.5px;
	background-repeat: no-repeat;
	background-position: 0 10px;
	clear: both;
}

.faq .question.open {
	background-image: url("../images/icon-arrow-open-small-black.svg");
	cursor: pointer;
}

.faq .question.close {
	background-image: url("../images/icon-arrow-close-small-black.svg");
	cursor: pointer;
}
/*****************************************************************************/

/************************* Veranstaltungskalender ****************************/

/* Rechte Spalte */
#right_col #calendar {
	margin-top: 0;
}

#right_col #calendar .event:not(:first-child) {
	padding-top: 20px;
}

#calendar .event:not(:first-child) {
	padding-top: 15px;
}

#calendar .event {
	padding-top: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #000000;
}

/* Vkal2 */
#calendar div.text_box2 {
	margin-bottom: 0;
}

/* Vkal2 */
#calendar div.text_box2 > div.tb_title2 {
	margin-bottom: 8px;
}

/* Vkal2 */
#calendar div.text_box2 > div.tb_text2 > div:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

#calendar .event_date {
	width: 36px;
	float: left;
}

#calendar .event_date div:first-child {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 26px;
	margin-bottom: 2px;
	text-align: center;
	font-variant-numeric: tabular-nums;
}

#calendar .event_date div + div {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
}

#calendar .event_short {
	margin-left: 50px;
	color: #000000;
	font-variant-numeric: tabular-nums;
}

#calendar .event_short h2 {
	font-size: 18.5px;
	line-height: 22px;
	margin: 0 0 5px;
}

#calendar .event_short h2 a {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	position: relative;
	top: -4px;
	text-decoration: none !important;
	color: #000000;
}

#calendar .event_short h3 {	
	margin: 0 0 5px;
	padding-top:0;
	line-height: 22px;
	font-size: 18.5px;
}

#calendar .event_short h3 a {
	font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    position: relative;
    text-decoration: none !important;
    color: #000000;
	margin: 0 0 5px;
}

#calendar .event_short div:nth-child(2),
#calendar .event_short div:nth-child(3) {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
}

#calendar .event_short > a {
	display:inline-block;
	margin-top:16px;
	font-size:16px;
	line-height:22px;
}

#calendar .event_short a:hover {
	text-decoration: none;
}

#calendar p + hr {
	margin-top: 2px;
	display: none;
}


/* Allgemeiner Veranstaltungskalender: Detailansicht */
#calendar .details #preview {
	margin: 10px 0;
	padding: 20px;
	position: relative;
	background-color: hsl(30, 30%, 96%);
}

#calendar .details #preview div {
	position: absolute;
	top: 1px;
	right: 3px;
}

#calendar .details {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	color: #000000;
}

#calendar .details .date {
	font-size: 15px;
	line-height: 25px;
	color: #000000;
	font-feature-settings: "tnum";
}

#calendar .details .title {
	margin: 10px 0 0 0;
	font-size: 27px;
	line-height: 35px;
}

#calendar .event_short h2 a span,
#calendar .details .title span,
#calendar .list .info a span {
	color: #000000;
}

#calendar .details .subtitle {
	margin-top: 8px;
	font-size: 20px;
	line-height: 28px;
}

#calendar .details .text {
	margin-top: 17px;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: inherit;
	line-height: 25px;
}

#middle_col #calendar .details ul {
	overflow: visible;
}

#calendar .details ul li {
	display:inline-block;
	position: relative;
	left: 1px;
	width: calc(100% - 30px);
}

#middle_col .img_info,
#calendar .details .img_info {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	margin: 9px 0 2em;
	font-size: 14px;
	line-height: 21px;
	padding-right: 15px;
	z-index: 99;
	position: relative;
}

#middle_col .wrapper_slider .img_info {
	padding-right: 80px;
}

#calendar h3.veranstart span {
	font-weight:600;
	filter:contrast(0.6);
}

#calendar .at_a_look {
	margin-top: 45px;
	position: relative;
	border: 1px solid #000000;
}

#calendar .at_a_look .date_flag {
	position: absolute;
	top: 0;
	right: 15px;
	width: 60px;
	height: auto;
	background-color:#000000;
	text-align: center;
}

#calendar .at_a_look .date_flag div:first-child {
	margin-top: 5px;
	font-size: 36px;
	line-height: 38px;
	color: #ffffff;
	font-variant-numeric: tabular-nums;
}

#calendar .at_a_look .date_flag div:last-child {
	font-size: 20px;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 4px;
	letter-spacing: 0.03em;
}

#calendar .at_a_look .heading {
	font-size: 18.5px;
	letter-spacing: 0.5;
	height: 54px;
	color: #000000;
	line-height: 54px;
	padding-left: 15px;
	font-weight: 700;
}

#calendar .at_a_look .info {
	padding: 32px 15px 32px;
}

#calendar .at_a_look .info div div {
	float: left;
	margin-top: 10px;
}

#calendar .at_a_look .info div div:first-child {
	width: 115px;
}

#calendar .at_a_look .info div div:nth-child(2) {
	width: calc(100% - 150px);
}

#calendar.cal2 .at_a_look .info div div:first-child {
	width: 160px;
}

#calendar.cal2 .at_a_look .info div div:nth-child(2) {
	width: calc(100% - 160px);
}

#calendar .at_a_look .title {
	font-size: 20px;
	line-height: 30px;
	border-bottom: 1px solid #000000;
	padding-bottom: 10px;
	font-weight: 700;
}

#calendar .at_a_look .veranstart {
	margin: 15px 0 0 0;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	display: inline-block;
}

#calendar .at_a_look .date {
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	margin-top: 8px;
	font-variant-numeric: tabular-nums;
}

#calendar .at_a_look .location {
	font-size: 16px;
	color: #000000;
	line-height: 24px;
	margin: 5px 0;
	border-bottom: 1px solid #000000;
	padding-bottom: 13px;
}

#calendar .at_a_look .no_location {
	margin: 0 0 5px 0;
	border-bottom: 1px solid #000000;
	padding-bottom: 13px;
}

#calendar .at_a_look .media_files a {
	display: block;
	min-height: 30px;
	line-height: 25px;
	margin: 0 0 16px;
	background-image: url("../images/icon-download.svg");
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 40px;
}

#calendar .text .date_flag_img {
	position: relative;
	float: left;
	margin: 5px 20px 1px 0;
	max-width: 285px;
}

/* Für bessere Lesbarkeit float:left aufheben, wenn Bildschirm zu schmal */
@media (max-width: 500px) {
	#calendar .text .date_flag_img {
		float: none;
	}
}

#calendar .text .date_flag_img .date_flag {
	position: absolute;
	float: none;
	margin: 0;
	padding: 0px 5px 2px 0;
	z-index: 10;
}

#calendar .list.expired .date_flag_img img.ended,
#calendar .text .date_flag_img img.ended {
	position: absolute;
	left: 0;
	top: 63px;
	z-index: 20;
}

#calendar .text .date_flag {
	float: left;
	width: 40px;
	margin-right: 20px;
	background-color: #ffffff;
	text-align: center;
}

#calendar .text div.date_flag div:first-child {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 28px;
	margin-bottom: 5px;
}

#calendar .text div.date_flag div:last-child {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 18.5px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

/* Allgemeiner Veranstaltungskalender: Listenansicht */
#calendar .list {
	margin-top: 25px;
}

#calendar .list .event div.date_flag {
	float: left;
	width: 40px;
	margin-right: 20px;
	margin-top: 12px;
	/* background-color: hsl;  <- ??? */
	text-align: center;
}

#calendar .list .event div.date_flag div:first-child {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 28px;
	margin-bottom: 2px;
}

#calendar .list .event div.date_flag div + div {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 18.5px;
	text-transform: uppercase;
}

#calendar .list .event div.date_flag_img {
	position: relative;
	float: left;
	width: 285px;
	margin: 12px 20px 8px 0;
}

#calendar .list.expired div.date_flag_img .date_flag {
	z-index: 10;
}

#calendar .list.expired div.date_box_toggle {
	margin: 20px 0 15px;
	padding-left: 20px;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 18.5px;
	background-repeat: no-repeat;
	background-position: 0 8px;
	clear: both;
}

#calendar .list.expired div.date_box_toggle.last {
	padding-bottom: 23px;
	margin-bottom: 23px;
	border-bottom: 1px solid #000000;
}

#calendar .list.expirged div.date_box_toggle.open {
	background-image: url("../images/icon-arrow-open-small-black.svg");
	cursor: pointer;
}

#calendar .list.expired div.date_box_toggle.close {
	background-image: url("../images/icon-arrow-close-small-black.svg");
	cursor: pointer;
}

#calendar .list .event div.date_flag_img .date_flag {
	position: absolute;
	top: 0px;
	float: none;
	margin: 0;
	padding: 0px 5px 2px 0;
	background: #ffffff;
}

#calendar .details.expired .text .date_flag_img .date_flag,
#calendar .list.expired .event div.date_flag_img .date_flag {
	top: 0;
}

#calendar .list .event .date_flag + div.info {
	float: left;
	min-width: 180px;
	width: calc(100% - 60px);
}

#calendar .list .event .date_flag_img + div.info {
	display: table;
	min-width: 180px;
}

#calendar .list .event div.info > h3 {
	margin: 0 0 5px 0;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-weight: 300;
}

#calendar .list .event div.info > h2 {
	margin: 0;
	line-height: 1em;
}

#calendar .list .event div.info > h2 a {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
	font-size: 18.5px;
	line-height: 22px !important;
	position: relative;
	top: -3px;
	margin-bottom: 8px;
	text-decoration: none;
	color: #000000;
}

#calendar .list .event div.info > div:nth-child(3) {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #000000;
	line-height: 20px;
	margin: 5px 0 8px;
	font-variant-numeric: tabular-nums;
}

#calendar .list .event a {
	background-position: 0 5px;
	font-size: 16px;
	line-height: 24px !important;
	margin-top: 5px;
}

/* Allgemeiner Veranstaltungskalender: Filter */
#fhbi_persverz #filter .filter_reset,
#calendar #filter .filter_reset {
	float: right;
}

#calendar #filter {
	scroll-margin-top: 50px;
	margin-top: 48px;
}

#calendar #filter .open_filter {
	margin-right: 10px;
}

#fhbi_persverz #filter .filter_reset .button_submit,
#calendar #filter .filter_reset .button_submit,
#search .reset input[name="btn_reset"] {
	margin-bottom: 16px;
}

#search .reset input[name="btn_reset"] {
	visibility: hidden;
}

#search {
	margin-bottom: 0px !important;
}

#msg {
	font-size: 18.5px;
	line-height: 24px;
	margin-bottom: 60px;
	padding: 0;
	color: hsl(30, 30%, 30%);
	margin-top: 4px;
}

#msg:empty {
	margin: 0;
}

/* Veranstaltungskalender: Sprechzeiten in rechter Spalte */
#right_col .officehours {
	border:1px solid #000;
}

#right_col .officehours div:first-child {
	color: #000;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
	font-size: 18.5px;
	letter-spacing: 0.03em;
	padding: 10px 15px;
}

#right_col .officehours div:last-child {
	color: #000000;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	padding: 10px 15px 2px;
}
/*****************************************************************************/

/************************* Formulare ****************************************/

#form p {
	display: table;
	width: 100%;
	clear: both;
	margin-bottom: 14px;
}

#form p span {
	display: block;
}

#form label {
	display: table-cell;
	vertical-align: top;
	text-align: right;
	width: 160px;
	padding: 0 20px 0 0;
	vertical-align: middle;
	line-height: 120%;
}

#form .label_textarea {
	vertical-align: top;
	padding: 15px 20px 0 0;
}

#form input + label,
#form select + label,
#form textarea + label {
	width: 100%;
	text-align: left;
	padding-left: 10px;
}

#form input[type="radio"] + label {
	line-height: 15px;
}

#form input:not([type="submit"]),
#form select,
#form textarea {
	background-color:#ffffff;
	color: #000000;
	font-size: 16px;
	padding: 10px 15px;
	border: 1px solid #000000;
}

#form input[type="file"] {
	height: auto;
	background-color: transparent;
	border-style: none;
	font-size: 14px;
	padding: 8px 0;
}

#form input:not([type="submit"]) {
	width: calc(100% - 32px);
}

#form p > input:not([type="submit"]):first-child,
#form p > select:first-child,
#form p > textarea:first-child,
#form span > input:not([type="submit"]):first-child,
#form span > select:first-child,
#form span > textarea:first-child {
	margin-left: 188px;
	width: calc(100% - 220px);
}

/* Korrektur für falsches Inline-Styling: /hochschule/organisation/personalvertretung/personalrat-der-mitarbeiter-in-technik-und-verwaltung/themenvorschlaege */
#Vorschlag_PV2022 {
	margin-left: 0 !important;
	width: calc(100% - 40px) !important;
}

#form p > select:first-child,
#form span > select:first-child {
	width: calc(100% - 159px);
	min-width: 70px;
}

#form select {
	width:calc(100% - 4px);
	padding:0 35px 0 15px;
	height: 100%;
}

#form select[multiple="multiple"] {
	height: 192px;
	background-image: none;
	padding-top: 13px;
}

#form textarea {
	width: calc(100% - 32px);
	min-height: 108px;
	padding-top: 18px;
	float: left;
}

#form input[type="submit"],
#form p > input[type="submit"]:first-child,
#form span > input[type="submit"]:first-child {
	float:right;
	width:auto;
}

#form input[type="checkbox"] {
	width: 20px !important;
	height: 20px;
	border-radius: 3px;
	border: solid 1px #000000;
	cursor: pointer;
	padding: 0;
	background-color: white;
	margin: 7px 0 -3px 0;
}

#form input[type="checkbox"]:checked:before {
	content: "✓";
	font-size: 18.5px;
	line-height: 23px;
	padding-left: 2px;
	color: hsl(30, 30%, 30%);
}

#form input[type="radio"] {
	width: 20px !important;
	height: 20px;
	top: 2px;
	cursor: pointer;
	padding: 0;
	background-color: white;
	border-style: none;
}

#form input[type="radio"] + label {
	display: inline-block;
	line-height: 15px;
	width: auto;
	height: 24px;
	cursor: pointer;
	padding: 7px 4px;
}
/*****************************************************************************/

/************************* Formulare (Custom) ********************************/

.custom_form .form_row {
	display: table;
	width: 100%;
	margin-bottom: 10px;
	clear: both;
}

.custom_form .category_heading {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	margin: 40px 0 20px;
	border-bottom: 1px solid #000000;
	padding-bottom: 10px;
	letter-spacing: 0.03em;
}

.custom_form div.label {
	display: table-cell;
	width: 165px;
	vertical-align: top;
	padding: 0px 20px 0 0;
	text-align: right;
	line-height: 1.4em;
}

.custom_form .label.valign_top {
	vertical-align: top;
	padding-top: 1px;
}

.custom_form .label_textarea {
	vertical-align: top;
	padding: 15px 20px 0 0;
}

.custom_form .label_select {
	vertical-align: top;
	padding: 27px 20px 0 0;
}

.custom_form input + .label,
.custom_form select + .label,
.custom_form textarea + .label {
	width: 100%;
	text-align: left;
	padding-left: 10px;
}

.custom_form input[type="radio"] + .label {
	display: inline-block;
	line-height: 15px;
	width: auto;
	height: 24px;
	cursor: pointer;
}

.custom_form .label + div {
	padding-top: 0;
	vertical-align: top;
	display: inline-block;
}

.custom_form input,
.custom_form select,
.custom_form textarea {
	background-color:#fff;
	border:1px solid #000;
	font-size: 16px;
	padding: 0 45px 0 15px;
}

.custom_form input[type="file"] {
	height: auto;
	background-color: transparent;
	border-style: none;
	font-size: 13px;
}

.custom_form input {
	width: calc(100% - 62px);
	height:39px;
}

.custom_form .form_row > input:first-child,
.custom_form .form_row > select:first-child,
.custom_form .form_row > textarea:first-child {
	margin-left: 160px;
	width: calc(100% - 171px);
}

.custom_form .form_row > select:first-child {
	width: calc(100% - 159px);
}

.custom_form select {
	width: calc(100% - 0px);
	height:41px;
	cursor: pointer;
	padding: 0 45px 0 15px;
}

.custom_form .filter select {
	height: 28px;
	line-height: 28px;
	background-position: right 10px top 9px;
}

.custom_form select[multiple="multiple"] {
	height: 192px;
	background-image: none;
	padding-top: 13px;
}

.custom_form textarea {
	width: calc(100% - 62px);
	min-height: 108px;
	padding-top: 18px;
	float: left;
}

.custom_form input[type="submit"],
.custom_form .form_row > input[type="submit"]:first-child {
	background-color: hsl(30, 20%, 30%);
	background-image: url("../images/icon-arrow-to-right-white.svg");
	background-position: 30px 50%;
	background-repeat: no-repeat;
	background-size: 9px 15px;
	border-radius: 5px 5px 5px 5px;
	border-style: none;
	color: #ffffff;
	cursor: pointer;
	float: right;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 18.5px;
	height: 51px;
	margin: 15px 0 40px;
	padding: 0 35px 0 50px;
	text-align: center;
	text-transform: uppercase;
	width: auto;
}

.custom_form input[type="submit"]:hover,
.custom_form .form_row > input[type="submit"]:hover {
	text-decoration: none;
}

.custom_form input[type="checkbox"] {
	/* width: 20px; */
	width: 20px !important;
	height: 20px;
	border-radius: 0px;
	border: solid 1px #000000;
	cursor: pointer;
	padding: 0;
	background-color: white;
	margin: 3px 0 -3px -1px;
}

.custom_form input[type="checkbox"]:checked:before {
	content: "✓";
	font-size: 18.5px;
	line-height: 18px;
	padding-left: 1px;
	color: 2f2f21f;
}

.custom_form input[type="radio"] {
	width: 20px !important;
	height: 20px;
	top: 0;
	cursor: pointer;
	padding: 0;
	background-color: white;
	border-style: none;
	vertical-align: top;
}

.custom_form label {
	cursor: pointer;
}

.custom_form div.date {
	width: 270px;
	float: left;
}

.custom_form input.datum {
	width: 145px;
	display: inline-block;
	border-right: none;
	padding: 0 15px;
}

.custom_form input.zeit {
	width: 70px;
	display: inline-block;
	border-left: none;
	padding: 0 5px 0 0;
}

.m_t_10 {
	margin-top: 10px;
}

.custom_form button {
	margin: 10px 10px 10px 0;
}
/*****************************************************************************/

/********* Besondere Formatierungen / Vorlagen für TinyMCE *******************/

#egotec-frontend-edit {
	position: fixed !important;
	top: 2px !important;
	opacity: 1 !important;
	padding: 13px !important;
}

@media only screen and (max-width: 1040px) {
	#egotec-frontend-edit {
		top: 82px !important;
		border-radius: 8px !important;
	}
}

/* Texteinrückung */
p[class^="text_indent_"] {
	margin-left: 60px;
}

p.text_indent_30 {
	margin-left: 30px;
}

p.text_indent_60 {
	margin-left: 60px;
}

.text_box {
	margin: 24px 0 0 0;
	padding: 18px 16px;
	clear: both;
	display: block;
	font-variant-numeric: tabular-nums;
	border: 1px solid #000000;
}

.tb_text .text_box .tb_text {
	padding-top: 0;
}

.text_box .text_box {
	padding: 0px !important;
}

#text .text_box:first-child {
	margin-top: 0;
}

#text .text_box + .text_box {
	margin-top: 1.6em;
}

#text p + .text_box,
#text p + div  {
	margin-top: 1.6em;
}

#middle_col .text_box + p {
	margin-top: 1.4em;
}

.tb_title {
	color: #000000;
	font-family: Lausanne, Arial, sans-serif;
	font-size: 18.5px;
	font-weight: 700;
	letter-spacing: 0.03em;
	border: 1px solid #000000;
	border-bottom: 0;
}

.tb_text {
	padding-top: 16px;
	color: #000000;
	background-color: #ffffff;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	font-weight: 300;
	border: 1px solid #000000;
	border-top: none;
}

.text_box .tb_title,
.text_box .tb_text,
.text_box .text_box {
	border: none;
}

.text_box .text_box {
	margin-top: 0;
}

.text_box > p {
	padding-left: 16px;
	padding-right: 16px;
}

* :not(.text_box) .tb_title,
* :not(.text_box) .tb_text {
	padding: 16px;
}

.text_box > .tb_title,
.text_box > .tb_text {
	padding: 0;
}

.text_box > .tb_title {
	padding-bottom: 16px;
}

#middle_col .tb_title + p,
#middle_col .tb_text + p {
	margin-top: 16px;
}


.tb_text *:last-child {
	margin-bottom: 0 !important;
}

.tb_text + .tb_title,
.tb_text + .tb_text {
	margin-top: 1.6em;
	border-top: 1px solid #000000;
}

#middle_col .text_box + .tb_text,
#middle_col .tb_text + .text_box,
.text_box + .text_box2 {
	margin-top: 1.6em;
}

/* Textbox mit Ausklappfunktion (via jQuery, siehe hierzu js/site.js) */
.text_box2 {
	margin: 0;
	width: 100%;
}

.text_box .text_box2:last-child {
	margin-bottom: 16px;
}

.text_box .text_box2:last-child .tb_text2 {
	padding-bottom: 8px;
}

.text_box2 strong {
	font-weight: 700 !important;
}

#middle_col .text_box2 + :not(.text_box2, script) {
	display: block;
	margin-top: 40px;
}

.tb_title2 {
	padding: 15px 50px 15px 0;
	color: #000000;
	font-family: Lausanne, Arial, sans-serif;
	font-size: 18.5px;
	font-weight: 700;
	letter-spacing: 0.02em;
	background-repeat: no-repeat;
	background-position: right 20px top 22px;
	border-bottom: 1px solid #000000;
	font-variant-numeric: tabular-nums;
}

.text_box2:hover .tb_title2 {
	color: hsl(35, 30%, 40%);
}

.tb_text2 {
	border-bottom: 1px solid #ffffff;
}

.tb_title2.close + .tb_text2 {
	transition: border 2s;
}

.tb_title2:hover {
	border-bottom: 1px solid #000000;
}

.tb_title2.close {
	border-bottom: 1px solid #000000;
	color: hsl(35, 30%, 40%);
}

#middle_col .tb_title2 p {
	margin: 0;
}

.tb_title2.close {
	background-image: url("../images/icon-arrow-close-bronze.svg");
	cursor: pointer;
}

.tb_title2.open {
	background-image: url("../images/icon-arrow-open-black.svg");
	cursor: pointer;
}
.tb_title2.open:hover {
	background-image: url("../images/icon-arrow-open-bronze.svg");
}

.tb_title2.open::before {
	content: url("../images/icon-arrow-open-bronze.svg");
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 0;
	z-index: -1;
}

.tb_title b,
.tb_title strong,
.tb_title2 b,
.tb_title2 strong {
	font-family: Lausanne, Arial, sans-serif !important;
	font-weight: 300;
}

.tb_text2 {
	padding: 24px 0 24px 0;
	color: #000000;
	border: none;
	margin: 0;
	display:none;
}

.tb_text *:not(.tb_title2) + .tb_text2,
.tb_text *:not(.tb_title) + .tb_text {
	padding: 0;
}

#middle_col .tb_text2 + p {
	margin-top: 1.6em;
}

/* Textboxen Presse, mit Rahmen */
.text_box3 /* links, schmal */ {
	width: 302px;
	border: 0.4px solid #000000;
	padding: 18px 16px;
	margin: 5px 22px 22px 0;
	float: left;
	max-width: calc(100% - 46px);
}

.text_box4 /* rechts, schmal */ {
	width: 302px;
	border: 0.4px solid #000000;
	padding: 18px 16px;
	margin: 5px 0 22px 22px;
	float: right;
	max-width: calc(100% - 46px);
}

.text_box5 /* komplette Breite */ {
	border: 0.4px solid #000000;
	padding: 18px 16px;
	margin: 40px 0 22px 0;
	clear:both;
}

.text_box3 h4,
.text_box4 h4,
.text_box5 h4 {
	margin: 0 0 16px;
	font-size: 16px;
}

#middle_col .text_box3 p:last-child,
#middle_col .text_box4 p:last-child,
#middle_col .text_box5 p:last-child {
	margin-bottom: 0;
}

.text_box3 blockquote,
.text_box4 blockquote,
.text_box5 blockquote {
	font-size: 20px;
	line-height: 27px;
	margin: 0;
}

.text_box3 cite,
.text_box4 cite,
.text_box5 cite {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	margin-top: 11px;
	display: block;
	font-style: normal;
}

.text_box3 cite.quellenangabe_klein,
.text_box4 cite.quellenangabe_klein,
.text_box5 cite.quellenangabe_klein {
	font-size: 15.5px;
	line-height: 22px;
}

@media only screen and (max-width: 700px) {
	.text_box3,
	.text_box4 {
		max-width: 55%;
	}
}

@media only screen and (max-width: 500px) {
	.text_box3,
	.text_box4 {
		max-width: calc(100% - 4%);
		width: calc(100% - 48px);
	}
}

/* KIX-FAQ DVZ */
img.kix_faq_img {
	height: auto !important;
}

/* Startseite der Bibliothek */
#lib_start {
	margin-bottom: 45px;
}

#lib_start .link_box {
	display: inline-block;
	width: 46%;
	margin-bottom: 30px;
	vertical-align: top;
}

#lib_start > div.link_box:nth-child(odd) {
	margin-right: 7%;
}

@media (max-width: 795px), (min-width: 998px) and (max-width: 1090px) {
	#lib_start .link_box {
		width: 100%;
	}

	#lib_start > div.link_box:nth-child(odd) {
		margin-right: 0;
	}
	.filter_left,
	.filter_right {
		width: 100%;
		float: none;
	}
	.video,
	.videos.thumbs .video.first {
		width: 100%;
	}
}

#lib_start .lb_title {
	padding: 10px 0;
	color: #000000;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 700;
	font-size: 18.5px;
	letter-spacing: 0.01em;
	margin-bottom: 10px;
	border-bottom: 1px solid #000000;
}
/*****************************************************************************/

/**************************** Suche ******************************************/

#search .search_bar {
	margin-bottom: 20px;
}

#search .results_num {
	margin: 20px 0;
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 20px;
}

#search .result_entry {
	border-bottom: 1px solid #000000;
	padding: 15px 0 10px;
}

/* bc = breadcrumb */
#search .result_bc {
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 20px;
	color: #555555;
}

#search h4.result_title {
	font-family: Lausanne, Arial, sans-serif !important;
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	color: #000000;
	margin-bottom: 2px;
}

/**************************** Stellenangebote ********************************/

.job_offer {
	padding: 16px 0 20px 0;
	border-bottom: 1px solid #000000;
}

div.job_offer:last-child {
	border: 0 none;
}

.job_offer .shortdesc {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 18.5px;
	color: #000000;
	margin-bottom: 5px;
}

.job_offer a {
	display: block;
	margin-top: 10px;
}
/*****************************************************************************/

/************************** Zielgruppen-Link *********************************/
#tg_link_mobile {
	display:none;
}

#tg_link {
	display:block;
	position:absolute;
	top:6px;
	right:20px;
}

#tg_link a {
	color:#000000;
	padding:10px 12px;
	width:calc(100% - 26px);
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:0.05em;
	text-align:center;
	text-decoration:none;
	border:1px solid #000000;
}

#tg_link a:hover {
	color:#ffffff;
	background-color:#000000;
}
/*****************************************************************************/

/************************** Zielgruppen-Navigation ***************************/
/*
#top3 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 290;
	width:calc(100% - 34px);
	background-color:hsl(30, 30%, 96%);
	padding:17px 17px 40px 17px;
}

#top3 #nav_target_groups > div:first-child {
	position:relative;
	height:85px;
	width:100%;
	border-bottom:1px solid #000000;
}

#top3 #nav_target_groups > div:first-child > div {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	color: #000000;
	text-transform:uppercase;
	font-family:Lausanne, Arial, sans-serif;
	font-weight:400;
	font-size:13px;
	line-height:21px;
	letter-spacing:0.03em;
}

#top3 #nav_target_groups div.ntg_close {
	position:absolute;
	top:10px;
	right:7px;
	width:40px;
	height:40px;
	background:url("../images/icon-menu-close.svg") no-repeat 8px 8px;
	cursor:pointer;
}

#top3 #nav_target_groups li {
	border-bottom:1px solid #000000;
}

#top3 #nav_target_groups a {
	display: block;
	padding:10px 0;
	color:#000000;
	font-size:16px;
	font-weight:400;
	line-height:22px;
}
*/
/*****************************************************************************/

/************************* Debug-Ausgaben ************************************/

pre.debug {
	background-color: hsl(30, 10%, 75%);
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
}
/*****************************************************************************/

/************************* Studienstart **************************************/

#studienstart #details + h2 {
	margin-top: 30px;
}

#studienstart .event {
	border-bottom: 1px solid #000000;
	margin-top: 25px;
	padding-bottom: 20px;
}

#studienstart .event:last-child {
	border: none;
}

#studienstart .event > div:first-child {
	font-family: Lausanne, Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: hsl(35, 30%, 40%);
	line-height: 20px;
	margin-bottom: 3px;
}

#studienstart form label {
	display: inline-block;
	font-size: 16px;
	margin: 0 10px 10px 0;
	width: 100px;
	text-align: right;
	vertical-align: middle;
}

#studienstart form input[type="email"],
#studienstart form input[type="text"] {
	border: 1px solid #000000;
	height: 54px;
	margin-bottom: 10px;
	padding: 0 5px;
	background-color: hsl(30, 20%, 98%);
	width: calc(100% - 126px);
}

#studienstart textarea {
	border: 1px solid #000000;
	height: 100px;
	margin-bottom: 10px;
	padding: 0 5px;
	background-color: hsl(30, 20%, 98%);
	width: calc(100% - 126px);
}

#vmgmt .system_message,
#studienstart .system_message {
	margin: 10px 0 20px 0;
	padding: 15px 20px 13px 20px;
	color: #555555;
	font-weight: normal;
	border: 1px solid transparent;
	position: relative;
	display: none;
}

#vmgmt .error,
#studienstart .error {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

#studienstart .hint {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}

#vmgmt .success,
#studienstart .success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

#studienstart.admin table th {
	border-bottom: 1px solid #000000;
	padding: 10px 10px 8px 0;
	font-weight: 700;
	text-align: left;
}

#studienstart.admin table {
	margin-bottom: 10px;
}
/*****************************************************************************/

/******************* Bilder (Nachtrag zu img.css) ****************************/

figure.bild_links_mit_rahmen img,
figure.bild_rechts_mit_rahmen img {
	border: 1px solid #000000;
}

figure.bild_links_mit_rahmen,
figure.bild_rechts_mit_rahmen {
	border: none;
}
/*****************************************************************************/

/******************************** Alerts *************************************/

.alert {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1.5rem;
	border: 1px solid transparent;
	/* border-radius: .25rem; */
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

.alert-warning {
	color: #856404;
	background-color: #ffffff;
	border-color: #ffeeba;
}

.alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
}
/*****************************************************************************/

/* Wrapper für Tabellen, um horizontales Scrollen der Tabelle zu ermöglichen. */
.table_wrapper {
	overflow-x: auto;
	margin-bottom: 16px;
}


/* ++++++++ Media queries ++++++++++ */
/* Diese Media-Query ist anzupassen, falls in der Hauptnavigation etwas geändert wird! */
@media (max-width: 1040px) {
	#wrapper_header {
		margin-top:0;
	}

	#target_groups, #quickaccess {
		max-width: calc(100% - 34px);
	}

	#tg_link {
		display:none;
	}
	
	#tg_link_mobile {
		display:block;
		position:absolute;
		top:52px;
		right:2%;
	}

	#tg_link_mobile a {
		display:block;
		font-family:Lausanne, Arial, sans-serif;
		font-weight:600;
		font-size:13px;
		line-height:22px;
		text-decoration:none;
	}

	#header {
		min-height:80px !important;
		height:80px;
		overflow:hidden;
		background-color:#ffffff;
	}
	
	#header.sticky + #wrapper_header,
	#header.sticky + #wrapper_main {
		padding-top:80px;
	}

	#wrapper_top {
		max-width: 100%;
		height: auto;
		max-height: 80px;
	}

	#wrapper_top #top {
		max-width: 96%;
		width: 96%;
		padding: 0 0 0 0;
		margin: auto;
	}

	#top_links_2 {
		display: block;
	}

	#top #word_mark {
		position:absolute;
		top:15px;
		font-size:0;
		line-height:0;
	}

	#top #word_mark svg {
		display:block;
		width:154px;
		height:auto;
	}

	#top #word_mark::after {
		background: url("../images/hsbi-logo-sm.svg") no-repeat 0 3px;
	}

	#top ul#top_links_1,
	#top #word_mark span,
	#header_nav,
	#breadcrumb {
		display:none !important;
	}

	#top_links_3 {
		position:fixed;
		top:0;
		right:0;
		display:none;
		z-index:999;
		background-color:#d7d2c3;
		min-width:320px;
		width:100%;
		box-shadow:0 2px 15px 0px rgba(0, 0, 0, 0.2);
		padding-top:4px;
		margin-bottom:10px;
		display: none;
		max-height:100%;
		max-width:480px;
		overflow-y:scroll;
		overscroll-behavior:contain;
		-ms-overflow-style:none;
		scrollbar-width:none;
	}

	#top_links_3::-webkit-scrollbar {
		display: none;
	}

	#top_links_3 > div > ul:first-child {
		display: block;
		height: 60px;
	}

	#top_links_3 > div > ul:first-child li {
		float: left;
		margin: 10px 10px 0 12px;
	}

	#top_links_3 > div > ul:nth-child(2) {
		position: absolute;
		top: 24px;
		right: 0;
	}

	#top_links_3 a {
		color: #000000;
		display: block;
		font-size: 16px;
		height: 30px;
		width: 30px;
		line-height: 30px;
	}

	#top_links_3 a svg {
		height: 30px;
	}

	#top_links_3 a.top_close svg {
		display:block;
		width:22px;
		height:auto;
		position:relative;
		top:4px;
		left:4px;
	}

	#top_links_3 a.top_close {
		margin: -8px 14px 0 0;
	}
	#top_links_3 a.top_root {
		white-space: nowrap;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 0.03em;
		background: url("../images/mobile-menu-back-large.svg") no-repeat 0 7px;
		background-size: 16px 16px;
		padding-left: 22px;
		color: #000000;
	}

	#top_links_3 ul.mob_level1 ul {
		display: none;
	}

	/****************************** draft - start *****************************/

	#top_links_3 .breadcrumb_mobile {
		padding: 8px 16px 9px;
		color:#000000;
		line-height: 22px;
		margin-top: 16px;
	}

	#top_links_3 .breadcrumb_mobile a {
		display: inline;
		font-size: 14px;
		line-height: inherit;
	}

	#top_links_3 .breadcrumb_mobile a,
	#top_links_3 .breadcrumb_mobile span {
		color: #000000;
	}

	#top_links_3 .breadcrumb_mobile a:last-child {
		opacity: 1;
	}

	#top_links_3 .breadcrumb_mobile a:first-child {
		color: #000000;
	}

	#top_links_3 ul.mob_level1 a {
		width: calc(100% - 87px);
		padding: 12px 0 10px;
		font-size: 16px;
		height: auto;
		line-height: 24px;
	}
	#top_links_3 .level2 a {
		padding-left: 16px !important;
	}

	#top_links_3 ul.mob_level1 {
		padding: 0 16px 24px 16px;
	}

	#top_links_3 ul.mob_level1 li {
		border-top: 1px solid #000000;
		position: relative;
	}

	#top_links_3 ul.mob_level1 li:last-child {
		border-bottom: 1px solid #000000;
	}

	#top_links_3 ul.mob_level1 li li:last-child {
		border-bottom: none;
	}

	#top_links_3 ul.mob_level1 li.active {
		font-weight: 700;
	}

	#top_links_3 ul.mob_level1 div.open {
		position: absolute;
		top: 0;
		right: -8px;
		width: 48px;
		height: 48px;
		background-image: url("../images/icon-arrow-open-black.svg");
		background-repeat: no-repeat;
		background-position: 16px 18px;
		background-size: 16px 8px;
		cursor: pointer;
	}

	#top_links_3 ul.mob_level1 div.close {
		background-image: url("../images/icon-arrow-close-black.svg");
	}

	#top_links_3 #main_menu {
		display: none;
	}
	
	/***************************** draft - ende ******************************/	

	#wrapper_top #top2 {
		position:absolute;
		width:100%;
		padding:0;
		background-color:hsl(30, 30%, 96%);
		box-shadow:none;
	}

	/*
	#quickaccess {
		right:unset;
		left:0;
		padding:17px 17px 40px 17px;
		width:calc(100% - 34px);
		-ms-overflow-style:none;  /* IE and Edge */
		/*scrollbar-width:none;  /* Firefox */
		/*box-shadow:none;
	}*/
	
	#quickaccess::-webkit-scrollbar {
		display: none;
	}

	/* Hide scrollbar for IE, Edge and Firefox */
	.example {

	}	
	
	/*
	#quickaccess #qa_heading {
		display:block;
		line-height:21px;
		padding:0 0 60px 0;
		text-transform:uppercase;
		font-family:Lausanne, Arial, sans-serif;
		font-weight:400;
		font-size:13px;
		letter-spacing:0.03em;
		color:#000000;
		border-bottom:1px solid #000000;
	}

	#quickaccess .qa_block a {
		display: block;
		padding:10px 0;
		font-family:Lausanne, Arial, sans-serif;
		font-weight:400;
		font-size:16px;
		line-height:25px;
		color:#000000;
		border-bottom:1px solid #000000;
	}*/
	
	#nav_left {
		display:none !important;
	}
	
	#wrapper_header_img.panorama {
		margin-bottom:55px;
	}
	
	#middle_col,
	#right_col,
	#left_col {
		max-width:840px;
	}
}

@media (max-width: 1040px) {
	#wrapper_global {
		margin-bottom: 0;
		min-height: calc(100% - 439px);
	}

	#wrapper_main {
		max-width: 96%;
		padding: 0;
		margin-top: 0px;
		margin-bottom: 30px;
	}

	#header + #wrapper_main {
		margin-top: 2em;
	}

	.header_img picture:after {
		width: 2%;
	}

	.header_img picture:before {
		width: 2%;
	}

	#wrapper_header {
		height: auto;
		max-height: none;
	}
	
	#wrapper_footer #footer {
		max-width: 96%;
		width: 100%;
	}

	#wrapper_middle_col {
		float: none;
	}

	#left_col {
		float: none;
		margin-left: 0;
		min-height: 0;
		width: auto;
	}

	#tag_cloud,
	/* #top_links_1, */
	/* #header_nav, */
	#footer_wordimg_mark .svg_wordmark,
	/* #breadcrumb */
	{
		display: none !important;
	}

	body.intranet #top ul#top_links_2:before {
		color: hsl(35deg 30% 40% / 84%);
		content: "intern";
		font-family: Lausanne, Arial, sans-serif;
		font-weight: 700;
		font-size: 29px;
		left: 0;
		letter-spacing: 2px;
		position: absolute;	
		margin-left: -189px;
		top: 33px;
	}

	#middle_col {
		margin: 0;
		min-height: 300px;
		min-width: 280px;
		width: 100%;
	}

	#middle_col.span2cols #text {
		margin-left: 0;
	}

	#middle_col.span3cols {
		/*! width:calc(100% - 10px); */
	}

	#middle_col.span2cols,
	#middle_col.span3cols {
		margin: 0;
	}

	#wrapper_right_col {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	#right_col {
		float: none;
		margin: 40px 0 0;
		min-height: 0;
		width: auto;
	}

	#img_close {
		margin-right: 0;
	}

	#wrapper_footer {
		margin-top: 90px;
	}
	
	/* MNI
	#footer #footer_wordimg_mark {
		width: 240px;
		height: 65px;
		background: url("../images/hsbi-logo.svg") no-repeat 0 0;
		background-size: contain;
	}

	#footer::before {
		top: 125px;
	}

	#footer_links1 {
		position: absolute;
		top: 280px;
		left: 0;
		margin-left: 0;
		width: 100%;
	}

	#footer_links1 ul li {
		float: none;
		display: block;
		width: 100%;
		padding: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.16);
	}

	#footer_links1 ul li a {
		border-right: none;
		padding: 10px 0;
	}

	#footer_links1 ul li:nth-child(2),
	#footer_links1 ul li:nth-child(3),
	#footer_links1 ul li:nth-child(4) {
		border: none;
		top: 272px;
	}

	#footer_links1 ul li:nth-child(4) {
		right: 0px;
	}

	#footer_links1 ul li:nth-child(2) {
		right: 80px;
	}
	#footer_links1 ul li:nth-child(3) {
		right: 40px;
	}
	#footer_links1 ul li:nth-child(4) {
		right: 0px;
	}

	#footer_links1:after {
		content: "nach oben ↑";
		display: inline-block;
		font-size: 14px;
		color: #000000;
		position: absolute;
		left: 0;
		right: none;
		top: 280px;
	}
	*/

	.push {
		height: 0;
	}

	#tiles > div:nth-child(2n + 1) {
		margin-right: 0;
	}

	#tiles .department {
		float: none;
		width: calc(50% - 20px);
	}

	#loginform #username,
	#loginform #password {
		width: calc(100% - 34px);
	}

	#loginform label {
		text-align: left;
		margin-bottom: 5px;
	}

	.sitemap #middle_col li ul {
		margin-left: 15px;
	}

	#calendar .details .title {
		margin-top: 10px;
		font-size: 25px;
		line-height: 32px;
	}

	.custom_form div.label {
		display: block;
		text-align: left;
		width: 100%;
	}

	/* #slide_nav { */
		/* position: relative; */
		/* top: -60px; */
		/* text-align: center; */
	/* } */

	#slide_nav #prev:after {
		left: 22px;
	}

	#slide_nav span {
		border: 1.5px solid #ffffff;
		height: 8px;
		margin: 0 5px;
		width: 8px;
	}

	#slide_nav #prev,
	#slide_nav #next {
		font-size: 0;
	}

	.gallery figure {
		margin: 0 0 10px 10px;
	}
}

@media (max-width: 480px) {
	body.intranet #top ul#top_links_2:before {		
		font-size: 21px;
		margin-left: -80px;
		top: 0;
	}
}

@media (max-width: 380px) {
	.header_img .text {
		bottom: none;
		top: 15px;
	}
	
	body.intranet #top ul#top_links_2:before {		
		margin-left: -60px;
		letter-spacing: 0;
	}
}

@media (min-width: 1041px) {
	#top_links_2,
	#top_links_3 {
		display: none !important;
	}
	
	#word_mark {
		display:inline;
	}
	
	#word_mark svg {
		width: 208px;
		height: auto;
		margin: 4px 0 0 0;
	}

	#word_mark h1, #word_mark p {
		font-size: 11px;
		font-weight: 400;
		position: absolute;
		top: 11px;
		left: 252px;
		width: 96px;
		margin: 0;
		line-height: 12.5px;
		letter-spacing: 0.3px;
	}

	#word_mark h1 span, #word_mark p span {
		margin: 5px 0;
		display:block;
		color: #000000;
	}
	
	#wrapper_header_img.panorama {
		margin-bottom:-18px;
	}
}

@media (min-width: 1041px) and (max-width: 1200px) {
	#middle_col {
		margin: 0 0 0 320px;
		min-height: 300px;
		min-width: 280px;
		width: calc(100% - 320px);
	}

	#wrapper_right_col {
		float: left;
		width: 100%;
	}

	#right_col {
		float: none;
		margin: 60px 0 0 320px;
		min-width: 280px;
		width: auto;
	}
	.gallery figure {
		margin: 0 0 20px 20px;
		width: calc(50% - 20px);
	}
}

@media (max-width: 1200px) {
	#sites .site_img {
		margin-right: 20px;
		width: calc(60% - 20px);
	}
}

@media (max-width: 1329px) {
	/* Panoramabild Fachbereiche, Institutionen */
	.header_img {
		width: 100vw;
		max-width: 100%;
		margin: 0;
	}

	.header_img img {
		width: 100%;
		vertical-align: top;
	}

	#img_box_left {
		float: none;
		width: 100%;
		clear: both;
	}

	#img_box_right {
		float: left;
	}

	#img_box_left {
		max-width: 660px;
	}
}

@media (max-width: 1400px) {
	#target_groups, #quickaccess {
		left:unset;
		right:0;
	}
}

@media (max-width: 720px), (min-width: 841px) and (max-width: 1080px) {
	.bild_links_ohne_rahmen,
	.bild_rechts_ohne_rahmen,
	.bild_links_mit_rahmen,
	.bild_rechts_mit_rahmen {
		float: none !important;
		margin: 24px 0 24px 0 !important;
	}

	#calendar .text .date_flag_img {
		float: none !important;
	}
}

@media (max-width: 600px) {
	h1 {
		font-size: 27px;
		line-height: 34px;
	}
}

@media (min-width: 601px) and (max-width: 1040px) {
	h1 {
		font-size: 30px;
		line-height: 38px;
	}
}

@media (min-width: 841px) and (max-width: 1400px) {
	h1 {
		font-size: 32px;
		line-height: 40px;
	}
}

@media (max-width: 720px), (min-width: 841px) and (max-width: 1400px) {
	#box_stg_li,
	#box_stg_re1,
	#box_stg_re2 {
		width: 100%;
		min-width: 100%;
	}
}

@media (max-width: 1080px), (min-width: 1200px) and (max-width: 1400px) {
	.application_box {
		width: 100%;
	}
}

@media (min-width: 1359px) {
	#middle_col {
		width: calc(100% - 640px);
	}

	#middle_col.span2cols {
		width: calc(100% - 320px);
	}
}

@media (max-width: 570px) {
	#logos {
		/* display: none; */
	}

	#tiles .department {
		width: 100%;
	}

	.current_news .news_entry {
		display: inline-block;
	}
}

/* Bitte hier stehen lassen, muss hinter @media (max-width: 1329px) positioniert sein! */
@media (max-width: 1004px) {
	.header_img {
		margin: 0;
	}
}

/*************************** START changes.css ******************************/
h2.heading_bar {
    font-family: Lausanne, Arial, sans-serif;
    font-weight: 700;
    font-size: 18.5px;
    color: #000000;
    line-height: 24px;
    padding: 10px 0;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 1px solid #000000;
    margin: 4em 0 1em;
}

.current_news h3, .current_news h3 a {
    font-family: Lausanne, Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #000000 !important;
    text-decoration: none !important;
    margin: 0;
    line-height: 26px;
    display: inline-block;
	padding-top:0;
}

.current_news.presse h3 {
    margin-bottom: 10px;
}

.current_news h3 a {
    font-family: Lausanne, Arial, sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #000000 !important;
    text-decoration: none !important;
    margin: 0;
    line-height: 26px;
    display: inline-block;
}

h2.heading_bar_events {
    font-family: Lausanne, Arial, sans-serif;
    font-size: 18.5px;
    line-height: 24px;
    color: #000000;
    padding: 10px 0;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 1px solid;
    font-weight: 700;
	margin-bottom: 1em;
}

#download_box + h2.heading_bar_events {
    margin-top: 45px;
}

#right_col h2.heading_bar_events + div {
	margin-top:0;
}

/* Startseite */

#home {
	margin:0 auto 0;
}

#home .current_news .news_entry
{
	border-style:none;
	margin-bottom:0;
}

#home .current_news.aktuelles {
    padding-top:22px;
}

#home .current_news.aktuelles .news_image a {
    width: 100%;
}

#home .current_news.aktuelles .news_image {
    width: calc(50% - 20px);
	margin-right:20px;
}

#home .current_news.aktuelles .news_image img, #home .current_news.aktuelles figure.news_image {
    width: 100%;
	max-width:unset;
}

#home .current_news.aktuelles .news_teaser {
    width: calc(50% - 20px);
    margin-left: 20px;
}

#home .current_news.presse {
	font-size: 0;
	padding-top: 22px;
	overflow: hidden;
}

#home .current_news.presse .entry-content {
	white-space: nowrap;
	overflow:hidden;
	margin-right:-40px;
}

#home .current_news.presse .news_entry {
	width:calc(33.3333% - 40px);
	display: inline-block;
	vertical-align:top;
	margin-right:40px;
	font-size: 16px;
	white-space: normal;
}

#home .current_news .news_image {
	width:100%;
	margin-bottom:20px;
}

#home .current_news .news_image a {
	width:100%;
}

#middle_col #home .current_news .news_image img {
	max-width:100%;
	width: 100%;
}

#home .current_news > div:last-child:not(.entry-content) a {
    color:#000000;
    border: 1px solid #000000;
	width:auto;
	margin-top: 30px;
}

#home .press_nav, #home .event_nav {
	float:right;
	margin-right:5px;
}

#home .press_nav span, #home .event_nav span {
	cursor:pointer;
	width:15px;
	height:25px;
	display:inline-block;
	margin:0 5px;
}

#home .press_nav span.disabled, #home .event_nav span.disabled {
	cursor:default;
}

#home .press_nav span svg, #home .event_nav span svg {
	height:12px;
}

#home .press_nav span.disabled svg path, #home .event_nav span.disabled svg path {
	opacity:0.5;
}

#home h2.heading_bar_events {
	margin-top:80px;
}

#home #calendar {
	margin-right:-40px;
	font-size: 0;
	white-space: nowrap;
	padding-top: 20px;
	position:relative;
	overflow:hidden;
}

#home #calendar .event {
	border-style:none;
	width:calc(25% - 40px);
	display: inline-block;
	vertical-align:top;
	margin-right:40px;
	white-space: normal;
	padding-top:0;
}

@media (max-width:1200px)
{
	#home .current_news.presse .news_entry {
		width:calc(50% - 40px);
	}

	#home #calendar .event
	{
		width:calc(33.333% - 40px);
	}

	#home .current_news.aktuelles .news_image {
		width:33.3%;
		margin:0;
	}
	
	#home .current_news.aktuelles .news_teaser {
		width:calc(66.7% - 20px);
		margin:0 0 0 20px;
	}
	
	.header_img .text h2 {
		font-size:16px;
	}

	.header_img .text h3 {
		font-size:40px;
		line-height:44.44px;
	}	
}

@media (max-width:900px)
{
	#home .current_news .news_entry {
		display:block;
	}

	#home .current_news .news_entry:last-child {
		padding-bottom:0;
	}

	#home .current_news.presse .news_image {
		width:50%;
		margin:0;
	}
	
	#home .current_news.presse .news_entry {
		display:block;
		width:calc(100% - 40px);
		margin:0 0 20px 0;
	}

	#home .current_news > div:last-child:not(.entry-content) a {
		display:block;
		width:calc(100% - 26px);
		margin-top:30px;
	}

	#home .current_news.aktuelles .news_image {
		width:100%;
		margin:0;
	}
	
	#home .current_news.aktuelles .news_teaser {
		width:100%;
		margin:0 0 20px 0;
	}
	
	#home .current_news h3, .current_news h3 a {
		font-weight:600;
		font-size:18px;
		font-style:normal;
		line-height:26px;
		letter-spacing:0.02em;
	}	

	#home #calendar .event
	{
		display:block;
		width:calc(100% - 40px);
		padding:0;
		margin:0 0 37px 0;
	}
	
	#home .press_nav, #home .event_nav {
		display:none;
	}
	
	#home #calendar .event_date {
		float:none;
		display:inline-block;
		width:35px;
		margin:0 20px 0 0;
		vertical-align:top;
	}

	#home #calendar .event_short {
		margin: 0;
		display:inline-block;
		width:calc(100% - 56px);
	}

	#home #calendar + a.button_more {
		display:block;
		width:calc(100% - 26px);
	}
	
	.wrapper_slider .header_img {
		max-height:100% !important;
	}

	.wrapper_slider.panorama .header_img {
		max-height:calc(100% - 25px) !important;
	}

	a.stage {
		display:inline-block;
		text-decoration:none !important;
	}

	.header_img .text {
		position:static;
		margin:15px 0 0 20px;
		text-align:left !important;
	}
	
	.header_img .text h2 {
		font-size:13px;
		line-height:18px;
		letter-spacing:0.06em;
		color:#000000 !important;
	}

	.header_img .text h3 {
		font-size:28px;
		line-height:31.11px;
		color:#000000 !important;
	}
	
	.header_img .text span {
		color:#000000 !important;
	}
	
	.header_img a.stage:hover .text span {
		color:hsl(35,30%,40%) !important;
	}

	.home #wrapper_slide_nav {
		left:unset;
		right:calc(2% - 10px);
		bottom:-2px;
		z-index:199;
		background-color:#ffffff;
	}

	#slider .gradient {
		display:none;
	}
	
	.header_img picture:before {
		height:23%
	}

	.header_img picture:after {
		height:calc(77% + 2px);
	}
	
	#home > h2.heading_bar {
		margin-top:2em;
	}

	.current_news .news_entry a img {
		margin-bottom: 16px;
	}	
}

@media (min-width:901px)
{
	#slider .gradient {
		height:calc(100% - 60px);
		width: 100%;
		position: absolute;
		top: 60px;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	}

	#middle_col #home a.button_more_fullwidth {
		display:inline-block;
	}	
}

@media (max-width: 570px)
{
	.header_img .text h3 {
		font-size: 20px;
		line-height: 25px;
		font-weight: 700;
	}
}

#home #calendar .event_date
{
	float:none;
	margin-bottom:10px;
}

#home #calendar .event_short
{
    margin-left:0;
}

#home #locations {
    font-size:0;
}

#home #locations h2.heading_bar_locations {
    margin-top: 80px;
    font-family: Lausanne, Arial, sans-serif;
    font-size: 18.5px;
    line-height: 24px;
    color: #000000;
    padding: 10px 0;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 1px solid;
    font-weight: 700;
}

#home #locations .location{
    padding-top: 26px;
	display: inline-block;
    vertical-align: top;
	margin-right:40px;
	font-size:initial;
	width:calc(33.333% - 27px);
}

#home #locations .location:last-child{
	margin-right:0;
}

#home #locations h3
{
	font-size: 36px;
	line-height: 40px;
		font-weight:400;
		letter-spacing:0.02em;
}

#home .current_news > div:last-child:not(.entry-content) a {
	display:inline-block;
	margin-top:30px;
}

@media (max-width: 1040px)
{
	#home #locations h3
	{
		font-size: 32px;
		line-height: 38px;
	}
}

@media (max-width:640px)
{
	#home #locations h3
	{
		font-size: 26px;
		line-height: 30px;
	}
	
	#home #locations .location {
		display:block;
		width:100%;
		margin-bottom:14px;
	}
	
	#home #locations .location figure {
		display:inline-block;
		width:50%;
		margin:0 10px 0 0;
		vertical-align:top;
	}

	#home #locations .location div {
		display:inline-block;
		width:calc(50% - 20px);
	}

	#wrapper_footer {
		height:571px;
	}

	#wrapper_footer #footer {
		max-width:100%;
		width:100%;
	}

	#footer #footer_wordimg_mark {
		margin:20px 0 0 15px;
	}

	#footer_links1 {
		bottom:96px;
		width:calc(100% - 30px);
		left:15px;
	}

	#footer_links1 ul li {
		float: none;
		display: block;
		width: 100%;
		padding:3px 0 5px;
		border-bottom: 1px solid #000000;
	}

	#footer_links1 ul li:last-child {
		border-bottom:none;
	}

	#footer_links1 ul li a {
		padding:0;
	}
	
	#footer_links2 {
		display:inline-block;
		position:absolute;
		top:unset;
		bottom:20px;
		right:15px;
		z-index:200;
		margin:0;
	}

	#footer_links3 {
		bottom:16px;
		left:15px;
		text-align:left;
		border-top:1px solid #000000;
		width:calc(100% - 30px);
		z-index:100;
		padding:4px 0;
	}	
	
	#footer_links1 a,
	#footer_links3 a {
		width:fit-content;
	}
	
	#footer #logos {
		bottom:316px;
		left:15px;
		width:calc(100% - 30px);
	}
}

@media (max-width: 500px)
{
	#calendar.cal2 .at_a_look .info div div {
		float:none;
		margin-top: 10px;
	}

	#calendar.cal2 .at_a_look .info div div:first-child {
		width:100%;
	}

	#calendar.cal2 .at_a_look .info div div:nth-child(2) {
		width:100%;
		margin-top:0;
	}
}

.wrapper_slider .header_img {
    overflow: hidden;
}

.wrapper_slider #custom-caption {
	font-size:13px;
	font-weight:400;
	font-variant-numeric:tabular-nums;
}

.wrapper_slider.home .cycle-caption {
	left:38px;
}
/**************************** ENDE changes.css *********************************/

/* Styles, die ehemals im Extra-Reiter -> zusätzliche <head>-Tags enhalten waren */

/* ID 63058 */
a#link_schr-arb {
	margin-top: 1.5em;
	color: #000000;
	padding: 10px 12px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: center;
	text-decoration: none;
	border: 1px solid #000000;
	display: inline-block;
	height:20px;
	line-height:20px;
}

a#link_schr-arb:hover {
	background-color: #000000;
	color: #ffffff;
}