@charset "utf-8";

/* Uebersichtsseite - Themenauswahl */
/* Boxen für Themenauswahl */
.contentBoxHome {
	width: 19em;
	height: auto;
	margin: 0 1.4em 1.4em 0;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	background-color: #fff;
}

.contentBoxHomeBild {
  width: 100%;
  height: 12.8em;
}

.contentBoxHomeBild img { width: 100%; height: auto; }

.contentBoxHomeTitle {
	font-family: "proxima-nova-n1", "proxima-nova", sans-serif;
	font-weight: 200;
	font-size: 1.4em;
	margin: .2em .4em .4em .4em;
	text-overflow: ellipsis;
}

.contentBoxHomeText {
	width: auto;
	height: auto;
	font-family: "proxima-nova-n1", "proxima-nova", sans-serif;
	font-weight: 300;
	font-size: 1em;
	margin: .2em .4em .6em .4em;
	text-overflow: ellipsis;
}

.contentBoxHomeLink {
	font-family: "proxima-nova-n1", "proxima-nova", sans-serif;
	font-weight: 300;
	width: auto;
	height: auto;
	color: #fff;
	background-color: #76b82a;
	padding: .4em .8em .4em .8em;
	margin: 0 0 0 0;
	text-align: center;
	position: relative;
	float: right;
	z-index: 4601;
}

.contentBoxHomeLink a { font-family: "proxima-nova-n1", "proxima-nova", sans-serif; font-size: 1.2em; font-weight: 200; color: #fff; }

.contentBoxHomeVideo {
  width: 100%;
  height: 6em;
}

#videoSeitenbreite {
	width: 20px;
	height: 360px; display: none;
}

/* Region */
/* Boxen für Bilder mit Bilduntertitel */
.wrapperImageBoxRegion { 
	width: 100%; 
	height: auto; 
	/*display: table;*/ 
	position: relative; 
}

.ImageBoxRegion {
	width: auto;
	height: auto;
	padding: .4em; /*display: table-cell;*/
	overflow: hidden;
	background-color: #fff;
}

.ImageBoxRegionBild {
  width: 100%;
  height: auto;
}

.ImageBoxRegionBild img { 
	width: 100%; 
	height: auto; 
}

.ImageBoxRegionText {
	width: auto;
	height: auto;
	font-family: "proxima-nova-n1", "proxima-nova", sans-serif;
	font-weight: 300;
	font-size: .9em;
	margin: -1em .4em 0 .4em;
	text-overflow: ellipsis;
}

/* Ergebnisse zur Auswahl - Suchergebnisse */

/* Filter Suchergebnisse */
#wrapperSuchfilter {
	width: 100%;
	height: auto;
	font-size: 1.1em;
}

#filterSuchergebnisAnzahl {
	width: 21em;
	height: 2.4em;
	float: left;
	margin: 0 .6em .8em 0;
	padding: .6em;
	background-color: #fff;
}

#filterSuchergebnisListe {
	width: 8em;
	height: 2.4em;
	float: left;
	margin: 0 .8em .2em 0;
	padding: .6em .8em .8em 2em;
	text-align: center;
	background-color: #fff;
	background-image: url(../../gfx/pics/icon-liste-grau.png);
	background-repeat: no-repeat;
	background-position: 1.4em center;
}

#filterSuchergebnisKarte {
	width: 8em;
	height: 2.4em;
	float: left;
	margin: 0 0 .2em 0;
	padding: .6em 0 .6em 2em;
	text-align: center;
	background-color: #fff;
	background-image: url(../../gfx/pics/icon-karte-grau.png);
	background-repeat: no-repeat;
	background-position: 1.4em center;
}

#filterSuchergebnisOrte {
	width: 20.6em;
	height: 2.4em;
	float: right;
	margin: 0 0 .2em 0;
	background-color: #fff;
}

.selectfilterSuchergebnisOrte {
	width: 100%;
	height: 2em;
	margin: .2em 0 0 0;
	padding: 0 0 0 .6em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	font-family: "proxima-nova-n1", "proxima-nova", sans-serif;
	font-style: normal;
	font-weight: 100;
	border: none;
}

#filterSuchergebnisBelegungskalender {
	width: 100%;
	height: 2.4em;
	float: left;
	margin: 0 0 0 0;
	padding: .6em;
	text-align: center;
	background-color: #fff;
}

#filterSuchergebnisAktivitaetsart {
	width: 24%;
	height: 2.4em;
	float: left;
	margin: 0 .8em 0 0;
	text-align: center;
}

#filterSuchergebnisTourart {
	width: 18%;
	height: 2.4em;
	float: left;
	margin: 0 0 0 0;
	text-align: center;
}

/* Suchergebnisse als Listenansicht */
#wrapperSuchergebnisseListe {
	width: 100%;
	height: auto;
	margin: 1.4em 0 0 0;
}

.suchergebnisseListeBox {
	width: 100%;
	height: 11em;
	margin: 0 0 1.4em 0;
}

.suchergebnisseListeBoxBild {
	width: 17em;
	height: 11em;
	float: left;
}

.suchergebnisseListeBoxBild img {
	width: 100%;
	height: 96%;
}

.suchergebnisseListeBoxContent {
	width: 24.4em;
	height: 10.6em;
	float: right;
	padding: 0 0 0 .6em;
	background-color: #fff;
}

.suchergebnisseListeBoxContentLinks {
	width: 20.6em;
	height: 10em;
	float: left;
}

.suchergebnisseListeBoxContentRechts {
	width: 3em;
	height: 10em;
	float: right;
	text-align: center;
}

.suchergebnisseListeBoxContentRechts img {
	margin: 0 0 .4em 0;
}

.suchergebnisseListeBoxContentLinksName {
	width: 100%;
	height: auto;
	color: #76b82a;
	font-size: 1.	em;
	font-weight: 400;
	padding: .2em 0 .2em 0;
}

.suchergebnisseListeBoxContentLinksStrasse { font-size: .9em; }

.suchergebnisseListeBoxContentLinksOrt { font-size: .9em; }

.suchergebnisseListeBoxContentLinksBeschreibung {
	width: auto;
	height: 5.4em;
	font-size: .9em;
	overflow: hidden;
	margin: 1em 0 0 0;
}

.suchergebnisseListeBoxLink {
	width: auto;
	height: auto;
	float: right;
	color: #fff;
	background-color: #47b900;
	font-size: 1em;
	text-align: center;
	padding: .2em .4em .2em .4em;
	margin: .1em 0 0 0;
}

.suchergebnisseListeBoxLink a { color: #fff; }

#suchergebnisseListeSeitenzahl {
	width: 18em;
	height: 4em;
	float: right;
	margin: 2em 0 0 0;
	text-align: right;
}

#suchergebnisseListeSeitenzahl img {
	margin: 0 0 0 1.4em;
}

.spansuchergebnisseListeSeitenzahl {
	width: 7em;
	float: left;
	font-size: 1.4em;
	margin: .6em 0 0 0;
}

/* Suchergebnisse als Kartenansicht */
#wrapperSuchergebnisseKarte {
	width: 100%;
	height: 44em;
	margin: 2em 0 0 0;
	padding: .4em;
	background-color: #fff;
}

#karte { 
	width: 100%;
	height: 100%; 
}

/* Details zum Suchergebnis */
.anbieterDetailsInfobox {
	width: 100%;
	height: auto;
	margin: 0 0 .4em 0;
	padding: .8em .8em .2em .8em;
	background-color: #ebedf1;
}

.anbieterDetailsInfobox a { color: #5e9322; font-weight: 400; }

.anbieterDetailsInfobox li { 
	margin: 0 0 .4em 0;
	list-style: square; }

.anbieterDetailsLinkBuchungsformular {
	width: 44%;
	height: auto;
	font-weight: 400;
	text-align: center;
	background-color: #76b82a;
	color: #fff;
	padding: .8em;
	margin: 1.4em 0 1.4em 0;
}

.anbieterDetailsLinkBuchungsformular a { color: #fff; }

.anbieterDetailsBildAnschrift {
	width: 19.4em;
	height: 12em;
	float: left;
	margin: 0 1em .8em 0;
}

.anbieterDetailsBildAnschrift img {
	width: 270px;
	height: auto;
}

.anbieterDetailsInfoboxTitel {
	font-size: 1.4em;
	margin: 0 0 .4em 0;
}

.anbieterDetailsInfoboxBilder {
	width: 100%;
	height: auto;
	margin: .4em 0 -.1em 0;
	padding: 0;
}

.anbieterDetailsweitereBilderLinks {
	width: 48%;
	height: auto;
	float: left;
	margin: 0 0 .6em 0;
}

.anbieterDetailsweitereBilderRechts {
	width: 48%;
	height: auto;
	float: right;
	text-align: right;
	margin: 0 0 .6em 0;
}

.anbieterDetailsweitereBilderImg {
	width: 300px;
	height: 200px;
}

.anbieterDetailsInfoboxSpreekapitaenkarte {
	width: 42em;
	height: 14em;
	margin: .2em 0 0 -1.4em;
	padding: 0;
	clear: both;
	background-color: #fff;
}

/* Bereich Region */
.regionInfobox {
	width: 100%;
	height: auto;
	margin: 0 0 .4em 0;
	padding: .8em;
	background-color: #ebedf1;
}

.regionInfoboxTitel { margin: 0 0 .4em 0; }

.regionInfoboxTitel h2 {
	font-size: 1.4em;
	margin: 0 0 .4em 0;
}

.regionInfobox p { margin: .1em 0 0 0; }

.regionContentBildLinks {
	width: 19.4em;
	min-height: 12em;
	margin: 0 1.4em .8em 0;
	float: left;
}

.regionContentBildRechts {
	width: 19.4em;
	min-height: 12em;
	margin: 0 0 .8em 1.4em;
	float: right;
}

.regionInfobox ul { margin: 0 0 0 22em; padding: 0; }

.regionContentBildLinks img, .regionContentBildRechts img {
	width: 100%;
	height: auto;
}

.regionContentBildOhne { display: none; }

/* Gastronomie */
/* Startseite - Boxen für Themenauswahl */
.wrapperContentBoxen {
	width: 100%;
	height: auto;
}

.contentBoxBHBHome {
	width: 19em;
	height: auto;
	float: left;
	margin: 0 2em 1.8em 0;
	overflow: hidden;
	background-color: #fff;
}

.contentBoxBHBHomeBild {
  width: 100%;
  height: 13.4em;
}

.contentBoxBHBHomeBild img { width: 100%; height: auto; }

.contentBoxBHBHomeTitle {
	font-family: "proxima-nova-n1", "proxima-nova", sans-serif;
	font-weight: 200;
	font-size: 1.4em;
	margin: .2em .4em .4em .4em;
	text-overflow: ellipsis;
}

.contentBoxBHBHomeText {
	width: auto;
	height: auto;
	font-family: "proxima-nova-n1", "proxima-nova", sans-serif;
	font-weight: 300;
	font-size: 1em;
	margin: .2em .4em .6em .4em;
	text-overflow: ellipsis;
}

.contentBoxBHBHomeLink {
	font-family: "proxima-nova-n1", "proxima-nova", sans-serif;
	font-weight: 300;
	width: auto;
	height: auto;
	color: #fff;
	background-color: #76b82a;
	padding: .4em .8em .4em .8em;
	margin: 0 0 0 0;
	text-align: center;
	position: relative;
	float: right;
	z-index: 4601;
}

.contentBoxBHBHomeLink a { 
	font-family: "proxima-nova-n1", "proxima-nova", sans-serif; 
	font-size: 1.2em;
	font-weight: 200;
	color: #fff; 
}

/* Suche - Startseite */
#wrapperAnbietersucheHome {
	width: 100%;
	height: auto;
	font-size: 1.1em;
	margin: 0 0 2em 0;
	padding: .4em;
	background-color: #ebedf1;
}

#wrapperanbietersucheHomeCheckbox {
	width: 100%;
	height: 2.4em;
	margin: 0 0 0 0;
	padding: .6em;
	background-color: #fff;
}

.anbietersucheHomeAbstandCheckbox {
	width: auto;
	height: 2.4em;
	float: left;
	margin: 0 .8em 0 0;
}

/* Seite Suchergebnisse */
#wrapperSuchfilter {
	width: 100%;
	height: auto;
	font-size: 1.1em;
}

#bhbFilterSuchergebnisAnzahl {
	width: 21em;
	height: 2.4em;
	float: left;
	margin: 0 .6em .8em 0;
	padding: .6em;
	background-color: #fff;
}

#bhbFilterSuchergebnisListe {
	width: 8em;
	height: 2.4em;
	float: left;
	margin: 0 .8em .8em 0;
	padding: .6em .8em .8em 2em;
	text-align: center;
	background-color: #fff;
	background-image: url(https://www.spreewaldinfo.de/gfx/pics/bhb/icon-liste-grau.png);
	background-repeat: no-repeat;
	background-position: 1.4em center;
}

#bhbFilterSuchergebnisKarte {
	width: 8em;
	height: 2.4em;
	float: left;
	margin: 0 0 .8em 0;
	padding: .6em 0 .6em 2em;
	text-align: center;
	background-color: #fff;
	background-image: url(https://www.spreewaldinfo.de/gfx/pics/bhb/icon-karte-grau.png);
	background-repeat: no-repeat;
	background-position: 1.4em center;
}

#bhbFilterSuchergebnisOrte {
	width: 20.6em;
	height: 2.4em;
	float: right;
	margin: 0 0 .8em 0;
	background-color: #fff;
}

#bhbFilterSuchergebnisBelegungskalender {
	width: 100%;
	height: 4.8em;
	float: left;
	margin: 0 0 0 0;
	padding: .6em;
	text-align: center;
	background-color: #fff;
}

.spansuchergebnisseListeBoxContentLinksKapazitaeten {
	width: 8em;
	height: auto;
	float: left;
}

/* Anbieterinfos Navigation */
#wrapperAnbieterNavigation {
	width: 100%;
	height: auto;
	background-color: orange;
}

.anbieterNavSprungmarke {
	width: auto;
	height: 2.4em;
	float: left;
	margin: 0 .6em .6em 0;
	padding: .6em;
	text-align: center;
	background-color: #fff;
}

#anbieterDetailsBildergaler {
	width: 100%;
	height: auto;
	margin: 1.4em 0 2em 0;
}

#anbieterDetailsBildergalerieBild {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
}

#anbieterDetailsBildergalerieBildLinks {
	width: 3em;
	height: 26em;
	float: left;
	margin: 0 0 0 0;
	cursor: pointer;
}

#anbieterDetailsBildergalerieBildMitte {
	width: 35em;
	height: auto;
	/* height: 26em; 	Wert bis 2021-03-19 */
	float: left;
	margin: 0 0 0 .4em;
	text-align: center;
}

#anbieterDetailsBildergalerieBildMitte img {
	width: 100%;
	height: auto;
}

#anbieterDetailsBildergalerieBildRechts {
	width: 3em;
	height: 26em;
	float: right;
	margin: 0 0 0 0;
	cursor: pointer;
}

#anbieterDetailsBildergalerieBildLinks img, #anbieterDetailsBildergalerieBildRechts img {
    position: relative;
    top: 46%;
}

#anbieterDetailsBildergalerieBildTitel {
	width: 100%;
	height: 1.4em;
	font-size: 1.2em;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	margin: .8em 0 0 0;
}

#anbieterDetailsBildergalerieBildNummer {
	width: 100%;
	height: 1.4em;
	font-size: .9em;
	text-align: center;
}

#anbieterDetailsBildergalerieThumbnail {
	width: 100%;
	height: auto;
}

#anbieterDetailsBildergalerieThumbnail img {
	margin: 0 .2em 0 0;
}

.anbieterDetailsInfobox {
	width: 100%;
	height: auto;
	margin: 0 0 .4em 0;
	padding: .8em;
	background-color: #ebedf1;
}

.anbieterDetailsInfoboxTitel {
	font-size: 1.4em;
}

.anbieterDetailsInfoboxKapazitaetAbstand {
	width: 12em;
	float: left;
}

.anbieterDetailsInfoboxTourenplanungAbstand {
	width: 22em;
	float: left;
}

.anbieterDetailsInfoboxLinkAngebotsanforderung {
	font-weight: 400;
	color: #76b82a;
}

.anbieterDetailsInfoboxLinkAngebotsanforderung a {
	color: #76b82a;
}

.anbieterDetailsInfoboxButtonAngebotsanforderung {
	width: 100%;
	height: 2.4em;
	color: #fff;
	background-color: #76b82a;
	text-align: center;
	margin: -.2em 0 .4em 0;
	padding: .6em;
	font-size: 1.4em;
}

.anbieterDetailsInfoboxButtonAngebotsanforderung a { color: #fff; }

#anbieterDetailsInfoboxSpreewaldkarte {
	width: 100%;
	height: auto;
        padding: 0;
}

#karte { 
        width: 100%;
        height: 100%;
}

.anbieterDetailsPiktogramme {
	width: 40%;
	height: auto;
	float: left;
	margin: 0 1.4em .8em 0;
}

.mjCal_calendars {
    padding: 0;
    margin: .2em 1.4em 1.4em 0;
    width: 40%;
    height: auto;
    float: left;
}

.ui-datepicker {
	width: 100%;
        height: auto;
	padding: .2em .2em 0 0;
	display: none;
}

.anzeigeEditieren {
	width: auto;
	height: auto;
	position: relative;
	float: right;
}

.abstandAnbieterVerwaltungSocialMediaURL {
	width: 6em;
	float: left;
	margin: .8em 0 0 0;
}

#form_subject {
    position: absolute;
    top: -1000px;
    left: -1000px;
}