@charset "utf-8";

/* Styles for Portrait screen */
@media all and (orientation:portrait) {

/* Header */
#headerZusatzinfosRechtsNeutral p { width: 82%; height: auto; text-overflow: ellipsis; margin: .2em 0 0 .8em; padding: 0; }
#headerHauptbild { height: 23em; margin: 0 0 0 0; }

/* Content */
#wrapperMain { width: 100%; height: auto; margin: 0 0 0 0; }
#wrapperMain p { font-size: 1.3em; }

/* Content Home */
.contentBoxBHBHome { width: 100%; height: auto; margin: 0 0 1.4em 0; }
.contentBoxBHBHomeBild { width: 100%; height: auto; }
.contentBoxBHBHomeTitle { font-size: 1.8em; margin: .4em 0 .4em .4em; }
.contentBoxBHBHomeText { font-size: 1.2em; margin: .2em .4em .6em .6em; }
.contentBoxBHBHomeLink { font-size: 1.4em; }
#wrapperAnbietersucheHome { margin: .2em 0 .8em 0; }

/* Ergebnisseite - Anbieteruebersicht */
#wrapperSuchfilter { width: 100%; font-size: 1.4em; clear: both; }
#bhbFilterSuchergebnisListe { width: 48%; height: 2.4em; float: left; margin: 0 0 .4em 0; }
#bhbFilterSuchergebnisKarte { width: 48%; height: 2.4em; float: right; margin: 0 0 .4em 0; }
#bhbFilterSuchergebnisOrte { width: 100%; height: auto; font-size: 1em; }

/* Suchergebnisse in Karte anzeigen */
#filterSuchergebnisKarte { width: 48%; height: 2.4em; float: right; margin: 0 0 .4em 0; }
#wrapperSuchergebnisseKarte { width: 100%; height: 24em; margin: 1em 0 0 0; }
#karte { width: 100%; height: 23.4em; }

/* Suchergebnisse in Liste anzeigen */
#wrapperSuchergebnisseListe { width: 100%; height: auto; margin: 1.4em 0 0 0; }
.suchergebnisseListeBox { width: 100%; height: auto; margin: 1.4em 0 0 0; }
.suchergebnisseListeBoxBild { width: 100%; height: auto; float: left; background-color: #fff; margin: 0 0 -.4em 0; }
.suchergebnisseListeBoxBild img { width: 100%; height: auto; }
.suchergebnisseListeBoxContent { width: 100%; height: auto; float: left; padding: .4em .6em 0 .6em; }
.suchergebnisseListeBoxContentLinks { width: 100%; height: auto; float: left; }
.suchergebnisseListeBoxContentLinksName { width: 100%; height: auto; color: #76b82a; font-size: 1.6em; font-weight: 300; overflow: visible; text-overflow: clip; white-space: pre-wrap; margiin: 0 0 .8em 0; }
.suchergebnisseListeBoxContentLinksStrasse { font-size: 1.4em; }
.suchergebnisseListeBoxContentLinksOrt { font-size: 1.4em; }
.suchergebnisseListeBoxContentLinksBeschreibung { width: auto; height: auto; overflow: hidden; font-size: 1.4em; margin: 1em 0 .8em 0; }
.suchergebnisseListeBoxContentRechts { width: 100%; height: auto; float: left; text-align: left; }
.suchergebnisseListeBoxContentRechts img { margin: 0 0 .4em 0; }
.suchergebnisseListeBoxContentLinksKapazitaeten { height: auto; font-size: 1.2em; line-height: 1.4em; margin: .8em 0 .8em 0; }
.suchergebnisseListeBoxLink { width: auto; height: auto; float: right; font-size: 1.8em; margin: 0 0 .8em 0; }
#suchergebnisseListeSeitenzahl { width: 100%; height: 4em; float: left; margin: 2em 0 0 0; text-align: right; }
#suchergebnisseListeSeitenzahl img { margin: 0 0 0 1.4em; }
.spansuchergebnisseListeSeitenzahl { width: 100%; float: left; font-size: 1.4em; margin: .6em 0 0 0; }

/* Detailseite Anbieter */
#wrapperAnbieterNavigation { }
.anbieterNavSprungmarke { width: auto; height: auto; font-size: 1.2em; font-weight: 300; }
#anbieterDetailsBildergalerie { width: 100%; height: auto; margin: 0 0 1.4em 0; }
#anbieterDetailsBildergalerieBild { width: 100%; height: auto; margin: 0 0 0 0; }
#anbieterDetailsBildergalerieBildLinks { display: none; }
#anbieterDetailsBildergalerieBildMitte { width: 100%; height: auto; margin: 0 0 0 0; }
#anbieterDetailsBildergalerieBildMitte img { width: 100%; height: auto; margin: 0 0 0 0; }
#anbieterDetailsBildergalerieBildRechts { display: none; }
#anbieterDetailsBildergalerieBildLinks img { display: none; }
#anbieterDetailsBildergalerieBildTitel { width: 100%; height: auto; font-size: 1.2em; margin: 0 0 0 0; }
#anbieterDetailsBildergalerieBildNummer { height: auto; font-size: 1em; margin: .2em 0 0 0; }
#anbieterDetailsBildergalerieThumbnail { width: 100%; height: auto; }
#anbieterDetailsBildergalerieThumbnail img { margin: 0 .2em 0 0; }
.anbieterDetailsInfobox { width: 100%; }
.anbieterDetailsInfobox p { font-size: 1em!important; width: auto; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; }
.anbieterDetailsInfoboxTitel { font-size: 1.4em; font-weight: 300; margin: .6em 0 0 0; padding: 0; }
.anbieterDetailsInfoboxKapazitaetAbstand { width: auto; float: left; }
.anbieterDetailsInfobox ul { width: auto; height: auto; font-size: 1.3em; font-weight: 300; list-style-position: outside; margin: .2em 0 0 1.4em; padding: 0; }
.anbieterDetailsPiktogramme { width: 96%; height: auto; float: left; margin: 0 .3em 0 0; font-size: 1em; }
.anbieterDetailsPiktogramme img { float: left; margin: 0 .4em 0 0; }
.anbieterDetailsInfoboxButtonAngebotsanforderung { height: auto; font-weight: 400; }
.anbieterDetailsInfoboxLinkAngebotsanforderung { font-size: 1.4em; }
.anbieterDetailsInfoboxLageSPKTitel { font-size: 1.2em; font-weight: 300; }
.anbieterDetailsInfoboxUebernachtungspreise { margin: .8em 0 0 0; }
.anbieterDetailsInfoboxTourenplanungAbstand { width: 100%; font-size: 1.4em; margin: .8em 0 .8em 0; text-decoration: underline; }
#anbieterDetailsInfoboxSpreewaldkarte { margin: 0 0 0 0; padding: 0 0 0 0; width: auto; height: auto; }
.anbieterDetailsAuszugSpeisekarteBox { font-size: 1em; }

.mjCal_calendars { padding: 0 0 .5em 0; margin: 0 0 .4em 0; width: 100%; height: auto; float: left; font-size: 1.2em; }
.mjCal_datepicker { width: 100%; height: auto; margin: 0 0 .4em 0; }
.ui-datepicker { width: 100%; height: auto; padding: .2em .2em 0 0; }

/* Formularelemente Anbietersuche */
.inputAnbietersucheHomeGDB { width: 100% !important; font-size: 1.4em !important; }
.selectAnbietersucheHomeGDB { width: 46% !important; height: 2.2em; font-size: 1.4em !important; }
.selectAnbietersucheHomeRechtsGDB { width: 46% !important; height: 2.2em; font-size: 1.4em !important; }
#bhbFilterSuchergebnisBelegungskalender { width: 100%; height: auto; }
.anbietersucheHomeAbstandCheckbox { width: 96%; font-size: 1.2em !important; text-align: left; }

/* Formular Buchungsanfrage */
#Accordion1 h3 { font-size: 1.4em; font-weight: 300; height: auto; padding: .4em 1em .4em .4em; }
.formularTitel { font-size: 1.4em; margin: .4em 0 0 0; font-weight: 200; }
.ui-accordion .ui-accordion-content { margin: 0 0 0 0; padding: 0 .84em 0 .8em!important; }
.ui-accordion .ui-accordion-header { font-weight: 100; padding: 0; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-position: right bottom; }
.ui-accordion .ui-accordion-content { padding: .4em 0 0 0; }
.formularClear { width: 100%; height: 2.6em; clear: both; }

.formularBuchungsanfrageBoxLinks { width: 100% !important; height: auto; margin: .8em 0 0 0;}
.formularBuchungsanfrageBoxRechts { width: 100% !important; height: auto: float: left; margin: .2em 0 .8em 0; }

.formularBuchungsanfrageReisedatenAbstand { width: 6em!important; float: left; margin: .4em 0 0 0; padding: .4em 0 0 0; font-size: .9em; }
.inputReisedaten { width: 6.4em!important; }
.selectReisedaten { width: 6em; }
.selectPersonenanzahl { width: 3em!important; }
.textareaMitteilung { width: 100%; height: 14em; margin: .8em 0 0 0; }
.contentBoxRVMAnfrageFormularGastgeberangebotZimmerart { width: 100%!important; height: auto; font-size: 1.3em; font-weight: 200; }
.contentBoxRVMAnfragedetailsKategorie { font-size: 1.2em; }
.inputPersonendaten { width: 100%; }
.buttonAnfrageSenden { width: 100%!important; margin: 0 auto!important; font-size: 1.4em!important; float: left; }
input[type="checkbox"] { margin:0px 8px 3px 1px; vertical-align:middle; width: 1em; height: 1em; padding: .2em; }



}

/* Styles for Landscape screen */
@media all and (orientation:landscape) {

/* Content */
#wrapperMain { width: 100%; height: auto; margin: 0 0 0 0; }

}