@charset "utf-8";
/* CSS Document */

.boerse {
	margin-bottom:1.5rem;
}

/*********************** Suchformular ***********************/
.nohits {
	color:#818181;
}

.chiffreintern {
	/*background-color:#DB7B7D; noch formatieren !!! */
}



/*********************** Karte ***********************/
/* allgemeine Formatierungen für Google-Maps-Anwendungen ins main übernehmen! */
.googlekarte {
	margin-bottom:1.5rem;
	position:relative;
}

.googlekarte #map {
	width:100%;
}
.boerse #map {
	height:400px;
}

.googlekarte #legende {
	position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 420;
    background-color: #fff;
    padding: 0.5rem 0.75rem 0.75rem 0.5rem;
    margin-left: 0.5rem;
}

.googlekarte #legende ul {
	margin:0;
	list-style:none;
	padding:0;
	font-size:0.9em;
}

.googlekarte #legende img {
	width:1.25em;
	/*vertical-align:text-top;*/
	vertical-align:middle;
}

/* Infobox in Map */
.googlekarte .mapinfobox {
	/*width:30em;*/
	width:26em;
	line-height:1.25em;
	margin-right:2em; /* für Scrollbalken etc. */
}

.googlekarte .mapinfobox h3, .googlekarte .mapinfobox table, .googlekarte .mapinfobox p {
	margin-bottom:0.6em;
}

.googlekarte .mapinfobox dl {
	padding-bottom:0.6em;
}

.boerse .googlekarte .mapinfobox .morelink {
	/*font-size:1.25em;*/
}


/*********************** Ergebnisliste ***********************/

/* Teaseransicht */ /* oder Spaltenaufteilung über Position im Template regulieren! */
.teaserview .iconbox {
	background-position:top right;
	background-repeat:no-repeat;
	background-size:2.5em;
}
.teaserview .iconbox.praxenstellen_boerse {
	background-image:url(../pics/icons-boersen/boerse-icon-praxis-stellen.png);
}
.teaserview .iconbox.famulatur_boerse {
	background-image:url(../pics/icons-boersen/boerse-icon-famulatur.png);
}
.teaserview .iconbox.raum_boerse {
	background-image:url(../pics/icons-boersen/boerse-icon-raeume.png);
}
.teaserview .iconbox.geraete_boerse {
	background-image:url(../pics/icons-boersen/boerse-icon-geraete.png);
}
.teaserview .iconbox.weiterbildungsstelle_boerse, .teaserview .iconbox.weiterbildungsstelle_kh_boerse {
	background-image:url(../pics/icons-boersen/boerse-icon-weiterbildung.png);
}


/* Ergebnisliste */
.boerse .result-list {
	list-style:none;
	padding:0;
}

.boerse .result {
	list-style:none;
}

.result-list .result.chiffre .infobox {
}
.result-list .result.foerderung .infobox {
}
.result-list .result.hervorgehoben .infobox {
	background-color:#d9d9e8;
}
.result-list .result.merkliste .infobox {
	background-color:#d9d9e8;
}

.result-list .result .kategorie {
	color:#818181;
	padding-right:3rem;
}

.result-list .result .icon {
	float:right;
}

.result-list .titel .buttonform {
}

.textbutton {
	white-space:normal;
}

.result-list .titel .buttonform .textbutton {
	font:inherit;
	color: inherit;
	font-size: 1.5rem;
	font-family: 'MuseoSlab500', Rockwell, Georgia, "Times New Roman", Times, serif;
	color: inherit;
	color: #4e920b;
	border:none;
	padding:0;
	background:none;
	text-align:left;
	word-wrap:break-word;
}



/* Ergebnisboxen */


/*********************** Suchform ***********************/
.searchform {
}

.boersenform {
	padding:0.75rem 0;
}

.filterform {
	padding:0;
}

.boersenform .fieldblock, .buttonform .fieldblock {
	margin-bottom:1rem;
}

.boersenform .buttons {
	padding-top:0.75rem;
}

.sortbutton {
	border:none;
	background:none;
}


/*********************** Filterform ***********************/
.filterform {
}

.navbar.navbar-expand-lg.suchfilterform {
	padding:0;
	margin-bottom:0.5rem;
}

.navbar.navbar-expand-lg.suchfilterform button {
	margin-bottom:1rem;
}
.navbar.navbar-expand-lg.suchfilterform .btn {
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
/*	background-color:#fff;
	color:#4e920b;
	border-color:#4e920b;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;*/
}

.navbar.navbar-expand-lg.suchfilterform .btn .icon {
	/*font-size:1.1em;*/
}

#suchfilter {
	flex-direction: column;
}

#suchfilter > div {
	width:100%;
}

.moreoptions {
	position:relative;
	margin-bottom:0;
	padding-bottom:1.25em;
}

.moreoptions .showmoreoptions, .moreoptions .showmoreoptions:hover {
	font-size:0.9em;
	text-decoration:underline;
	position:absolute;
	bottom:0;
	right:0;
	cursor:pointer;
	color:#4e920b;
	/*padding-right:15px;
}
.filterform .moreoptions.closed .showmoreoptions {
	background:url(../pics/icons-boersen/pfeil-rechts-hellgrau.png) right center no-repeat;
}
.filterform .moreoptions.open .showmoreoptions {
	background:url(../pics/icons-boersen/pfeil-oben-hellgrau.png) right center no-repeat;*/
}


.morecontent.slidecontent {
	padding-top:0;
}
/*
.filterform .button .kv-button, .filterform .button .kv-button-blau {
	margin-bottom:0.75em;
}

 BIS HIER */

/* Sortierung */
.sortview .sortlist a {
	text-decoration:none;
	color:#3f3f3f;
}

.mobileslideclick {
	display:none;
	text-align:right;
}

.mobileslideclick a {
	display:inline-block;
	padding:0.5em 1em 0.5em 0;
	margin:0;
	cursor:pointer;
}

.mobileslideclick.closed a {
	background:url(../pics/icons-boersen/pfeil-rechts-dunkelgrau.png) right center no-repeat;
}
.mobileslideclick.open a {
	background:url(../pics/icons-boersen/pfeil-unten-dunkelgrau.png) right center no-repeat;
}

.mobileslidecontent {
}

@media (max-width: 700px) {
	.colwrap.changeorder aside .filterform {
	}

	.mobileslideclick {
		display:block;
	}
	
	.mobileslidecontent {
	}
	
}


/*********************** Detailansicht ***********************/


.boerse .buttons .printbutton a {
	padding-left:21px;
	background:url(../pics/icons-boersen/print.png) left center no-repeat;
}
.boerse .buttons .mailbutton a {
	padding-left:25px;
	background:url(../pics/icons-boersen/brief.png) left center no-repeat;
}

.boerse .bildergalerie .figure {
	width:20%; /* max 5 Bilder zugelassen */
}



/*********************** Inserieren ***********************/

/*********************** Fortschrittsbalken **********************/
.fortschrittstatus {
	list-style:none;
	margin-left:0;
	margin-bottom:2rem;
	padding-left:0;
}
.fortschrittstatus {
	*zoom: 1;
}
.fortschrittstatus:after {
	content: " ";
	display: table;
	clear: both;
} 

.fortschrittstatus .schritt {
	float:left;
	margin:0;
	padding:0;
	font-size:0.9em;
}
.fortschrittstatus .schritt.aktiv {
}
.fortschrittstatus.col4 .schritt {
	width:25%;
}
.fortschrittstatus.col5 .schritt {
	width:20%;
}

.fortschrittstatus .schritt .status {
	display:block;
	padding-top:50px;
	padding-bottom:0.25em;
	text-align:center;
	text-decoration:none;
	color:#a1a1a1;
	text-transform:uppercase;	
	background-position:center top;
	background-repeat:no-repeat;
	background-size: 45px 45px;
	border-bottom:2px solid #c1c1c1;
}
.fortschrittstatus .schritt.aktiv .status {
}
.fortschrittstatus .schritt.aktiv .status, .fortschrittstatus .schritt a.status:hover {
	color:#3f3f3f;
	border-color:#4e920b;
}
.fortschrittstatus .schritt.overview .status {
	background-image:url(../pics/icons-boersen/warenkorb-uebersicht.svg);
}
.fortschrittstatus .schritt.overview.aktiv .status, .fortschrittstatus .schritt.overview a.status:hover {
	background-image:url(../pics/icons-boersen/warenkorb-uebersicht-aktiv2.svg);
}
.fortschrittstatus .schritt.datainput .status {
	background-image:url(../pics/icons-boersen/warenkorb-daten.svg);
}
.fortschrittstatus .schritt.datainput.aktiv .status, .fortschrittstatus .schritt.datainput a.status:hover {
	background-image:url(../pics/icons-boersen/warenkorb-daten-aktiv2.svg);
}
.fortschrittstatus .schritt.checkorder .status {
	background-image:url(../pics/icons-boersen/warenkorb-ueberpruefen.svg);
}
.fortschrittstatus .schritt.checkorder.aktiv .status, .fortschrittstatus .schritt.checkorder a.status:hover {
	background-image:url(../pics/icons-boersen/warenkorb-ueberpruefen-aktiv2.svg);
}
.fortschrittstatus .schritt.finish .status {
	background-image:url(../pics/icons-boersen/warenkorb-fertig.svg);
}
.fortschrittstatus .schritt.finish.aktiv .status, .fortschrittstatus .schritt.finish a.status:hover {
	background-image:url(../pics/icons-boersen/warenkorb-fertig-aktiv2.svg);
}
.fortschrittstatus .schritt.working .status {
	background-image:url(../pics/icons-boersen/warenkorb-verarbeiten.svg);
}
.fortschrittstatus .schritt.working.aktiv .status, .fortschrittstatus .schritt.working a.status:hover {
	background-image:url(../pics/icons-boersen/warenkorb-verarbeiten-aktiv2.svg);
}
.fortschrittstatus .schritt.personaldata .status {
	background-image:url(../pics/icons-boersen/warenkorb-personendaten.svg);
}
.fortschrittstatus .schritt.personaldata.aktiv .status, .fortschrittstatus .schritt.personaldata a.status:hover {
	background-image:url(../pics/icons-boersen/warenkorb-personendaten-aktiv2.svg);
}




/*********************** Allgemeines ***********************/
.optionlist {
	list-style:none;
	margin:0;
	padding-left:0.5em;
}

.optionlist label, .labelbold .optionlist label {
	margin-bottom:0;
	font-weight:normal;
}

.hinweis {
	font-style:italic;
}

.optionlist li .hinweis {
	font-size:0.9em;
	margin-left:1rem;
	display:block;
	margin-bottom:0.5rem;
	line-height:1.5em;
}

.hinweis.labelhinweis {
	display:block;
	font-size:0.9em;
	margin-bottom:0.5rem;
	line-height:1.5em;
}

/* wie .inline-liste aus rte.css */
dl.merkmale {
	margin-left:0;
}

dl.merkmale dt {
	float:left;
	clear:left;
	margin-right:0.3em;
}

dl.merkmale dd {
	margin-bottom:0;
}

/* besser ins rte.css */
dl.tablelist {
	*zoom: 1;
	margin-left:0;
}
dl.tablelist:after {
	content: " ";
	display: table;
	clear: both;
} 

dl.tablelist dt {
	clear:both;
	float:left;
	width:30%;
    font-weight: bold;
}

dl.tablelist dd {
	*zoom: 1;
	margin-left:30%;
	padding-left:1em;
}
dl.tablelist dd:after {
	content: " ";
	display: table;
	clear: both;
}

dl.tablelist dd.abstand {
	margin-bottom:1.5em;
}

dl.tablelist.abstand dd, dl.tablelist.abstand dt {
	/*margin-bottom:0.75em;*/
	padding-top:1em;
}

dl.tablelist.abstand dd:last-child, dl.tablelist.abstand dt:last-child {
	margin-bottom:0;
}

dl.tablelist.abstand dt:first-child + dd, dl.tablelist.abstand dt:first-child {
	padding-top:0;
}

dl.tablelist ul {
	margin-bottom:0;
}


legend.label {
	font-size:1em;
	font-weight:normal;
}

.labelbold .label, .labelbold label {
	font-weight:bold;
}

.col .inner {
}

.row > .col .inner {
	padding:0 15px;
}


legend.form-header {
	color:#4e920b;
	font-size:1.25rem;
	font-weight:bold;
	line-height:1.25em;
}

.labelinfo {
	color:#3f3f3f;
	font-size:1rem;
	font-weight:normal;
}

.col .inner legend {
	margin-bottom:0;
}

.absatz {
	margin-bottom:1.5rem;
}


.button-group .group-button {
	margin-right:0.5rem;
	margin-bottom:0.75rem;
}


.bildbutton .icon {
	margin-right:0.25em;
}

.hide-text {
	display:inline-block;
	text-indent:-9999px;
}

.texticon {
	max-height:1em;
	width:auto !important;
}

.textfloatright {
	float:right;
}

.nebenbutton {
	padding:0.375rem 0;
}

.clear {
	clear:both;
}

/*********************** Merkliste ***********************/

.merklistbutton {
	float:right;
}

.merklistbutton .bildbutton .icon {
	font-size:1.5rem;
	margin-right:0;
}


.merkliste .icon.merklistbutton a {
	display: block;
    width: 1.5rem;
    height: 1.5rem;
    text-indent: -9999px;
    background-image: url(../pics/icons-boersen/merkliste-check.svg);
	background-repeat: no-repeat;
	background-size:cover;
}


/* Position zurück-Button korrigieren */
.backbutton {
	margin-top:-1.5rem; /*-24px;*/
}