* {
	margin:0;
	padding:0;
	font-size:100.01%;
}

/* body {
	font-size:62.5%;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	border:0;
} */

body {
	font-size:62.5%;
    font-family: 'Red Hat Text';
    font-weight: normal;
    font-style: normal;
	border:0;
}

.clearfloat {
	clear:both;
	float:none;
}

.confuseRobots {
	display:none !important;
}

.anchorItSelf {
	color:inherit !important;
	text-decoration: inherit !important;
}

::-moz-selection{ background: #18197c; color:#fff; text-shadow: none; }
::selection { background:#18197c; color:#fff; text-shadow: none; }

/*--------------------------------*/

a {
	color:#18197c;
	font-weight:bold;
	text-decoration:none;
}

p.info {
	margin-top: 2px;
	font-size: 150%;
}

a:focus,
a:hover {
	text-decoration:underline;
}

a.skype img {
	vertical-align:middle;
}

.quickinfoWord {
	border-bottom: #000 dotted 1px;
	text-decoration: inherit;
}

.quickinfoBox {
	position:absolute;
	left:0;
	top:0;
	display:none;
	max-width:250px;
}

.quickinfoBox .s {
	width:10px;
	height:10px;
	overflow:hidden;
	background:url(img/icons.png?v2) no-repeat 0 -410px;
}

.quickinfoBox .c {
	background:#ddd;
	border-radius: 0 5px 5px 5px;
	padding:1em;
}

.quickinfoBox ul,
.quickinfoBox ol,
.quickinfoBox p {
	font-size:1.3em;
}

.quickinfoBox h2 {
	font-size:1.5em;
}

.quickinfoBox * ~ h2,
.quickinfoBox * ~ ul,
.quickinfoBox * ~ ol,
.quickinfoBox * ~ hr,
.quickinfoBox * ~ p {
	margin-top:1em;
}

.quickinfoBox ul,
.quickinfoBox ol {
	margin-left:1.5em;
}

.quickinfoBox.active {
	display:block;
}

#mainContainer {
	max-width:100em;
	min-width:50em;
	margin:0 auto;
}

#main {
	padding:0 2%;
}

#menu ul {
	list-style-type:none;
}

#header {
	float:left;
	width:100%;
	position:relative;
	left:-200px;
	padding-left:200px;
	background:url(img/header-arrow-2023.png) no-repeat 6px 49px;
	padding-bottom:50px;
}

#header-beratung {
	float:right;
	/* background:#f6f6f6; */
	width:23.229166667%;
	margin-top:3.125%;
	padding:1.041666667% 3.95833333%;
	display:block;
}

#header-beratung span {
	background: url(img/OEH_Logo_blue_RGB.png) no-repeat center center;
	background-size: 70% auto;
	width:100%;
	height:0;
	padding-top:62.780269058%;
	display: block;
	overflow:hidden;
	text-indent: -2000px;
}

#header-studienplattform {
	float:left;
	background:#18197c;
	width:62.5%;
	margin-top:3.125%;
	padding:3.33333333% 1.458334% 2.60416667%;
	display:block;
}

#header-studienplattform strong {
	background:url(img/schriftzug-studienplattform.at.png) no-repeat left top;
	background-size: 100% auto;
	width:100%;
	padding-top:9.66666667%;
	height:0;
	display:block;
	overflow:hidden;
	text-indent: -2000px;
}

#header-studienplattform em {
	background:url(img/schriftzug-finde_dein_studium-2023.png) no-repeat left top;
	background-size: 99.5% auto;
	width:52.83333333%;
	padding-top:6%;
	height:0;
	display:block;
	overflow:hidden;
	text-indent: -2000px;
	float:right;
	margin-top:1.5%;
}

#searchForm {
	clear:both;
	padding-bottom:5em;
	color:#555;
}

#searchForm h2 {
	font-size:2.5em;
	color:#ffa664;
	padding-top:0.2em;
	padding-bottom:0.84em;
	padding-left:40px;
	background: url(img/arrows-searchForm.png) no-repeat -25px 10px;
}

#searchForm.closed h2 {
	background-position: 15px -29px;
}

#searchForm form {
	background: url(img/dashed-line-ffa664.png) repeat-x left bottom;
	padding-bottom: 2px;
}

#searchForm fieldset {
	border:0;
}

#searchForm .flapContainer {
	float:left;
	width:100%;
	padding-bottom:3em;
}

#searchForm.notCompletelyOpened .flapContainer {
	overflow:hidden;
}

#searchForm .description {
	font-size:1.6em;
	margin-bottom:1em;
	width:65.625%;
}

#searchForm .textualFields {
	float:left;
	width:80.7291667%;
}

#searchForm .text input[type="text"] {
	border:#ddd solid 3px;
	font-size:1.8em;
	font-family:inherit;
	color:#555;
	line-height:1em;
	text-indent:0.6em;
	padding:8px 0 9px;
	width:31.25%;
	width:300px;
}

#searchForm .text.big input[type="text"] {
	width:423px;
	width:98.6013986%;
	/*border-width:3px 0.699300699%;*/
}

#searchForm .text.empty input[type="text"] {
	color:#888;
}

#searchForm .text.focus input[type="text"] {
	border-color:#bbb;
}

#searchForm .text .resetButton,
#searchForm .select .resetButton {
	position:absolute;
	right:3px;
	top:13px;
	bottom:13px;
	padding:8px 8px 9px 8px;
	width:19px;
	background: #fff url(img/reset-button.png) no-repeat 8px center;
	overflow:hidden;
	text-indent: -2000px;
}

#searchForm .select .resetButton {
	right:4.5em;
}

#searchForm .text .resetButton:focus,
#searchForm .text .resetButton:hover,
#searchForm .select .resetButton:focus,
#searchForm .select .resetButton:hover {
	background-position: -42px center;
}

#searchForm .text.empty .resetButton,
#searchForm .text.disabled .resetButton,
#searchForm .select.empty .resetButton,
#searchForm .select.disabled .resetButton {
	display:none;
}

#searchForm .text .label,
#searchForm .select .label {
	position:absolute;
	left:-2000px;
	top:-2000px;
	width:1px;
	height:1px;
	overflow:hidden;
}

#searchForm .text,
#searchForm .select {
	display:inline-block;
	padding:10px 0;
	margin-bottom:10px;
	vertical-align: middle;
	float:right;
	/*width:31.875%;*/
	width:39.4838709677%;
	position: relative;
}

#searchForm .select select {
	border:#ddd solid 3px;
	font-size:1.8em;
	font-family:inherit;
	color:#555;
	padding:8px 0 9px;
	/*width:31.25%;*/
	width:306px;
}

#searchForm .select.disabled select,
#searchForm .select.empty select {
	color:#888;
}
#searchForm .select select option {
	color:#555;
}

#searchForm .text.big,
#searchForm .select.big {
	/*margin-right:5.161290%;*/
	/*width:423px;
	width:44.6875%;*/
	clear:both;
	float:left;
	width:55.354838709677%;
}

#searchForm .select.big select {
	/*width:429px;*/
	width:100%;
}

.yui3-aclist-content {
	border:#000 solid 1px;
	background:#fff;
	max-height:300px;
	overflow-y:auto;
}

.yui3-aclist-content li {
	font-size:1.8em;
	padding:5px;
	white-space: nowrap;
}

.yui3-aclist-content li.yui3-aclist-item-hover,
.yui3-aclist-content li.yui3-aclist-item-active {
	background:#18197c;
	color:#fff;
}

/* Container-specific base styling for select fields in the Termine filter */



#termineFilter .submit {
	background:url(img/button-2023.png) no-repeat left top;
	width:151px;
	height:51px;
	border:0;
	font-size:0.8em;
	font-weight:bold;
	font-family:inherit;
	/*text-indent:-2000px;
	overflow:hidden;*/
	padding-bottom:5px;
	cursor:pointer;
	float:right;
	margin:-2px -3px -4px -3px;
	color: #18197c;
}

#termineFilter label.select .styledSelectFieldTermine {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 100%;
}

/* Optional: If you have a "big" modifier that you want to use inside the Termine filter */
#termineFilter label.select.big .styledSelectFieldTermine {
    width: 100%;
}

/* Styling for the select element inside the styled container */
#termineFilter label.select .styledSelectFieldTermine select {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* Visible placeholder or display area for the selected value */
#termineFilter label.select .styledSelectFieldTermine .i1 {
    display: block;
    border: 3px solid #ddd;
    background: #fff;
    font-size: 1.5em;
    text-indent: 0.6em;
    overflow: hidden;
    line-height: 1.166666em;
    white-space: nowrap;
}

/* Styling for empty select (e.g., when a default "Alle" is chosen) */
#termineFilter label.select.empty .styledSelectFieldTermine .i1 {
    color: #888;
}

/* Disabled state styling for the select placeholder */
#termineFilter label.select.disabled .styledSelectFieldTermine .i1 {
    background: #f0f0f0;
    color: #888;
}

/* Focus styling for the select placeholder */
#termineFilter label.select.focus .styledSelectFieldTermine .i1 {
    border-color: #bbb;
}

/* Styling for the arrow or indicator graphic */
#termineFilter label.select .styledSelectFieldTermine .i2 {
    background: #ffa664 url(img/arrows-2023.png) no-repeat -6px -91px;
    position: absolute;
    right: 0;
    top: 0;
	
    width: 2.8em;
    height: 100%;
}

/* Disabled state styling for the arrow/indicator */
#termineFilter label.select.disabled .styledSelectFieldTermine .i2 {
    background-color: #ccc;
}


#searchForm .select .styledSelectField {
	display:inline-block;
	vertical-align:middle;
	position:relative;
	/*width:306px;*/
	width:100%;
}

#searchForm .select.big .styledSelectField {
	/*width:429px;*/
	width:100%;
}

#searchForm .select .styledSelectField select {
	position:absolute;
	opacity:0;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#searchForm .select .styledSelectField .i1 {
	display:block;
	border:#ddd solid 3px;
	background:#fff;
	font-size:1.8em;
	text-indent:0.6em;
	overflow:hidden;
	line-height:2.166666em;
	white-space: nowrap;
}

#searchForm .select.empty .styledSelectField .i1 {
	color:#888;
}

#searchForm .select.disabled .styledSelectField .i1 {
	background:#f0f0f0;
	color:#888;
}

#searchForm .select.focus .styledSelectField .i1 {
	border-color:#bbb;
}

#searchForm .select .styledSelectField .i2 {
	background:#ffa664 url(img/arrows-2023.png) no-repeat -6px -91px;
	position:absolute;
	right:0;
	top:0;
	height:100%;
	width:4.5em;
}

#searchForm .select.disabled .styledSelectField .i2 {
	background-color:#ccc;
}

#searchForm .checkboxes {
	clear:both;
	float:left;
	padding-top:10px;
}

#searchForm .checkbox {
	position:relative;
	display:inline-block;
	margin-right:57px;
	margin-bottom:10px;
}

#searchForm .checkbox input {
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
}

#searchForm .checkbox .label {
	padding-left:27px;
	display:inline-block;
	font-size:1.5em;
	line-height:1.333333em;
	cursor:pointer;
}

.js #searchForm .checkbox input {
	opacity:0;
}

.js #searchForm .checkbox .label {
	background:url(img/checkbox.png) no-repeat left -27px;
}

.js #searchForm .checkbox.checked .label {
	background-position:left -57px;
}

.js #searchForm .checkbox.disabled .label {
	background-position:left 3px;
	cursor:default;
	color:#999;
}

.js #searchForm .checkbox.disabled input {
	cursor:default;
}

.js #searchForm .checkbox.checked.disabled .label {
	background-position:left -87px;
}

.js #searchForm .checkbox.focus {
	outline:#000 dotted 1px;
}

#searchForm .submit {
	background:url(img/button-2023.png) no-repeat left top;
	width:151px;
	height:51px;
	border:0;
	font-size:1.8em;
	font-weight:bold;
	font-family:inherit;
	/*text-indent:-2000px;
	overflow:hidden;*/
	padding-bottom:5px;
	cursor:pointer;
	float:right;
	margin:-2px -3px -4px -3px;
	color: #18197c;
}

#catalogNav {
	background:#f6f6f6 url(img/dashed-line-18197c.png) repeat-x left bottom;
	padding:24px 15px;
	margin-bottom:50px;
}

#catalogNav h2 {
	font-size:2.5em;
	font-weight:normal;
	color:#18197c;
	padding-left:26px;
	background:url(img/arrows-2023.png) no-repeat -158px -35px;
}

.js #catalogNav h2 {
	cursor:pointer;
}

#catalogNav.closed h2 {
	background-position:-120px -74px;
}

#catalogNav .uls {
	float:left;
	width:100%;
}

#catalogNav ul {
	list-style-type:none;
	padding-top:22px;
	float:left;
	width:32.2580645%;
}

#catalogNav ul ~ ul {
	margin-left:0.9677419%;
}

#catalogNav li {
	padding-left:14px;
	font-size:1.5em;
	line-height:1.4666667em;
	background:url(img/arrows-2023.png) no-repeat -79px -113px;
}

#catalogNav .active {
	background-position:-39px -153px;
}

#catalogNav .active a {
	color:#333;
}

#body {
	clear:both;
	float:left;
	width:100%;
}

#content {
	float:left;
	width:65.625%;
}

#content p.lastchange {
	color:#666;
	margin-bottom:0;
	text-align: right;
	margin-top:-1.6666667em;
	float:left;
	width:100%;
}

#content h1 {
	padding-bottom:47px;
	padding-bottom:4.7em;
	float:left;
}

.welcome a {
	font-family: 'Red Hat Text';
	color: #18197c;
	font-size:3em;
	line-height:1.333333em;
	font-weight:normal; 
	/* font-weight:normal; 
	background:#ddd;
	padding:0 6px;*/
	margin-top: 50px;
}

#content h1 span {
	font-family: "Red Hat Display Black";
	font-size:3em;
	line-height:1.333333em;
	font-weight:normal;
	background:#ddd;
	padding:0 6px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

#content h1.searchResultOverview {
	max-width:87.3015873%;
}

#content .documentContent {
	clear:both;
}

#content img {
	float:left;
	width:44.444444%;
	margin-right:3.9682539%;
	margin-bottom:3.9682539%;
	margin-top:3px;
}

#content h3,
#content p,
#content ul,
#content ol {
	font-size:1.5em;
	line-height:1.333333em;
	margin-bottom:1.333333em;
}

#content h3 small,
#content p small,
#content ul small,
#content ol small {
	font-size:0.8em;
	line-height:1.333333em;
	margin-bottom:1.333333em;
}

#content ul {
	list-style-type:none;
	margin-left:30px;
}

#content ul > li {
	padding-left:20px;
	background:url(img/arrows-2023.png) no-repeat 1px -198px;
}

#content ol {
	margin-left:50px;
}

#content ul li ~ li,
#content ol li ~ li {
	margin-top:10px;
}


#content h2 {
	font-size:1.8em;
	font-weight:normal;
	line-height:1.3888889em;
	margin-bottom:1.3888889em;
}
#content h2 span {
	display:inline-block;
	background:#ddd;
	padding:0 6px;
}

#content hr {
	height:2px;
	border:0;
	/*border-bottom:#18197c solid 2px;*/
	margin-bottom:2em;
	background:url(img/dashed-line-DDDDDD.png) repeat-x left top;
	clear:both;
}

#content .contentBox .contentBoxHeader {
	display: block;
	font-size: inherit;
	color: #18197c;
	padding: 0 .5em 0 2em;
	line-height: 30px;
	background: #ffa664 url(img/arrows-2023.png) no-repeat -153px -35px;
	cursor: pointer;
}

#content .contentBox.closed .contentBoxHeader {
	background-position: -115px -74px;
}

#content .contentBox .contentBoxContent {
	padding-top: 1em;
}

#content ul.searchResultNav {
	margin:0;
	font-size:1em;
}

#content ul.searchResultNav-left {
	float:left;
}

#content ul.searchResultNav-right {
	float:right;
}

#content ul.searchResultNav li {
	background:#ddd;
	float:left;
	padding:0;
	overflow:hidden;
	text-indent:-2000px;
	width:4em;
	height:4em;
}

#content ul.searchResultNav li ~ li {
	margin-top:0;
}

#content ul.searchResultNav-left li {
	margin-right:15px;
}

#content ul.searchResultNav-right li {
	margin-left:15px;
}


#content ul.searchResultNav a {
	background:#18197c;
	display:block;
	width:100%;
	height:100%;
}





#content ul.searchResultNav a:focus,
#content ul.searchResultNav a:hover {
	background:#ddd;
	color:#333;
}

#content ul.searchResultNav span {
	background:url(img/image2.png?v2) no-repeat left top;
	display:block;
	width:100%;
	height:100%;
}

#content ul.searchResultNav .list span { background-position:left -80px; }
#content ul.searchResultNav .prev span { background-position:left -120px; }
#content ul.searchResultNav .next span { background-position:left -160px; }
#content ul.searchResultNav .fav span { background-position:left -200px; }
#content ul.searchResultNav .his span { background-position:left -240px; }
#content ul.searchResultNav .print span { background-position:left -280px; }
#content ul.searchResultNav .send span { background-position:left -320px; }
#content ul.searchResultNav .report span { background-color:#ffa664; background-position:-41px -385px;}

#content ul.searchResultNav .list a:focus span, #content ul.searchResultNav .list a:hover span { background-position:-40px -80px; }
#content ul.searchResultNav .prev a:focus span, #content ul.searchResultNav .prev a:hover span { background-position:-40px -120px; }
#content ul.searchResultNav .next a:focus span, #content ul.searchResultNav .next a:hover span { background-position:-40px -160px; }
#content ul.searchResultNav .fav a:focus { background:#18197c; color:inherit; }
#content ul.searchResultNav .fav a:hover { background:#ddd; color:#333; }
#content ul.searchResultNav .fav a:hover span { background-position:-40px -200px; }
#content ul.searchResultNav .his a:focus span, #content ul.searchResultNav .his a:hover span { background-position:-40px -240px; }
#content ul.searchResultNav .print a:focus span, #content ul.searchResultNav .print a:hover span { background-position:-40px -280px; }
#content ul.searchResultNav .send a:focus span, #content ul.searchResultNav .send a:hover span { background-position:-40px -320px; }

#content ul.searchResultNav .fav a.active:focus span, #content ul.searchResultNav .fav a.active:hover span, #content ul.searchResultNav .fav a.active span { background-position:left -200px; background-color:#ffa664; }

#sendFavorites {
	clear:both;
}

#sendFavorites form {
	padding-bottom:4.7em;
	float:left;
	width:100%;
}

#sendFavorites p {
	float:left;
	margin-bottom:0;
	width:47.619047619%;
	margin-right:4.7619047619%;
	/*width:28.5714%;
	margin-right:1.42857142857%;*/
}

#sendFavorites p small {
	font-size:0.8em;
	line-height:1.25em;
	color:#666;
	display:block;
	margin-top:0.75em;
}

#sendFavorites fieldset {
	font-size:1.5em;
}

#sendFavorites .statusMessage {
	margin:0;
	width:auto;
	float:none;
	padding-top:1em;
}

#sendFavorites .statusMessage .success {
	color: #18197c;
	font-weight: normal;
}

#sendFavorites .statusMessage .failure {
	color: #ffa664;
	font-weight: normal;
}

ul#searchHistory {
	margin:0;
	font-size:1em;
	padding-bottom:50px;
	clear:both;
	float:left;
	width:100%;
}

ul#searchHistory li {
	padding:0;
	background:url(img/dashed-line-DDDDDD.png) repeat-x left bottom;
	clear:both;
	float:left;
	width:100%;
	padding-bottom: 16px;
}

ul#searchHistory li h2 {
	font-size:1.8em;
	line-height:1.888888em;
	margin:0;
}

ul#searchHistory li h2 a {
	font-weight:normal;
}

ul#searchHistory li h2 small {
	font-size:0.722222em;
	float:right;
}

ul#searchHistory li.hover h2 a {
	text-decoration:underline;
}

ul#searchHistory li dl {
	font-size:1.5em;
	line-height:1.466666em;
	display:block;
}

ul#searchHistory dt {
	font-weight:bold;
	float:left;
	clear:both;
	width:28.57142857%;
}

ul#searchHistory dd {
	float:right;
	width:70%;
}

#searchResultOverviewNav {
	float:right;
}

#content ul.searchResultOverview {
	margin:0;
	font-size:1em;
	padding-bottom:50px;
	clear:both;
	float:left;
	width:100%;
}

#content ul.searchResultOverview li {
	padding:0;
	background:url(img/dashed-line-DDDDDD.png) repeat-x left bottom;
	clear:both;
	float:left;
	width:100%;
	padding-bottom: 16px;
}

#content ul.searchResultOverview li .favorite {
	display:block;
	width:21px;
	height:30px;
	background:url(img/icons.png?v2) no-repeat -90px -84px;
	float:left;
	overflow:hidden;
	text-indent:-2000px;
}

#content ul.searchResultOverview li .favorite:hover {
	background-position:-90px -124px;
}

#content ul.searchResultOverview li .favorite.active:focus,
#content ul.searchResultOverview li .favorite.active:hover,
#content ul.searchResultOverview li .favorite.active {
	background-position:-90px -164px;
}

#content ul.searchResultOverview li .itemContent {
	margin-left:30px;
}

#content ul.searchResultOverview li h2 {
	font-size:1.8em;
	line-height:1.888888em;
	margin:0;
}

#content ul.searchResultOverview li h2 a {
	font-weight:normal;
}

#content ul.searchResultOverview li.hover h2 a {
	text-decoration:underline;
}

#content ul.searchResultOverview li span {
	font-size:1.5em;
	line-height:1.466666em;
	display:block;
}

#content ul.searchResultOverview li span.organisationsform {
	font-size: 1.5em;
	font-weight: 500;
}

#content ul.searchResultOverview li span.hochschule {
	float: left;
}

#content ul.searchResultOverview li span.verbund {
	clear: left;
	float: left;
	font-size: 1.2em;
}

#content ul.searchResultOverview li span.ort {
	float:right;
	padding-right:16px;
}

ul#searchResultOverviewPagenav {
	background:none;
	clear:both;
	margin:0;
	width:100%;
	float:left;
	font-size:1.8em;
	font-weight:bold;
	line-height:1.3888889em;
	padding-bottom:35px;
}

ul#searchResultOverviewPagenav li {
	padding:0;
	float:left;
	color:#fff;
	min-width:1.3888889em;
	height:1.3888889em;
	margin:0 5px 5px 0;
	background:#ddd;
}

ul#searchResultOverviewPagenav li ~ li {
	margin:0 5px 5px 0;
}

ul#searchResultOverviewPagenav li.dir {
	width:auto;
}

/* "Zurück" / "Weiter": the link takes the width of its text, so the arrow never overlaps it
   (the 84% width + 8% padding below only works for the fixed-size page numbers) */
ul#searchResultOverviewPagenav li.dir a {
	width:auto;
	padding:0;
}

ul#searchResultOverviewPagenav li.dir .prev,
ul#searchResultOverviewPagenav li.dir .next {
	white-space:nowrap;
}

ul#searchResultOverviewPagenav li a {
	background:#18197c;
	color:#fff;
	display:block;
	width:84%;
	padding:0 8%;
	height:100%;
	text-align: center;
}

ul#searchResultOverviewPagenav li.ellipse {
	background:none;
	color:#000;
	text-align: center;
}

ul#searchResultOverviewPagenav li.dir .prev {
	background:url(img/arrows-prevPage.png) no-repeat left top;
	padding:0 6px 0 31px;
	display:block;
}

ul#searchResultOverviewPagenav li.dir a:focus .prev,
ul#searchResultOverviewPagenav li.dir a:hover .prev {
	background-position: left -50px;
}

ul#searchResultOverviewPagenav li.dir .next {
	background:url(img/arrows-nextPage.png) no-repeat right top;
	padding:0 31px 0 6px;
	display:block;
}

ul#searchResultOverviewPagenav li.dir a:focus .next,
ul#searchResultOverviewPagenav li.dir a:hover .next {
	background-position: right -50px;
}

ul#searchResultOverviewPagenav li a.active,
ul#searchResultOverviewPagenav li a:focus,
ul#searchResultOverviewPagenav li a:hover {
	text-decoration:none;
	background:#ddd;
	color:#333;
}

#searchResultDetailNav {
	float:left;
	width:100%;
	padding-bottom:40px;
}

#searchResultDetail {
	clear:both;
}

#searchResultDetailStudPro {
	overflow: hidden;
	color: #18197c;

	transition: height 0.4s;
}

#searchResultDetailStudPro dt strong {
	display: block;
	background: url(img/studpro-logo.png?1) no-repeat;
	width: 130px;
	height: 77px;
	text-indent: -2000px;
}

#searchResultDetailStudPro,
#searchResultDetailStudProInner {
	float: left;
	width: 100%;
}

#searchResultDetailStudPro ul {
	margin: 0;
}

#searchResultDetailStudPro ul li {
	padding: 0;
	background: none;
}

#searchResultDetailStudPro .contentBox {
	margin-top: 10px;
}

#searchResultDetail dl {
	clear:both;
	float:left;
	width:100%;
	font-size:1.5em;
	line-height:1.333333em;
}

#searchResultDetail dl small {
	font-size:0.8em;
}

#searchResultDetail dl h3,
#searchResultDetail dl p,
#searchResultDetail dl ul,
#searchResultDetail dl ol {
	font-size:1em;
}

#searchResultDetail dt {
	float:left;
	width:30%;
	width:28.57142857%;
	clear:both;
	padding-bottom:10px;
	color:#18197c;
}

#searchResultDetail dd {
	float:right;
	width:70%;
	padding-bottom:10px;
}

#searchResultDetail dd > h3:last-child,
#searchResultDetail dd > p:last-child,
#searchResultDetail dd > ul:last-child,
#searchResultDetail dd > ol:last-child {
	margin-bottom: 0;
}

#searchResultDetail .facebook .icon {
	display:inline-block;
	width:24px;
	height:24px;
	vertical-align: middle;
	background:#18197c url(img/icons.png?v2) no-repeat 0 -360px;
	margin-right:7px;
	position:relative;
	top:-1px;
}

#searchResultDetail .studienvertretung {
	line-height:1.933333em;
}

/*#searchResultDetail .facebook:focus span,
#searchResultDetail .facebook:hover span {
	background-color:#ccc;
	background-position:-40px -320px;
}*/

#taglist ul {
	margin:0;
}

#taglist ul li {
	background:none;
	padding:0;
	float:left;
	margin:0 6px 10px 0;
}

#taglist ul li ~ li {
	margin:0 6px 10px 0;
}

#taglist ul a {
	display:inline-block;
	background:#18197c;
	color:#fff;
	line-height:1.6em;
	padding:0 6px;
}

#taglist ul a:focus,
#taglist ul a:hover {
	background:#ddd;
	color:#333;
	text-decoration:none;
}

#suggestTagsForm {
	clear:both;
}

#suggestTagsForm h3 {
	text-align:right;
	margin:0;
}

.js #suggestTagsForm h3 {
	color:#18197c;
	cursor:pointer;
}

.js #suggestTagsForm h3:focus,
.js #suggestTagsForm h3:hover {
	text-decoration:underline;
}

#suggestTagsForm form {
	margin-top:1em;
}

#suggestTagsForm .tagify {
		--tags-border-color: transparent;
		--tags-hover-border-color: transparent;
		--tags-focus-border-color: transparent;
}

.tagify__dropdown {
	--tagify-dd-color-primary:#18197c;
	/* --tagify-dd-bg-color: white; */
}

.tagify__dropdown[position=text] .tagify__dropdown__wrapper {
	border-width: 2px;
}

.tagify__dropdown__item {
	font-size: 1.5em;
}

.oneTextfieldForm fieldset {
	position:relative;
	border:0;
}

.oneTextfieldForm label {
	display:block;
	margin-right:10.2040816%;
	margin-right:42px;
	border:#ddd solid 3px;
	/* border-right:0; */
	padding:0;
	overflow:hidden;
}

.oneTextfieldForm label > span {
	overflow:hidden;
	width:1px;
	height:1px;
	position:absolute;
	left:-2000px;
	top:-2000px;
}

.oneTextfieldForm label > input {
	border:0;
	padding:10px;
	width:100%;
}

.oneTextfieldForm .submit {
	display:inline-block;
	width:10.2040816%;
	width:45px;
	height:100%;
	max-height: 45px;
	background:#ffa664 url(img/arrows-2023.png) no-repeat -11px -46px;
	border:0;
	position:absolute;
	right:0;
	bottom:0;
	overflow:hidden;
	text-indent:-2000px;
	cursor:pointer;
}

#suggestTagsForm .statusMessage {
	margin:0;
	padding-top:1em;
}

#suggestTagsForm .statusMessage .success {
	color:#18197c;
	font-weight:normal;
	display: block;
}

#suggestTagsForm .statusMessage .failure {
	color:#ffa664;
	font-weight:normal;
	display: block;
}

#reportEntry {
	clear:both;
	padding-bottom:34px;
	position: relative;
	top: -4em;
}

#reportEntry h3 {
	margin:0;
	font-size:1.8em;
	color: #18197c !important;
	background-color: #ddd !important;

}

.js #reportEntry h3 {
	color:#18197c;
	cursor:pointer;
	background:url(img/arrow-more-0087BF.png) no-repeat right center;
	padding-right:25px;
	display:inline;
}

.js #reportEntry h3:focus,
.js #reportEntry h3:hover {
	text-decoration:underline;
}

#reportEntry form {
	padding-top:1em;
	display:block;
	position:relative;
}

#reportEntry fieldset {
	border:0;
}

#reportEntry label {
	display:block;
	font-size:1.5em;
	border:#ddd solid 3px;
	margin-bottom:1em;
	padding:10px;
}

#reportEntry label span {
	position:absolute;
	left:-2000px;
	top:-2000px;
	width:1px;
	height:1px;
	overflow:hidden;
}

#reportEntry textarea {
	font-family:inherit;
	resize: vertical;
	width:100%;
	border:0;
}

#reportEntry .submit {
	background:url(img/button-2023.png) no-repeat left top;
	width:151px;
	height:51px;
	border:0;
	font-size:1.8em;
	font-weight:bold;
	font-family:inherit;
	/*text-indent:-2000px;
	overflow:hidden;*/
	padding-bottom:5px;
	cursor:pointer;
	float:right;
	margin:-2px -3px -4px -3px;
}

#reportEntry fieldset .statusMessage {
	padding:0;
}

#reportEntry .statusMessage {
	margin:0;
	padding-top:1em;
}

#reportEntry .statusMessage .success {
	color:#18197c;
	font-weight:normal;
}

#reportEntry .statusMessage .failure {
	color:#ffa664;
	font-weight:normal;
}

#searchResultDetail hr {
	float:left;
	width:100%;
	margin-top:16px;
	margin-bottom:25px;
}

#sidebar {
	width:31.25%;
	/*padding-left:3.125%;*/
	float:right;
}

#sidebar .item {
	padding-bottom:6.666667%;
	float:left;
	width:100%;
}

#sidebar .box {
	background-color:#ffa664;
	padding:4.6666667%;
	color: #18197c;
}

#sidebar .item.second .box {
	background-color:#18197c;
	color: #fff;
}

#sidebar .box.half {
	width:37.333333%;
	float:left;
	padding-left:0;
	padding-right:0;
	width:46.6666667%;
}

#sidebar .box.half ~ .box.half {
	margin-left:6.666667%;
}

#sidebar .box h2 {
	font-family: 'Red Hat Display Black';
	/* font-family:ArvoRegular,serif; */
	font-size:2.5em;
	padding:10px 0 6px 50px;
	margin-top:1px;
	background:url(img/icons.png?v2) no-repeat left top;
}

#sidebar .box h2 a {
	font-weight:normal;
	color:#18197c;
}


#sidebar .item.second .box h2 a {
	font-weight:normal;
	color: #fff;
}

#sidebar .box.hover h2 a {
	text-decoration: underline;
}

#sidebar .box.half h2 {
	font-size:2.2em;
	text-align: center;
	padding:89px 0 5px;
}

#sidebar .box h2.favorites { background-position:-480px -80px; }
#sidebar .box h2.sprechblase-mit-ausrufezeichen { background-position:-400px -160px; }
#sidebar .box h2.barrierefrei { background-position:-320px -240px; }
#sidebar .box h2.smiley { background-position:-240px -320px; }
#sidebar .box h2.sprechblase-mit-fragezeichen { background-position:-160px -400px; }

#sidebar .box h2.twitter { background-position:center 10px; }
#sidebar .box h2.facebook { background-position:center -113px; }

#sidebar .box p,
#sidebar .box ul,
#sidebar .box ol {
	font-size:1.5em;
	line-height:1.4em;
}

#sidebar .box * ~ p,
#sidebar .box * ~ ul,
#sidebar .box * ~ ol {
	margin-top:0.933333em;
}

#sidebar .box ul {
	list-style-type:none;
}

#sidebar .box ul li {
	background:url(img/arrows-2023.png) no-repeat -40px -155px;
	padding-left:12px;
}

#sidebar .box ul li ~ li {
	margin-top:8px;
}


#sidebar .box a {
	color:#fff;
}

#sidebar .favli a {
	color:#fff;
}

.sternSymbol {
	display:inline-block;
	background:url(img/icons.png?v2) no-repeat -8px -208px;
	width:24px;
	height:23px;

	background:url(img/icons.png?v2) no-repeat -90px -130px;
	width:21px;
	height:20px;
	overflow:hidden;
	text-indent:-2000px;
}

#topAlias {
	clear:both;
	text-align:center;
	padding-bottom:5em;
}

#topAlias a {
	display:inline-block;
	background:#ffa664 url(img/arrows-top.png) no-repeat left top;
	color:#fff;
	font-size:1.8em;
	font-weight:bold;
	line-height:1.3888889em;
	padding:0 6px 0 28px;
}

#topAlias a:focus,
#topAlias a:hover {
	color:#333;
	background-color:#ddd;
	background-position:left -50px;
	text-decoration:none;
}

#featuredTeaser {
	clear:both;
	background: url(img/dashed-line-18197c.png) repeat-x left top;
	float:left;
	width:100%;
	padding:27px 0 26px;
}

#featuredTeaser .teaser {
	float:left;
	width:31.25%;
	padding:20px 0;
}

#featuredTeaser .teaser ~ .teaser {
	margin-left:3.125%;
}

#featuredTeaser .teaser h2 {
	font-family: 'Red Hat Display Black';
	/* font-family:ArvoRegular,serif; */
	font-weight:normal;
	font-size:2.2em;
	padding-bottom:19px;
}

#featuredTeaser .teaser img {
	width:100%;
	height:auto;
}

#featuredTeaser .teaser p {
	font-size:1.4em;
	line-height:1.357142em;
}

#featuredTeaser .teaser * ~ p {
	margin-top:1em;
}

#featuredTeaser .teaser p .more {
	font-size:1.285714em;
	background:url(img/arrow-more-0087BF.png) no-repeat right 4px;
	padding-right:25px;
}

#featuredTeaser .teaser.hover p .more {
	text-decoration:underline;
}

#footer {
	clear:both;
	background: url(img/dashed-line-18197c.png) repeat-x left top;
	float:left;
	width:100%;
	padding:23px 0 100px;
}

#footer ul {
	float:left;
	list-style-type:none;
	font-size:1.8em;
	line-height:1em;
	padding-top:26px;
	padding-bottom:30px;
	padding:26px 20px 30px 0;
}

#footer li {
	float:left;
}

#footer li ~ li {
	padding-left:25px;
	margin-left:25px;
	border-left:#18197c solid 2px;
}

#footer .schwarzesBrett {
	background:url(img/schwarzes-brett-logo.png) no-repeat left top;
	display:block;
	width:140px;
	height:71px;
	float:right;
	overflow:hidden;
	text-indent:-2000px;
	opacity:0.4;
	filter:Alpha(opacity=40);
	margin-top:22px;
}

#footer .progress {
	background:url(img/progress-logo.png) no-repeat left top;
	display:block;
	width:123px;
	height:21px;
	float:right;
	overflow:hidden;
	text-indent:-2000px;
	margin-left:42px;
	opacity:0.4;
	filter:Alpha(opacity=40);
	margin-top:28px;
}

#footer .schwarzesBrett:hover,
#footer .progress:hover {
	opacity:0.5;
	filter:Alpha(opacity=50);
}

#footer .copy {
	display:block;
	font-size:1.4em;
	line-height:1.285714em;
	font-family: 'Red Hat Display Black';
	/* font-family:ArvoRegular,serif; */
	float:right;
	margin-left:25px;
	padding-top:16px;
	padding-left:130px;
	height:104px;
	background:url(img/OEH_Logo_blue_RGB.png) no-repeat left top;
	background-size: 80px auto;
	/* background:url(img/oeh-button.png) no-repeat left top; */
	color:#666;
	margin-top:12px;
	font-weight:normal;
}

#footer .copy:focus,
#footer .copy:hover {
	text-decoration: none;
	color:#000;
}


.favMsg {
	position:absolute;
	left:0;
	top:0;
}

.favMsg .text {
	background:#333;
	color:#fff;
	border-radius: 10px;
	padding:10px;
	font-size:1.2em;
	max-width: 200px;
}

.favMsg .a {
	background:url(img/arrows-2023.png) no-repeat center top;
	height:10px;
}




.printContent #header,
.printContent #searchForm,
.printContent #catalogNav,
.printContent #featuredTeaser,
.printContent #footer,

.printContent #sidebar,
.printContent #topAlias,
.printContent #searchResultDetailNav,
.printContent #suggestTagsForm,
.printContent #reportEntry {
	display:none;
}

.printContent #main {
	padding:0;
}

.printContent .quickinfoWord {
	border:0;
}

.printContent #mainContainer {
	width:90em;
}

.printContent #content {
	width:100%;
}

.printContent #content hr {
	height:0;
	border-bottom:#ddd dashed 2px;
	background:none;
}

.printContent #searchResultDetail hr {
	margin-top:6px;
	margin-bottom:15px;
}

.printContent #searchResultDetail dt {
	width:20%;
}

.printContent #searchResultDetail dd {
	width:79%;
}

.printContent .noPrintOnly {
	display:none !important;
}


span.printOnly {
	display:none !important;
}

.printContent span.printOnly {
	display:inline !important;
}








@media screen and (min-width:550px) and (max-width: 830px) {
	#header-studienplattform {
		float:none;
		width:auto;
	}
	#header-studienplattform em {
		display:none;
	}
	#header-beratung {
		background:none;
		float:none;
		width:auto;
		padding:0;
		margin-top:1em;
	}
	#header-beratung span {
		background:none;
		width:auto;
		height:auto;
		padding-top:0;
		display: inline;
		overflow:visible;
		text-indent: 0;
		font-size:2em;
		font-weight: normal;
	}
	#searchForm .description {
		width:auto;
	}
	#searchForm .textualFields {
		float:none;
		width:auto;
	}
	#content {
		width:auto;
		float:none;
	}
	#content img {
		float:none;
		width:100%;
		margin-right:0;
	}
	#sidebar {
		width:auto;
		float:none;
		padding:0;
	}
	#sidebar .item {
		width:46.6666667%;
		width:48.38709677%;
		clear:both;
		padding-bottom:3.22580645%;
	}
	#sidebar .item.second {
		margin-left:3.22580645%;
		clear:none;
	}
	#sidebar .itemGroup.second .box {
		background-color:#18197c;
	}
	#sidebar .itemGroup.second .item.second .box {
		background-color:#ffa664;
	}
	#featuredTeaser .teaser {
		float:none;
		clear:both;
		width:100%;
	}
	#featuredTeaser .teaser ~ .teaser {
		margin-left:0;
	}
	#featuredTeaser .teaser img {
		width:48.4375%;
		margin-right:3.125%;
		float:left;
	}
	#featuredTeaser .teaser p {
		margin-top:0;
	}
	#catalogNav ul {
		float:none;
		width:auto;
	}
	#catalogNav ul ~ ul {
		padding-top:0;
		margin-left:0;
	}
	#footer ul {
		width:100%;
		padding-right:0;
	}
}

@media screen and (max-width: 550px){
	#header-studienplattform {
		float:none;
		width:auto;
	}
	#header-studienplattform em {
		display:none;
	}
	#header-beratung {
		background:none;
		float:none;
		width:auto;
		padding:0;
		margin-top:1em;
	}
	#header-beratung span {
		background:none;
		width:auto;
		height:auto;
		padding-top:0;
		display: inline;
		overflow:visible;
		text-indent: 0;
		font-size:2em;
		font-weight: normal;
	}
	#searchForm .description {
		width:auto;
	}
	#searchForm .textualFields {
		float:none;
		width:auto;
	}
	#searchForm .text,
	#searchForm .select,
	#searchForm .text.big,
	#searchForm .select.big {
		width:100%;
	}
	#content {
		width:auto;
		float:none;
	}
	#content img {
		float:none;
		width:100%;
		margin-right:0;
	}
	#sidebar {
		width:auto;
		float:none;
		padding:0;
	}
	#featuredTeaser .teaser {
		float:none;
		width:100%;
	}
	#featuredTeaser .teaser ~ .teaser {
		margin-left:0;
	}
	#catalogNav ul {
		float:none;
		width:auto;
	}
	#catalogNav ul ~ ul {
		padding-top:0;
		margin-left:0;
	}
	#footer ul {
		width:100%;
	}
}

.preview #header,
.preview #searchForm,
.preview #catalogNav,
.preview #searchResultDetailNav,
.preview #reportEntry,
.preview #sidebar,
.preview #topAlias,
.preview #featuredTeaser,
.preview #footer {
	display: none;
}

@media print {
	#lhc_status_container {
		display: none;
	}
}

table {
  border-collapse: collapse;
  width: 100%;
}

table td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

table tr:nth-child(even){background-color: #f2f2f2;}

table tr:hover {background-color: #ddd;}

table th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #18197c;
  color: white;
}


/* =====================================================================
   STUDIENSUCHE – new search UI (2026)
   ---------------------------------------------------------------------
   1. Tokens
   2. Search field placeholder
   3. Active filters (above the collapsible search fields)
   4. Explanation box "So wird gesucht"
   5. "Tipps zur Suche"
   6. Studienkatalog
   7. Results: jump bar
   8. Results: sections and headings
   9. Small screens

   Sizes in px on purpose: body uses font-size 62.5%, so rem/em values
   inside the search form come out too small.
   ===================================================================== */


/* ---------- 1. Tokens ---------- */

:root {
	--sp-navy: #18197c;     /* site blue */
	--sp-blue: #3d5a99;     /* secondary label color */
	--sp-purple: #5b3d99;   /* Fachbereich label */
	--sp-green: #2e7d6b;    /* Umkreis label */
	--sp-orange: #ffa664;   /* site orange */
	--sp-panel: #f4f4f6;    /* light panel background */
	--sp-grey: #888;        /* hints, placeholders (same as empty fields) */
	--sp-grey-dark: #555;   /* secondary text */
	--sp-grey-light: #9a9aa3;
}


/* ---------- 2. Search field placeholder ---------- */
/* the hint is a real placeholder now, no longer a value */

input::placeholder,
textarea::placeholder {
	color: var(--sp-grey);
	opacity: 1; /* Firefox dims placeholders otherwise */
}


/* ---------- 3. Active filters ---------- */

#searchForm .activeFilters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	margin: 0 0 16px;
	font-size: 16px;
}

#searchForm .activeFilters__label {
	color: var(--sp-grey-dark);
	font-weight: bold;
}

#searchForm .activeFilters ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#searchForm .activeFilters li {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	list-style: none !important;
}

#searchForm .activeFilters li::before,
#searchForm .activeFilters li::after {
	content: none !important;
	display: none !important;
}

#searchForm .activeFilters li a {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 16px;
	background: var(--sp-navy);
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}

#searchForm .activeFilters li a:hover,
#searchForm .activeFilters li a:focus {
	background: var(--sp-blue);
}

#searchForm .activeFilters__reset {
	color: var(--sp-navy);
	text-decoration: underline;
}

#searchForm .activeFilters__edit {
	margin-left: auto;
	padding: 6px 16px;
	border: 2px solid var(--sp-navy);
	border-radius: 18px;
	background: none;
	color: var(--sp-navy);
	font: inherit;
	font-weight: bold;
	cursor: pointer;
}

#searchForm .activeFilters__edit:hover,
#searchForm .activeFilters__edit:focus {
	background: var(--sp-navy);
	color: #fff;
}


/* ---------- 4. Explanation box "So wird gesucht" ---------- */

#searchForm .flapContainer .searchHints {
	display: block;
	clear: both;
	float: none;
	width: auto;
	box-sizing: border-box;
	margin: 14px 0 10px;
	padding: 14px 18px 14px 16px;
	background: var(--sp-panel);
	border-left: 4px solid var(--sp-orange);
	font-size: 16px;
}

#searchForm .flapContainer .searchHints[hidden] {
	display: none;
}

#searchForm .searchHints .searchHints__title {
	margin: 0 0 10px;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--sp-navy);
}

#searchForm .searchHints .searchHints__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

#searchForm .searchHints .searchHints__item {
	display: flex;
	align-items: baseline;
	gap: 14px;
	margin: 8px 0;
	padding: 0;
	font-size: 17px;
	line-height: 1.45;
	color: #333;
	background: none;
}

#searchForm .searchHints .searchHints__item::before {
	content: none;
}

#searchForm .searchHints .searchHints__tag {
	flex: 0 0 120px;
	padding: 3px 0;
	border-radius: 12px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background: var(--sp-navy);
	color: #fff;
}

/* label colors per kind */
#searchForm .searchHints .searchHints__item--ort .searchHints__tag,
#searchForm .searchHints .searchHints__item--hochschule .searchHints__tag,
#searchForm .searchHints .searchHints__item--studienart .searchHints__tag { background: var(--sp-blue); }
#searchForm .searchHints .searchHints__item--kategorie .searchHints__tag  { background: var(--sp-purple); }
#searchForm .searchHints .searchHints__item--umkreis .searchHints__tag    { background: var(--sp-green); }
#searchForm .searchHints .searchHints__item--ignoriert .searchHints__tag  { background: var(--sp-grey-light); }
#searchForm .searchHints .searchHints__item--volltext .searchHints__tag   { background: var(--sp-orange); color: var(--sp-navy); }

#searchForm .searchHints .searchHints__item--ignoriert .searchHints__text {
	color: #777;
}


/* "Welcher Ort?" – ambiguous place names */
#searchForm .searchHints .searchHints__item--frage .searchHints__tag { background: var(--sp-orange); color: var(--sp-navy); }

#searchForm .searchHints .searchHints__choices {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 8px;
	margin-top: 6px;
}

#searchForm .searchHints .searchHints__choice {
	padding: 3px 12px;
	border: 2px solid var(--sp-navy);
	border-radius: 16px;
	background: #fff;
	color: var(--sp-navy);
	font: inherit;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
}

#searchForm .searchHints .searchHints__choice:hover,
#searchForm .searchHints .searchHints__choice:focus {
	background: var(--sp-navy);
	color: #fff;
}

#searchForm .searchHints .searchHints__choice.is-current {
	border-color: transparent;
	background: none;
	color: var(--sp-grey-dark);
	cursor: default;
}


/* ---------- 5. "Tipps zur Suche" ---------- */

#searchForm .flapContainer .searchTips {
	display: block;
	clear: both;
	float: none;
	width: auto;
	margin: 0 0 14px;
	font-size: 16px;
	line-height: 1.5;
	color: #444;
}

#searchForm .searchTips summary {
	display: inline-block;
	cursor: pointer;
	color: var(--sp-navy);
	font-size: 16px;
	font-weight: bold;
	list-style: none;
}

#searchForm .searchTips summary::-webkit-details-marker { display: none; }
#searchForm .searchTips summary::before { content: "+ "; color: var(--sp-orange); }
#searchForm .searchTips[open] summary::before { content: "– "; }

#searchForm .searchTips ul {
	margin: 6px 0 0;
	padding-left: 1.2em;
}

#searchForm .searchTips li {
	margin: 6px 0;
}

#searchForm .searchTips em {
	font-style: normal;
	font-family: monospace;
	font-size: 15px;
	background: var(--sp-panel);
	padding: 1px 6px;
}

/* the checkbox row starts below the tips */
#searchForm .flapContainer .checkboxes {
	clear: both;
}


/* ---------- 6. Studienkatalog ---------- */

#catalogNav .catalogNav__filters {
	margin: -6px 0 14px;
	font-size: 16px;
	color: var(--sp-grey-dark);
}

#catalogNav .catalogNav__filters[hidden] {
	display: none;
}

#catalogNav .catalogNav__count {
	font-weight: normal;
	color: var(--sp-grey-dark);
}

#catalogNav li.catalogNav__empty a {
	color: var(--sp-grey-light);
	cursor: default;
	pointer-events: none;
}

#catalogNav li.active a {
	text-decoration: underline;
}


/* ---------- 7. Results: jump bar ---------- */

nav.searchResultJump {
	clear: left;
	float: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	width: auto;
	margin: 12px 0 20px;
	padding: 0;
	font-size: 15px;
}

nav.searchResultJump .searchResultJump__label {
	flex: 0 0 auto;
	white-space: nowrap;
	color: #666;
}

nav.searchResultJump ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* switch off the site's list bullets (› icons) inside the bar */
nav.searchResultJump ul li {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	list-style: none !important;
}

nav.searchResultJump ul li::before,
nav.searchResultJump ul li::after {
	content: none !important;
	display: none !important;
}

nav.searchResultJump a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 12px;
	border: 1px solid var(--sp-navy);
	border-radius: 16px;
	color: var(--sp-navy);
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	line-height: 1.3;
}

nav.searchResultJump a:hover,
nav.searchResultJump a:focus {
	background: var(--sp-navy);
	color: #fff;
}

nav.searchResultJump .searchResultJump__count {
	display: inline-block;
	min-width: 1.6em;
	padding: 0 6px;
	border-radius: 10px;
	background: var(--sp-orange);
	color: var(--sp-navy);
	font-size: 13px;
	text-align: center;
}

/* two rows with a proximity search: "<Ort>:" and "Umgebung:" */
nav.searchResultJump--places {
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
}

nav.searchResultJump--places .searchResultJump__row {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 8px 12px;
}

nav.searchResultJump--places .searchResultJump__row ul {
	flex: 1 1 auto;
	min-width: 0;
}

nav.searchResultJump--places a.searchResultJump__group {
	flex: 0 0 8.5em;
	padding: 5px 0 0;
	border: none;
	border-radius: 0;
	background: none;
	color: var(--sp-navy);
	font-weight: bold;
	white-space: nowrap;
}

nav.searchResultJump--places a.searchResultJump__group::after {
	content: ":";
}

nav.searchResultJump--places a.searchResultJump__group:hover,
nav.searchResultJump--places a.searchResultJump__group:focus {
	background: none;
	color: var(--sp-navy);
	text-decoration: underline;
}

nav.searchResultJump--places .searchResultJump__empty {
	padding-top: 5px;
	color: var(--sp-grey);
	font-style: italic;
}


/* ---------- 8. Results: sections and headings ---------- */

.searchResultGroup,
.searchResultSection {
	clear: left;
	scroll-margin-top: 20px; /* raise if the page gets a sticky header */
}

.searchResultSection__title {
	margin: 14px 0 6px;
	font-size: 18px;
	color: var(--sp-navy);
}

.searchResultSection__info {
	margin: -4px 0 10px;
	font-size: 15px;
	color: var(--sp-grey-dark);
}


/* ---------- 9. Small screens ---------- */

@media (max-width: 600px) {
	#searchForm .activeFilters__edit {
		margin-left: 0;
	}
	#searchForm .searchHints .searchHints__item {
		flex-direction: column;
		gap: 2px;
		font-size: 16px;
	}
	#searchForm .searchHints .searchHints__tag {
		flex-basis: auto;
		padding: 3px 10px;
	}
	nav.searchResultJump--places .searchResultJump__row {
		flex-wrap: wrap;
	}
}