/*
Autor: Werbung 705, Marco Brüggemann, www.705gruppe.de
*/
/* ========================================================================================== */
/* ===   GLOBAL DEFINITION über 1024px   ==================================================== */
/* ========================================================================================== */

/* ======================   Font Global  ==================================================== */
body {
	font-family: 'Dosis','Open Sans', Roboto, Arial, sans-serif;
	font-size: 1.3em;
}

h1, h2, h3, h4, h5, h6, p, li, a, button { letter-spacing: 0.04em }

p, a {
	font-weight: 300;
	line-height: 1.5em;
}



.mainMenu li a, #burgermenu li a {
	font-size: 1em;
	font-weight: 100;
}

div.fullWidth section div.mod-custom p {
	margin-top: 0;
	margin-bottom: 0;
}

div.bildueberschrift h2 {
	color: #fff;
	padding: 20px;
}

li {
	font-weight: 300;
	line-height: 1.6em;
	padding-left: 10px;
	padding-bottom: 10px;
}

ul {
	list-style-type:"► ";
	padding-left: 20px;
}

.bildbescheibungImBild { font-size: 1em }
	
/************************ SLIDER START ************************/
	.SliderLogoUnterschrift { font-size: 1.1em; margin-top: 10px; text-transform: uppercase }
/************************ SLIDER ENDE ************************/

/********************** "KOMFORTABLES ZUHAUSE" Text mit Blättern START ************************/
	.zierschrift {
		letter-spacing: 0.03em;
		text-transform: uppercase;
		word-spacing: 0.1em;
	}
/*********************** "KOMFORTABLES ZUHAUSE" Text mit Blättern ENDE ************************/

/************************ ZIMMER-BOXEN START ************************/
.pictureTextBox_hl {
	line-height: 2em;
	padding: 30px 20px;
}

.pictureTextBox_p {	position: relative }
.pictureTextBox_p p {
	line-height: 1.2em;
	font-size: 0.9em;
	position: absolute;
	bottom: 0;
}

.pictureTextBox_preis h2 {
	margin: 0 0 10px 0;
	line-height: 1.25em;
}

.werbebox-h1 { font-size: 1.6em }
.bemerkung { font-size: 0.8em }
.preis { font-size: 1.2em }
/************************ ZIMMER-BOXEN ENDE ************************/

/************************ ZIMMERMIETLISTE START ************************/
.zimmerMieteliste  ul li, .infobox ul li { font-weight: 400 }
.infobox ul li::marker { color: #ffffff; }
.infobox ul li { color: #ffffff; }
/************************ ZIMMERMIETLISTE ENDE ************************/

/************************ VORTEILE PICTOGRAMME START ************************/
.picto_Lage h5,
.picto_Kalender h5,
.picto_Umwelt h5,
.picto_Wohn h5 {
	font-size: 1em;
	margin-bottom: 0;
	text-transform: uppercase;
}

.picto_Lage p,
.picto_Kalender p,
.picto_Umwelt p,
.picto_Wohn p {
	font-size: 0.9em;
	margin: 4px 0 5px 0;
	padding: 0 30px
}

.pictoklein h5 {
	font-weight: 500;
	font-size: 0.9em;
	margin: 5px 0 30px 0;
	text-transform: uppercase;
}
/************************ VORTEILE PICTOGRAMME ENDE ************************/

/************************ KARTE-LEGENDE START ************************/
.text_Bahn,
.text_Park,
.text_Sport,
.text_Shop { font-size: 0.9em; padding-right: 70px }
/************************ KARTE-LEGENDE ENDE ************************/

/************************ FOOTER-BEREICH START ************************/
	#pageFooter a {
		color: #fff;
		text-decoration: none
	}
	.footer-Standort p, .footer-Kontakt p, .footer-Ansprechpartner p { font-size: 1em; }
/************************ FOOTER-BEREICH ENDE ************************/

/************************ UNTERSEITE ZIMMER START ************************/

	/************************ THEMA "KeyFacts" START ************************/
		.keyFacts_text ul li::marker { color: #7da57d; }
		.keyFacts_text p { margin: 5px 0 }
	/************************ THEMA "KeyFacts" ENDE ************************/

	/************************ Piktogramme START ************************/
		.pictoklein { font-size: 0.8em }
		.pictoklein_comfort h2 {
			font-size: 1.6em;
			text-transform: uppercase;
			color: #7da57d;
		}
		.pictoklein_comfort p {
			font-size: 1.1em;
			text-transform: uppercase;
			margin: 0;
		}
	/************************ Piktogramme ENDE ************************/

/************************ UNTERSEITE ZIMMER ENDE ************************/



/* ---  ENDE - GLOBAL DEFINITION über 1024px - ENDE   --------------------------------------- */

/* ========================================================================================== */
/* ===   DEFINITION unter 500px   =========================================================== */
/* ========================================================================================== */
/* CSS-Überschreibung kleine Handys START --------------- */
@media screen and (max-width: 499px) {
	
	/************************ SLIDER START ************************/
		.SliderLogoUnterschrift { font-size: 0.8em; margin-top: 0 }
	/************************ SLIDER ENDE ************************/
	
	/****************** "KOMFORTABLES ZUHAUSE" Text mit Blättern START ************************/
		.zierschrift { font-size: 1.3em }
	/******************* "KOMFORTABLES ZUHAUSE" Text mit Blättern ENDE ************************/
	
	/************************ ZIMMER-BOXEN START ************************/
		.pictureTextBox_hl h2 { font-size: 1.2em; padding: 5px 15px 30px 15px }
		.pictureTextBox_p p { font-size: 0.8em }
		.pictureTextBox_preis { padding: 0 5px }
		.pictureTextBox_preis h2 { margin: 0 0 10px 0; line-height: 1.25em; font-size: 1.3em }
	/************************ ZIMMER-BOXEN ENDE ************************/

	/************************ ZIMMERMIETLISTE START ************************/
		.zimmerMiete_hl { font-size: 0.8em;  padding: 10px 15px 50px 15px }
	/************************ ZIMMERMIETLISTE ENDE ************************/
	
	/************************ VORTEILE PICTOGRAMME START ************************/
		.picto_Lage p,
		.picto_Kalender p,
		.picto_Umwelt p,
		.picto_Wohn p {	padding: 0 }
	/************************ VORTEILE PICTOGRAMME ENDE ************************/

	/************************ KONTAKT-BOX START ************************/
		.kontaktbox { text-align: center }
		button.buttonEmail, button.buttonTelefon  { font-size: 0.95em }
	/************************ KONTAKT-BOX ENDE ************************/

	/************************ FOOTER-BEREICH START ************************/
		#pageFooter { font-size: 0.85em }
	/************************ FOOTER-BEREICH ENDE ************************/
	
	/************************ FOOTER-MENUE-LEISTE START ************************/
		#privacy li { font-size: 0.8em }
	/************************ FOOTER-MENUE-LEISTE ENDE ************************/

	/******************* UNTERSEITE LL Impressum und Datenachutz START ************************/

		/************************ SLIDER START ************************/
			.LL_Datenschutz_TitelTextBox, .LL_Impressum_TitelTextBox { font-size: 0.9em }	
		/************************ SLIDER ENDE ************************/

	/******************** UNTERSEITE LL Impressum und Datenachutz ENDE ************************/

		.burgermenubutton li { font-size: 0.8em; }
		

}
/* ---  ENDE - DEFINITION unter 500px - ENDE   ---------------------------------------------- */



/* ========================================================================================== */
/* ===   DEFINITION 500px bis 767px   ======================================================= */
/* ========================================================================================== */

@media screen and (min-width: 500px) and (max-width: 767px) {
	
	/************************ SLIDER START ************************/
		.SliderLogoUnterschrift { font-size: 0.8em; margin-top: 0 }
	/************************ SLIDER ENDE ************************/
	
	/****************** "KOMFORTABLES ZUHAUSE" Text mit Blättern START ************************/
		.zierschrift { font-size: 1.3em }
	/******************* "KOMFORTABLES ZUHAUSE" Text mit Blättern ENDE ************************/
	
	/************************ ZIMMER-BOXEN START ************************/
		.pictureTextBox_hl { font-size: 0.8em;  padding: 30px 15px 50px 15px }
		.pictureTextBox_p p { font-size: 0.8em }
		.pictureTextBox_preis { padding: 0 5px }
		.pictureTextBox_preis h2 { margin: 0 0 10px 0; line-height: 1.25em; font-size: 1.3em }
	/************************ ZIMMER-BOXEN ENDE ************************/

	/************************ ZIMMERMIETLISTE START ************************/
		.zimmerMiete_hl { font-size: 0.8em }
	/************************ ZIMMERMIETLISTE ENDE ************************/
	
	/************************ VORTEILE PICTOGRAMME START ************************/
		.picto_Lage p,
		.picto_Kalender p,
		.picto_Umwelt p,
		.picto_Wohn p {	padding: 0 }
	/************************ VORTEILE PICTOGRAMME ENDE ************************/

	/************************ KONTAKT-BOX START ************************/
		.kontaktbox { text-align: center }
		button.buttonEmail, button.buttonTelefon  { font-size: 0.95em }
	/************************ KONTAKT-BOX ENDE ************************/

	/************************ FOOTER-BEREICH START ************************/
		#pageFooter { font-size: 0.8em }
	/************************ FOOTER-BEREICH ENDE ************************/
	
	/************************ FOOTER-MENUE-LEISTE START ************************/
		#privacy li { font-size: 0.8em }
	/************************ FOOTER-MENUE-LEISTE ENDE ************************/
	
		.burgermenubutton li { font-size: 1em; }

		
}
/* ---  ENDE - DEFINITION 500px bis 767px - ENDE   ------------------------------------------ */



/* ========================================================================================== */
/* ===   DEFINITION 768px bis 1024px   ====================================================== */
/* ========================================================================================== */

@media screen and (min-width: 768px) and (max-width: 1096px) {
	
	/************************ SLIDER START ************************/
		.SliderLogoUnterschrift { font-size: 0.9em }
	/************************ SLIDER ENDE ************************/
	
	/****************** "KOMFORTABLES ZUHAUSE" Text mit Blättern START ************************/
		.zierschrift { font-size: 1.7em }
	/******************* "KOMFORTABLES ZUHAUSE" Text mit Blättern ENDE ************************/
	
	/************************ ZIMMER-BOXEN START ************************/
		.pictureTextBox_hl { font-size: 0.8em; padding: 30px 15px 50px 15px }
		.pictureTextBox_p p { font-size: 0.8em }
		.pictureTextBox_preis { padding: 0 5px }
		.pictureTextBox_preis h2 { margin: 0 0 10px 0; line-height: 1.25em; font-size: 1.3em }
	/************************ ZIMMER-BOXEN ENDE ************************/
	
	/************************ KONTAKT-BOX START ************************/
		button.buttonEmail, button.buttonTelefon  { font-size: 0.8em }
	/************************ KONTAKT-BOX ENDE ************************/

	/************************ FOOTER-BEREICH START ************************/
		#pageFooter { font-size: 0.85em }
	/************************ FOOTER-BEREICH ENDE ************************/
	
	/************************ FOOTER-MENUE-LEISTE START ************************/
		#privacy li { font-size: 0.8em }
	/************************ FOOTER-MENUE-LEISTE ENDE ************************/
	
	.picto_Lage, .picto_Kalender, .picto_Umwelt, .picto_Wohn  {font-size: 0.8em}
	

	/************************ UNTERSEITE ZIMMER START ************************/

		.keyFacts_text { font-size: 0.9em }
	
		/************************ Piktogramme START ************************/
			.pictoklein h5 { font-size: 0.7em }

			.pictoklein_comfort h2 { font-size: 1.4em }
			.pictoklein_comfort p { font-size: 0.9em }
	
		/************************ Piktogramme ENDE ************************/

	/************************ UNTERSEITE ZIMMER ENDE ************************/


}
/* ---  ENDE - DEFINITION 768px bis 1024px - ENDE   ----------------------------------------- */