@charset "utf-8";

/* Styles for Portrait screen */
@media all and (orientation:portrait) {
body {
}
/* Header */
#wrapperHeader {
	height: 26em;
}
#wrapperHeaderBalkenNavigation {
	height: 5.6em;
}
#wrapperHeaderNavigation {
	width: 100%;
	height: 6em;
}
#headerLogo {
	width: 14%;
	height: auto;
	margin: 0 2em 0 .6em;
}
#headerLogo img {
	width: 100%;
	height: auto;
}
#headerSocialMedia {
	width: 22%;
	height: 1.8em;
	margin: -4.4em .6em 0 0;
}
#headerSocialMedia img {
	width: 18%;
	height: auto;
}
.socialmediaSymboleRight {
	float: left;
	margin: 0 0 0 .2em;
}
#headerSubnavigation {
	width: 24%;
	margin: 0 .4em 0 0;
	font-size: .7em;
}
#headerHauptbild {
	width: 100%;
	height: 24em;
	margin: 4.8em 0 0 0;
}
.haederAnzeige {
	width: 20em;
	height: auto;
	position: absolute;
	z-index: 5000;
	margin: 8.2em 0 3.3em 34%;
	top: 0;
}
#headerHauptbildBalken {
	width: 100%;
	height: 2.6em;
	margin: -5.5em 0 0 0;
}
#wrapperheaderZusatzinfos {
	width: 100%;
	height: 9em;
	margin: -9em auto 0 auto;
}
#wrapperheaderZusatzinfos.mobilePartnerVisible {
	overflow: visible;
}
#headerZusatzinfoRVM {
	display: none;
}
#headerZusatzinfosLinks {
	width: 28%;
	height: 9em;
	margin: -4em 4em 0 .8em;
}
#headerZusatzinfosMitte {
	width: 24%;
	height: 2.6em;
	margin: 7em 0 0 0;
}
#headerZusatzinfosRechts {
	width: 29%;
	height: auto;
	float: right;
	margin: -4.9em .6em 0 0;
}
#headerZusatzinfosLinksSPK {
	height: 8em;
}
#headerZusatzinfosLinksSPK img {
	width: 100%;
	height: auto;
}
#headerZusatzinfosLinksSuche {
	height: 5em;
}
.inputSuche {
	width: 82%;
	font-size: 1em;
	margin: .8em 0 0 0;
}
#headerZusatzinfosRechtsTeaser {
	width: auto;
	height: auto;
}
.headerZusatzinfosRechtsTeaser1 {
	font-size: 1.3em;
	padding: 0 0 0 0;
}
.headerZusatzinfosRechtsTeaser2 {
	font-size: 1.6em;
}
#headerZusatzinfosRechtsUnterkunftssuche {
	width: auto;
	height: 3.9em;
	background-size: 100% 67%;
}
#headerZusatzinfosRechtsUnterkunftssuche p {
	width: 83%;
	height: 1.6em;
	font-size: 1.6em;
	margin: .9em .8em 0 0;
}

/* Header Navigation */
#headerNavigation {
	width: 75%;
	height: 2.4em;
	margin: .6em 0 0 0;
}
#headerNavigation li {
	font-size: 1.4em;
	font-weight: 300;
	margin: 0 .4em 0 0;
}
#headerNavigationSmartphone {
	display: none;
}
.navi {
	margin: 5.8em 0 0 0;
	width: 100%;
	height: 50em;
	top: -.3em;
}
#navigation_ichBin h3, #navigation_spreewald h3, #navigation_service h3, #navigation_uebernachten h3 {
	font-size: 1.2em;
	margin: 0 0 .4em 0;
}
#headerNavigation a:hover {
	text-decoration: none;
	border-bottom: #76b82a 2px solid;
}
#navigation_ichBin {
}
#navigation_spreewald {
}
#navigation_service {
}
#navigation_uebernachten {
}
.wrapperNavigationsblock {
	height: 17em;
}
.navigationBlock {
	width: 46%;
	margin: 0 1em 0 0;
}
.navigationBlock li {
	height: auto;
	font-size: 1.1em;
	font-weight: 300;
	padding: .4em 0 .4em 0;
}
.navigationBlock li a {
	color: #333;
}

.navigationBlockweitereAngebote { font-weight: 400!important; }

.navigationAngebotsblock {
	height: 16em;
}

/* Content */
#wrapperContent {
	width: 100%;
	margin: 0 0 0 0;
}
#wrapperMain {
	width: 64%;
	font-size: 1.2em;
	margin: 0 0 0 .8em;
}
#wrapperMain h1 {
	font-size: 1.8em;
	margin: 0;
}
#breadcrumbNavigation {
	height: auto;
	margin: .8em 0 1.4em 0;
}
.contentBoxBild {
	width: auto;
	height: auto;
}
.contentBoxBild img {
	width: 100%;
	height: auto;
}
.contentBoxTitle {
	font-size: 1.2em;
}
.contentBoxText {
	font-size: .9em;
}
.contentBoxLink {
	font-size: .85em;
}
/* Boxen für Themenauswahl */
.contentBoxHome {
	width: 100%;
	margin: 0 0 1.4em 0;
}
.contentBoxHomeBild {
	height: 17.4em;
}
.contentBoxBildTitleTextLeft {
	width: 48%;
	height: auto;
}
.contentBoxBildTitleTextRight {
	width: 48%;
	height: auto;
}
.contentBoxBildTitle {
	width: 48%;
	height: 7.85em;
	margin: 0 1em 1em 0;
}
.contentBoxBildTitleBalken {
	margin: .4em 0 0 .4em;
}
.contentBoxBildTitleBalken h1 {
	font-size: 1em!important;
}
.contentBoxBildTitleImg {
	margin: 0 0 0 0;
}
.contentBoxBildTitleImg img {
	width: 100%;
	height: auto;
}
.contentBoxBildTitleLink {
	margin: 7.4em 0 0 0;
	font-size: .85em;
	position: absolute;
}
.contentBoxPauschalangebot {
	width: 48%;
	height: auto;
}
.contentBoxPauschalangebotTitle {
	margin: 0 auto;
	padding: .4em .4em .8em .4em;
}
.contentBoxPauschalangebotTitle h1 {
	font-size: 1.2em!important;
}
.contentBoxPauschalangebotImg {
	margin: -2.3em 0 0 0;
}
.contentBoxPauschalangebotImg img {
	width: auto;
	height: auto;
	margin: 0 0 0 -14%;
}
.contentBoxPauschalangebotText {
	width: 93%;
	height: auto;
	margin: 12em 0 .2em .4em;
}
.contentBoxPauschalangebotText ul {
	height: auto;
}
.contentBoxPauschalangebotText li {
	font-size: .8em;
}
.contentBoxPauschalangebotTextPreis {
	width: 90%;
	height: auto;
	font-size: .85em;
	margin: .4em .4em .2em 0;
}
/* Sidebar */
#contentSidebar {
	width: 27.5%;
	margin: 0 1.8em 0 0;
}
.contentSidebarBox {
	padding: .4em;
	font-size: .85em;
}
.contentSidebarBox h2 {
	font-size: 1.2em;
	font-weight: 300;
}
.contentSidebarBox img {
	width: 100%;
	height: auto;
}
#sidebarLogin {
	padding: .4em .6em 0.4em 0;
	font-size: 1em;
}
#sidebarSpreewaldAppBoxLinks img {
	width: 98%;
	height: auto;
}
#sidebarSpreewaldAppBoxRechts img {
	width: 94%;
}
/* Banner - Anzeigenleiste in der Sidebar */
#wrapperSidebarAnzeigen {
	width: 10.4em;
	margin: -27em .6em 0 0;
}
#anzeigenReisevermittlung {
	width: 100%;
	height: 6em;
}
#anzeigenReisevermittlung h2 {
	font-size: 1.2em;
	padding: 0 0 0 .8em;
	margin: .4em 0 0 0
}
#anzeigenReisevermittlung p {
	font-size: 1.1em;
	margin: -1em 0 0 .8em;
}
#anzeigenReisevermittlung p a {
	color: #fff;
}
#wrapperAnzeigen {
	margin: 7.6em 2em 0 0 !important;
}
.AnzeigenPartnerTitle {
	display: block;
	width: auto;
	height: auto;
	font-size: 1em;
	text-align: center;
	padding: .4em;
}
#wrapperAnzeigenLeiste {
	position: absolute;
	display: none;
}
.showInMobile #wrapperAnzeigenLeiste {
	display: block !important;
}

/* Content Bild ueber Seitenbreite und Navigation */
#wrappercontentBildseitenbreiteNavigation {
	width: 100%;
	height: 20em;
}
#contentBildseitenbreiteNavigation {
	width: 98%;
	height: 14em;
}
#contentBildseitenbreiteNavigationsbloecke {
	width: auto;
	padding: .8em 0 .8em 1.8em;
}
.contentNavigationsboxBildbreite {
	width: 22%;
	margin: 0 1em 0 0;
}
.contentNavigationsboxBildbreite li {
	font-size: 1em;
}
/* Footer */
#wrapperFooter {
	height: 16em;
}
#wrapperfooterBoxen {
	width: 97%;
}
#footerBoxen {
	width: 100%;
	height: 11.4em;
	padding: 0 0 0 0;
}
.footerBox1 {
	width: 30%;
	font-size: .9em;
	height: 10.8em;
	margin: 1.2em 0 0 0;
}
.footerBox2 {
	width: 34%;
	font-size: .9em;
	height: 10em;
	margin: .8em 0 0 0;
	line-height: 1.4em;
}
.footerBox3 {
	width: 34%;
	height: 10em;
	margin: 0 0 0 0;
}
#footerleiste {
	width: 100%;
	height: 3em;
}
#footerleisteSocialMedia {
	width: 100%;
	margin: .2em 0 0 0;
}
#footerleisteSocialMedia img {
	width: 16%;
	height: auto;
}
#footerleisteCopyright {
	width: 60%;
	height: 3em;
	margin: 1.2em .8em 0 0;
}
#footerleisteCopyright ul {
	width: auto;
	margin: -.8em 0 0 0;
}
#footerleisteCopyright li {
	font-size: 1em;
}
/* Footer fuer Smartphones */
#wrapperMobilFooter {
	display: none;
}
/* Footer weiterfuehrende Links fuer Smartphone */
.footerWeitereLinks {
	display: none;
}
}

/* Styles for Landscape screen */
@media all and (orientation:landscape) {
body {
}
/* Header */
#wrapperHeader {
	height: 32em;
}
#wrapperHeaderBalkenNavigation {
	height: 4.8em;
}
#wrapperHeaderNavigation {
	width: 100%;
	height: 6em;
}
#headerLogo {
	width: 10%;
	height: auto;
	margin: 0 1em 0 .6em;
}
#headerLogo img {
	width: 90%;
	height: auto;
}
#headerSocialMedia {
	width: 12em;
	height: 2.4em;
	margin: 0 .2em 0 0;
}
#headerSocialMedia img {
	width: auto;
	height: 100%;
}
.socialmediaSymbole {
	padding: 0 0 0 0;
}
#headerSubnavigation {
	width: 24%;
	margin: 0 .4em 0 0;
	font-size: .7em;
}
#headerHauptbild {
	width: 100%;
	height: 26em;
	margin: 4em 0 0 0;
}
.haederAnzeige {
	width: 26em;
	height: auto;
	position: absolute;
	z-index: 5000;
	margin: 9em 0 3.3em 34%;
	top: 0;
}
#headerHauptbildBalken {
	width: 100%;
	height: 3em;
	margin: -3.4em 0 0 0;
}
#wrapperheaderZusatzinfos {
	width: 100%;
	height: 13em;
	margin: -11.2em auto 0 auto;
}
#wrapperheaderZusatzinfos.mobilePartnerVisible {
	overflow: visible;
}
#headerZusatzinfoRVM {
	display: none;
}
#headerZusatzinfosLinks {
	width: 28%;
	height: 12em;
	margin: -2em 4em 0 .8em;
}
#headerZusatzinfosLinksSPK {
	height: 9em;
	margin: 0 0 0 0;
}
#headerZusatzinfosLinksSPK img {
	width: 100%;
	height: auto;
}
#headerZusatzinfosLinksSuche {
	height: 4.1em;
}
.inputSuche {
	width: 82%;
	font-size: 1em;
	margin: .8em 0 0 0;
}
#headerZusatzinfosMitte {
	width: 24%;
	height: 2.6em;
	margin: 8.6em 0 0 0;
}
#headerZusatzinfosRechts {
	width: 29%;
	height: auto;
	float: right;
	margin: 0 .6em 0 0;
}
#headerZusatzinfosRechtsTeaser {
	width: 100%;
	height: auto;
}
.headerZusatzinfosRechtsTeaser1 {
	padding: 0 0 0 0;
}
.headerZusatzinfosRechtsTeaser2 {
	font-size: 1.6em;
}
#headerZusatzinfosRechtsUnterkunftssuche {
	width: auto;
	height: 4.5em;
	background-size: 100% 70%;
	margin: 6.7em 0 0 0;
}
#headerZusatzinfosRechtsUnterkunftssuche p {
	width: 88%;
	height: auto;
	font-size: 1.6em;
	margin: 1.3em .8em 0 0;
}

/* Header Navigation */
.navi {
	margin: 0 0 0 0;
	width: 100%;
	height: 30em;
	top: -.4em;
}
#headerNavigation {
	width: auto;
	height: 2.4em;
	margin: 0 0 0 0;
}
#navigation_ichBin h3, #navigation_spreewald h3, #navigation_service h3 {
	font-size: 1.2em;
	margin: 0 0 .4em 0;
}
#headerNavigation a:hover {
	text-decoration: none;
	border-bottom: #76b82a 2px solid;
}
#navigation_ichBin { }
#navigation_spreewald { }
#navigation_service { }

#headerNavigation li {
	font-size: 1.6em;
	font-weight: 300;
	margin: 0 .6em 0 0;
}
.wrapperNavigationsblock {
	height: 17em;
}
.navigationBlock li {
	font-size: 1.1em;
	font-weight: 300;
}
.navigationBlock li a {
	color: #333;
}

.navigationBlockweitereAngebote { font-weight: 400!important; }

.navigationAngebotsblock {
	height: 16em;
}

/* Content */
#wrapperContent {
	width: 100%;
	margin: 0 0 0 0;
}
#wrapperMain {
	width: 66%;
	font-size: 1.2em;
	margin: 0 0 0 .8em;
}
#wrapperMain h1 {
	font-size: 1.8em;
	margin: 0 0 -.2em 0;
}
#breadcrumbNavigation {
	width: 100%;
	height: auto;
	margin: 0 0 .8em 0;
	font-size: .85em;
	position: relative;
	z-index: 1000;
}
.contentBoxBild {
	width: auto;
	height: auto;
}
.contentBoxBild img {
	width: 100%;
	height: auto;
}
.contentBoxTitle {
	font-size: 1.2em;
}
.contentBoxText {
	font-size: .9em;
}
.contentBoxLink {
	font-size: .85em;
}
/* Boxen für Themenauswahl */
.contentBoxHome {
	width: 46%;
	margin: 0 1em 1.4em 0;
}
.contentBoxHomeBild {
	height: 11em;
}
.contentBoxBildTitleTextLeft {
	width: 48%;
	height: auto;
}
.contentBoxBildTitleTextRight {
	width: 48%;
	height: auto;
}
.contentBoxBildTitle {
	width: 48%;
	height: 7.85em;
	margin: 0 1em 1em 0;
}
.contentBoxBildTitleBalken {
	margin: .4em 0 0 .4em;
}
.contentBoxBildTitleBalken h1 {
	font-size: 1em!important;
}
.contentBoxBildTitleImg {
	margin: 0 0 0 0;
}
.contentBoxBildTitleImg img {
	width: 100%;
	height: auto;
}
.contentBoxBildTitleLink {
	margin: 7.4em 0 0 0;
	font-size: .85em;
	position: absolute;
}
.contentBoxPauschalangebot {
	width: 48%;
	height: auto;
}
.contentBoxPauschalangebotTitle {
	margin: 0 auto;
	padding: .4em .4em .1em .4em;
}
.contentBoxPauschalangebotTitle h1 {
	font-size: 1.2em!important;
}
.contentBoxPauschalangebotImg {
	margin: -2.3em 0 0 0;
}
.contentBoxPauschalangebotImg img {
	width: auto;
	height: auto;
	margin: 0 0 0 -14%;
}
.contentBoxPauschalangebotText {
	width: 93%;
	height: auto;
	margin: 12em 0 .2em .4em;
}
.contentBoxPauschalangebotText ul {
	height: auto;
}
.contentBoxPauschalangebotText li {
	font-size: .8em;
}
.contentBoxPauschalangebotTextPreis {
	width: 90%;
	height: auto;
	font-size: .85em;
	margin: .4em .4em .2em 0;
}
/* Sidebar */
#contentSidebar {
	width: 27.5%;
	margin: 0 1.8em 0 0;
}
.contentSidebarBox {
	padding: .4em;
	font-size: 1.2em;
	font-weight: 300;
}
.contentSidebarBox h1 {
	font-size: 1.2em;
	font-weight: 300;
}
#sidebarLogin {
	padding: .4em .6em 0.4em 0;
	font-size: 1em;
	display: none;
}
#sidebarSpreewaldApp {
	height: 7.4em;
}
#sidebarSpreewaldAppBoxLinks img {
	width: 98%;
	height: auto;
}
#sidebarSpreewaldAppBoxRechts img {
	width: 94%;
}
#sidebarSpreewaldAppBoxRechts p {
	font-size: .9em;
}
#sidebarSpreewaldAppBoxRechts p a {
	font-size: 1.4em;
}
.infoWetterbutton {
	width: 99%;
	height: 5.4em;
}
/* Banner - Anzeigenleiste in der Sidebar */
#wrapperSidebarAnzeigen {
	width: 14em;
	height: auto;
	margin: -26em .6em 0 8em;
	float: right;
}
#anzeigenReisevermittlung {
	width: 100%;
	height: 6em;
}
#anzeigenReisevermittlung h2 {
	font-size: 1.4em;
	padding: 0 0 0 1em;
	margin: .4em 0 0 0
}
#anzeigenReisevermittlung p {
	font-size: 1.4em;
	margin: -1.2em .4em 0 1em;
}
#anzeigenReisevermittlung p a {
	color: #fff;
}
#wrapperAnzeigen {
	margin: 2.4em 0 0 0;
}
.AnzeigenPartnerTitle {
	display: block;
	width: auto;
	height: auto;
	font-size: 1.2em;
	padding: .2em .6em .2em 1em;
}
#wrapperAnzeigenLeiste {
	position: absolute;
	display: none;
}
.showInMobile #wrapperAnzeigenLeiste {
	display: block !important;
}
/* Content Bild ueber Seitenbreite und Navigation */
#wrappercontentBildseitenbreiteNavigation {
	width: 100%;
	height: 18em;
}
#contentBildseitenbreiteNavigation {
	width: 98%;
	height: 14em;
}
#contentBildseitenbreiteNavigationsbloecke {
	width: auto;
	padding: .8em 0 .8em 1.8em;
}
.contentNavigationsboxBildbreite {
	width: 22%;
	margin: 0 1em 0 0;
}
.contentNavigationsboxBildbreite li {
	font-size: 1em;
}
/* Footer */
#wrapperFooter {
	height: 16em;
}
#wrapperfooterBoxen {
	width: 97%;
}
#footerBoxen {
	width: 100%;
	height: 11.4em;
	padding: 0 0 0 0;
}
.footerBox1 {
	width: 34%;
	font-size: .9em;
	height: 10.8em;
	margin: 1.2em 0 0 0;
}
.footerBox2 {
	width: 30%;
	font-size: 1em;
	height: 10em;
	margin: .8em 0 0 0;
	line-height: 1.4em;
}
.footerBox3 {
	width: 34%;
	height: 10em;
	margin: 0 0 0 0;
}
#footerleiste {
	width: 100%;
	height: 2em;
}
#footerleisteSocialMedia {
	width: 100%;
	margin: .2em 0 0 0;
}
#footerleisteSocialMedia img {
	width: 16%;
	height: auto;
	padding: 0 1em 0 0;
}
#footerleisteCopyright {
	width: 72%;
	height: 3em;
	margin: 1.4em .8em 0 0;
}
#footerleisteCopyright ul {
	width: 100%;
	margin: -.8em 0 0 0;
	padding: 0;
}
#footerleisteCopyright li {
	font-size: 1em;
	font-weight: 300;
}
/* Footer fuer Smartphones */
#wrapperMobilFooter {
	display: none;
}
/* Footer weiterfuehrende Links fuer Smartphone */
.footerWeitereLinks {
	display: none;
}
}