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

html {
	scroll-behavior: smooth;
}

/* ========================   mainMenu   ==================================================== */
.mainMenu ul {
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-end;
	align-content: stretch;
	margin-top: 20px;
}
.mainMenu li {
	color: #fff;
	text-decoration: none;
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	margin: 0 20px;
}
.mainMenu li a, .mainMenu li a:visited {
	color: #fff;
	text-decoration: none;
}
.mainMenu li a:hover, .mainMenu li a:visited:hover {
	color: #222;
}
#headerlogo {
	width: 150px;
	height: auto;
	margin: 20px 0 0 0;
}


/* ======================   Slider Top   ==================================================== */
#sliderTop,
#sliderTop_1r,
#sliderTop_2r,
#sliderTop_d
{
	background-position: center;
	background-color: #7da57d;
	background-image: url('../img/JungerMann_BodenSitzenSofa_AdobeStock_327574950_Webseite.jpeg');
	background-position-y: 20%;
	background-size: cover; }
	img.startseitelogo {
		width: 30%;
		margin-top: 150px;
		margin-left: 180px;}

#sliderTop_1r { background-image: url('../img/Gaestezimmer_3D_2_WEB.jpg') }

#sliderTop_2r { background-image: url('../img/Gaestezimmer_1.5_Bett_3D_1_WEB.jpg') }

/* ====================   Hintergründe   ==================================================== */
.musterarea{
	background-image: url("../img/blaetter_2.svg");
	background-size: 15%;
	padding:100px 0;
}

.mustertextarea{
	background-image: url("../img/blaetter_3.svg");
	background-size: 15%;
	padding:20px 0;
}

.blaetter_1{ background-image: url("../img/blaetter_1.svg") ; background-size: 15%;}
.blaetter_2{ background-image: url("../img/blaetter_2.svg") ; background-size: 15%;}
.blaetter_3{ background-image: url("../img/blaetter_3.svg") ; background-size: 15%;}
.blaetter_4{ background-image: url("../img/blaetter_4.svg") ; background-size: 15%;}
.blaetter_5{ background-image: url("../img/blaetter_5.svg") ; background-size: 15%;}
.blaetter_w{ background-image: url("../img/blaetter_w.svg") ; background-size: 15%;}
.blaetter_g10{ background-image: url("../img/blaetter_g10.svg") ; background-size: 15%;}
.blaetter_g20{ background-image: url("../img/blaetter_g20.svg") ; background-size: 15%;}
.blaetter_g30{ background-image: url("../img/blaetter_g30.svg") ; background-size: 15%;}
.blaetter_g40{ background-image: url("../img/blaetter_g40.svg") ; background-size: 15%;}
.blaetter_g50{ background-image: url("../img/blaetter_g50.svg") ; background-size: 15%;}
.blaetter_g60{ background-image: url("../img/blaetter_g60.svg") ; background-size: 15%;}
.blaetter_g70{ background-image: url("../img/blaetter_g70.svg") ; background-size: 15%;}
.blaetter_g80{ background-image: url("../img/blaetter_g80.svg") ; background-size: 15%;}
.blaetter_g90{ background-image: url("../img/blaetter_g90.svg") ; background-size: 15%;}
.blaetter_s{ background-image: url("../img/blaetter_s.svg") ; background-size: 15%;}

.textarea {
	padding: 60px 0;
}

.imagearea {
    width: 100% !important;
    object-fit: cover;
    object-position: top center;
}

/************************ SLIDER START ************************/
.SliderLogo {
	background: url('../img/Logo_JR_JackAndRose.svg') no-repeat center;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 10px;
}
/************************ SLIDER ENDE ************************/

/* ===========================   FOTOS   ==================================================== */

.img_01 {
	background: url('../img/aiditor609c7c735e5ab.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }
.img_02 {
	background: url('../img/Berlin-Spandau_Paddler_AdobeStock_336073097_WEB.jpg') center;
	background-size: cover;
	padding: 10px; }
.img_03 {
	background: url('../img/Berlin-Spandau_Brücke_AdobeStock_542550994_WEB.jpg') center;
	background-size: cover;
	padding: 10px; }
.img_04 {
	background: url('../img/609c7c73660d3_MIT_JR.jpg') center 80%;
	background-size: cover;
	padding: 10px; }
.img_05 {
	background: url('../img/Karte.svg') center;
	background-size: cover;
	padding: 10px; }


.img_z1_01 {
	background: url('../img/Gaestezimmer_3D_2_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z1_02 {
	background: url('../img/Gaestezimmer_3D_3_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z1_03 {
	background: url('../img/Gaestezimmer_3D_5_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z1_04 {
	background: url('../img/Gaestezimmer_3D_6_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z1_05 {
	background: url('../img/Gaestezimmer_3D_Sofa-ausgeklappt_2_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z1_06 {
	background: url('../img/Gaestezimmer_3D_Sofa-ausgeklappt_3_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z1_07 {
	background: url('../img/Gaestezimmer_3D_Sofa-ausgeklappt_5_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z1_08 {
	background: url('../img/Gaestezimmer_3D_Sofa-ausgeklappt_6_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z1_09 {
	background: url('../img/Geastezimmer_3D_Sofa-ausgeklappt_4_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z1_g {
	background: url('../img/Grundrisse_1Raum_WEB.png') no-repeat center;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 10px; }




.img_z2_01 {
	background: url('../img/Gaestezimmer_1.5_Bett_3D_1_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z2_02 {
	background: url('../img/Gaestezimmer_1.5_Bett_3D_2_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z2_03 {
	background: url('../img/Gaestezimmer_1.5_Bett_3D_3_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z2_04 {
	background: url('../img/Gaestezimmer_1.5_Bett_3D_4_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z2_05 {
	background: url('../img/Gaestezimmer_1.5_Bett_3D_5_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z2_06 {
	background: url('../img/Gaestezimmer_1.5_Bett_3D_6_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z2_07 {
	background: url('../img/Gaestezimmer_1.5_Bett_3D_7_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z2_08 {
	background: url('../img/Gaestezimmer_1.5_Bett_3D_Sofa-ausgeklappt_1_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z2_09 {
	background: url('../img/Gaestezimmer_1.5_Bett_3D_Sofa-ausgeklappt_3_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z2_10 {
	background: url('../img/Gaestezimmer_1.5_Bett_3D_Sofa-ausgeklappt_4_WEB.jpg') no-repeat center;
	background-size: cover;
	padding: 10px; }

.img_z2_g {
	background: url('../img/Grundrisse_1.5Raum_WEB.png') no-repeat center;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 10px; }




.pictureSingleBox {
	height: 400px;
}

.zoom{
	position: relative;
	align-items: center;
	justify-content: center;
	background-size: 500%;
}
.zoom::before {
	content: "";
	position: absolute;
	top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
	background-color: rgba(255,255,255,0.80);
}
.bildboxtext {
	position: relative;
}

.schatten {
	-webkit-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.3); 
	box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.3);
}

/************************ BUTTON START ************************/
	.buttonEmail, .buttonTelefon, .button {
		background-color: #a0b898;
		border-color: #fff;
		border-style: double;
		margin-bottom: 20px;
		padding: 10px 20px;
		color: #fff;
		font-size: 1.1em;
		cursor: pointer;
	}
	.button {
		font-size: 0.8em;
	}
/************************ BUTTON ENDE ************************/

/************************ ZIMMER-BOXEN START ************************/
	.zimmerBox_l, .zimmerBox_r {
		height: auto;
		margin: 15px;
		-webkit-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.3); 
		box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.3);
	}
	.zimmerBox_l a,
	.zimmerBox_r a		{ text-decoration: none }
	.pictureBildBox		{ height: 400px; }

	.pictureTextBox {
		height: auto;
		overflow: hidden;
		padding: 0 30px
	}

	.pictureTextBox_p                {text-align: right; padding: 0 0 0 15px; display:inline}
	.pictureTextBox_preis            {text-align: right; padding: 0 15px 0 0; display:table-cell}

	.pictureTextBox_b_buchen         { text-align: right }
	.pictureTextBox_b_buchen button  { margin:auto 0 0 auto}
/************************ ZIMMER-BOXEN ENDE ************************/

/************************ ZIMMERMIETLISTE START ************************/
	.infobox {
		padding: 20px 60px;
		height: fit-content;
		margin: 0 15px 0 80px;
	}
/************************ ZIMMERMIETLISTE ENDE ************************/

/************************ KONTAKT-BOX START ************************/
	button.buttonEmail  { width: fit-content;}
	button.buttonTelefon  { margin-left:auto; width: fit-content;}

	.kontaktbox {
		padding: 20px 60px;
		height: fit-content;
	}
/************************ KONTAKT-BOX ENDE ************************/


.pictureAniBackground {
	height: 400px;
	margin: 15px 15px 0px 15px;
}

.pictureAniImg {
	height: 100%;
}

/* ===============   Position in Boxen   ==================================================== */

.center { text-align: center; margin: 0 auto;}
.left { text-align: left; }
.right { text-align: right; }

.v_center { vertical-align: center; }
.v_top { vertical-align: top; }
.v_bottom { vertical-align: bottom; }

.margin10 {margin:10px;}
.margin15 {margin:15px;}
.margin20 {margin:20px;}
.margin25 {margin:25px;}
.margin30 {margin:30px;}

.padding10 {padding:10px;}
.padding15 {padding:15px;}
.padding20 {padding:20px;}
.padding25 {padding:25px;}
.padding30 {padding:30px;}
.padding35 {padding:35px;}
.padding40 {padding:40px;}
.padding45 {padding:45px;}
.padding50 {padding:50px;}

.padding_0_10 {padding: 0 10px;}
.padding_0_15 {padding: 0 15px;}
.padding_0_20 {padding: 0 20px;}
.padding_0_25 {padding: 0 25px;}
.padding_0_30 {padding: 0 30px;}
.padding_0_35 {padding: 0 35px;}
.padding_0_40 {padding: 0 40px;}
.padding_0_45 {padding: 0 45px;}
.padding_0_50 {padding: 0 50px;}
.padding_0_55 {padding: 0 55px;}
.padding_0_60 {padding: 0 60px;}
.padding_0_65 {padding: 0 65px;}
.padding_0_70 {padding: 0 70px;}
.padding_0_75 {padding: 0 75px;}
.padding_0_80 {padding: 0 80px;}
.padding_0_85 {padding: 0 85px;}
.padding_0_90 {padding: 0 90px;}


.padding_tb_10 {padding-top: 10px; padding-bottom: 10px;}
.padding_tb_20 {padding-top: 20px; padding-bottom: 20px;}
.padding_tb_30 {padding-top: 30px; padding-bottom: 30px;}
.padding_tb_40 {padding-top: 40px; padding-bottom: 40px;}
.padding_tb_50 {padding-top: 50px; padding-bottom: 50px;}
.padding_tb_60 {padding-top: 60px; padding-bottom: 60px;}
.padding_tb_70 {padding-top: 70px; padding-bottom: 70px;}
.padding_tb_80 {padding-top: 80px; padding-bottom: 80px;}
.padding_tb_90 {padding-top: 90px; padding-bottom: 90px;}
.padding_tb_100 {padding-top: 100px; padding-bottom: 100px;}

.padding_lr_10 {padding-left: 10px; padding-right: 10px;}
.padding_lr_20 {padding-left: 20px; padding-right: 20px;}
.padding_lr_30 {padding-left: 30px; padding-right: 30px;}
.padding_lr_40 {padding-left: 40px; padding-right: 40px;}
.padding_lr_50 {padding-left: 50px; padding-right: 50px;}
.padding_lr_60 {padding-left: 60px; padding-right: 60px;}
.padding_lr_70 {padding-left: 70px; padding-right: 70px;}
.padding_lr_80 {padding-left: 80px; padding-right: 80px;}
.padding_lr_90 {padding-left: 90px; padding-right: 90px;}
.padding_lr_100 {padding-left: 100px; padding-right: 100px;}

.trans10 { opacity: 0.1}
.trans20 { opacity: 0.2}
.trans30 { opacity: 0.3}
.trans40 { opacity: 0.4}
.trans50 { opacity: 0.5}
.trans60 { opacity: 0.6}
.trans70 { opacity: 0.7}
.trans80 { opacity: 0.8}
.trans90 { opacity: 0.9}

/* =====================   Pictogramme   ==================================================== */


.picto_6_w {
	background-image: url('../img/icons_JackAndRose_w.svg');
	background-position: 200% top;
	background-size: 700% 100%;
}

.picto_7 {
	background-image: url('../img/icons_JackAndRose.svg');
	background-position: 100px top; }


.picto_01, .picto_02, .picto_03, .picto_04,
.picto_05, .picto_06, .picto_07, .picto_08,
.picto_09, .picto_10, .picto_11, .picto_12,
.picto_13, .picto_14, .picto_15, .picto_16,
.picto_17, .picto_18, .picto_19, .picto_20,
.picto_21, .picto_22, .picto_23, .picto_24,
.picto_25, .picto_26
{ background-image: url('../img/signets.svg') }

.pictow_01, .pictow_02, .pictow_03, .pictow_04,
.pictow_05, .pictow_06, .pictow_07, .pictow_08,
.pictow_09, .pictow_10, .pictow_11, .pictow_12,
.pictow_13, .pictow_14, .pictow_15, .pictow_16,
.pictow_17, .pictow_18, .pictow_19, .pictow_20,
.pictow_21, .pictow_22, .pictow_23, .pictow_24,
.pictow_25, .pictow_26
{ background-image: url('../img/signets_w.svg') }

.picto_30, .picto_31, .picto_32, .picto_33, .picto_34, .picto_35
{ background-image: url('../img/Landkarte.svg') }

.picto_01, .pictow_01 { background-position: 100%  top } /* Teichrose */
.picto_02, .pictow_02 { background-position: 200%  top } /* Buch */
.picto_03, .pictow_03 { background-position: 300%  top } /* Aufzug */
.picto_04, .pictow_04 { background-position: 400%  top } /* Shopping */
.picto_05, .pictow_05 { background-position: 500%  top } /* Kickertisch */
.picto_06, .pictow_06 { background-position: 600%  top } /* Auto */
.picto_07, .pictow_07 { background-position: 700%  top } /* BettSeite */
.picto_08, .pictow_08 { background-position: 800%  top } /* Boot */
.picto_09, .pictow_09 { background-position: 900%  top } /* WLAN */
.picto_10, .pictow_10 { background-position: 1000% top } /* Arzt */
.picto_11, .pictow_11 { background-position: 1100% top } /* Zentrum */
.picto_12, .pictow_12 { background-position: 1200% top } /* Welt */
.picto_13, .pictow_13 { background-position: 1300% top } /* SchlossSchlüssel */
.picto_14, .pictow_14 { background-position: 1400% top } /* TürklinkeKarte */
.picto_15, .pictow_15 { background-position: 1500% top } /* Landkarte */
.picto_16, .pictow_16 { background-position: 1600% top } /* Kalender */
.picto_17, .pictow_17 { background-position: 1700% top }  /* Bett */
.picto_18, .pictow_18 { background-position: 1800% top } /* E-Auto-Ladestation */
.picto_19, .pictow_19 { background-position: 1900% top } /* Bus und Bahn */
.picto_20, .pictow_20 { background-position: 2000% top } /* Fahrrad */
.picto_21, .pictow_21 { background-position: 2100% top } /* Baum */
.picto_22, .pictow_22 { background-position: 2200% top } /* Staubsauger */
.picto_23, .pictow_23 { background-position: 2300% top } /* Waschmaschine */
.picto_24, .pictow_24 { background-position: 2400% top } /* Waschmaschine dunkel */
.picto_25, .pictow_25 { background-position: 2500% top } /* Waschsymbol */
.picto_26, .pictow_26 { background-position: 2600% top } /* Kirche */

.picto_30 { background-position: 100% top; height: 100px; width: 100px; background-size: cover } /* Shopping */
.picto_31 { background-position: 200% top; height: 100px; width: 100px; background-size: cover } /* Shopping */
.picto_32 { background-position: 300% top; height: 100px; width: 100px; background-size: cover } /* Shopping */
.picto_33 { background-position: 400% top; height: 100px; width: 100px; background-size: cover } /* Shopping */
.picto_34 { background-position: 500% top; height: 100px; width: 100px; background-size: cover } /* Shopping */
.picto_35 { background-position: 600% top; height: 100px; width: 100px; background-size: cover } /* Shopping */

.pictogroesse { height: 90px; width: 90px; background-size: cover }


/************************ FOOTER-MENUE-LEISTE START ************************/
	#pageFooterMenuline {
		overflow: hidden;
	}
	#privacy button {
		display: none;
	}
	#pagePrivacy {
		background-color: #2f4435;
	}
	#privacy ul {
		list-style: none;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: flex-end;
		align-content: stretch;
		margin-top: 10px;
	}
	#privacy li {
		color: #ccc;
		text-decoration: none;
		display: block;
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: auto;
		align-self: auto;
		order: 0;
		margin: 0 20px;
	}
	#privacy li a, #privacy li a:visited {
		color: #ccc;
		text-decoration: none;
	}
	#privacy li a:hover, #privacy li a:visited:hover {
		color: #FFEB82;
	}
/************************ FOOTER-MENUE-LEISTE ENDE ************************/

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

	/************************ SLIDER START ************************/
		.zimmerTitelTextBox { 
			background-color: rgba(230,230,218,0.80);
			padding: 50px;
		}
	/************************ SLIDER ENDE ************************/

	/************************ Bilder und Pictogramme START ************************/

		.pageContentContentflexVorteile { padding: 50px 80px 50px 0 }

		.pageContentContentflexComfortPlus { padding: 50px 80px 50px 100px }

		.pageContentContentflexUmgebung { padding: 50px 0 50px 80px }

	/************************ Bilder und Pictogramme ENDE ************************/

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

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

	/************************ SLIDER START ************************/
		.LL_Datenschutz_TitelTextBox {  
			background-color: rgba(230,230,218,0.80);
			padding: 31px 50px; }

		.LL_Impressum_TitelTextBox {  
				background-color: rgba(230,230,218,0.80);
				padding: 31px 50px; }

		.LL_Impressum_TitelTextBox h2, .LL_Datenschutz_TitelTextBox h2 { margin: 0 }
	/************************ SLIDER ENDE ************************/

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

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

/* ========================================================================================== */
/* ===   DEFINITION unter 500px   =========================================================== */
/* ========================================================================================== */
/* CSS-Überschreibung kleine Handys START --------------- */
@media screen and (max-width: 499px) {
	
	/************************ ZIMMER-BOXEN START ************************/
		.pictureTextBox { padding: 0 20px }
		.pictureTextBox_preis { padding: 0 }
		.zimmerBox_r { margin-top: 30px }
	/************************ ZIMMER-BOXEN ENDE ************************/
	
	/************************ ZIMMERMIETLISTE START ************************/
		.zimmerMieteliste {  }
		.infobox { margin: 0 15px 0 10px; }
	/************************ ZIMMERMIETLISTE ENDE ************************/
	
	/************************ VORTEILE PICTOGRAMME START ************************/
		.picto_Umwelt, .picto_Wohn { margin-top: 60px }
	/************************ VORTEILE PICTOGRAMME ENDE ************************/
	
	/************************ KONTAKT-BOX START ************************/
		button.buttonEmail, button.buttonTelefon  { margin:10px auto; width: fit-content }
		.kontaktbox { padding: 20px 40px }
	/************************ KONTAKT-BOX ENDE ************************/
	
	
	
	/******************* UNTERSEITE LL Zimmer START ************************/

		/************************ SLIDER START ************************/
			.pictogroesse { height: 60px; width: 60px }

			.pageContentContentflexVorteile { padding: 30px 0 }
			.pageContentContentflexComfortPlus { padding: 30px 0 }
			.pageContentContentflexUmgebung { padding: 30px 0 }

		/************************ SLIDER ENDE ************************/

	/******************** UNTERSEITE LL Zimmer ENDE ************************/
	
	

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

		/************************ SLIDER START ************************/
			.LL_Datenschutz_TitelTextBox { padding: 0 30px }
			.LL_Datenschutz_TitelTextBox h2 { margin-top: 15px }
			.LL_Impressum_TitelTextBox { padding: 10px 30px }
		/************************ SLIDER ENDE ************************/

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

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



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

@media screen and (min-width: 500px) and (max-width: 767px) {
	
	/************************ ZIMMER-BOXEN START ************************/
		.pictureTextBox { padding: 0 20px }
		.pictureTextBox_preis { padding: 0 }
		.zimmerBox_r { margin-top: 30px }
	/************************ ZIMMER-BOXEN ENDE ************************/
	
	/************************ ZIMMERMIETLISTE START ************************/
		.zimmerMieteliste {  }
		.infobox { margin: 0 15px 0 10px; }
	/************************ ZIMMERMIETLISTE ENDE ************************/
	
	/************************ VORTEILE PICTOGRAMME START ************************/
		.picto_Umwelt, .picto_Wohn { margin-top: 60px }
	/************************ VORTEILE PICTOGRAMME ENDE ************************/
	
	/************************ KONTAKT-BOX START ************************/
		button.buttonEmail, button.buttonTelefon  { margin:10px auto; width: fit-content }
		.kontaktbox { padding: 20px 40px }
	/************************ KONTAKT-BOX ENDE ************************/
	
	
	
	/******************* UNTERSEITE LL Zimmer START ************************/

		/************************ SLIDER START ************************/
			.pictogroesse { height: 60px; width: 60px }

			.pageContentContentflexVorteile { padding: 30px 0 }
			.pageContentContentflexComfortPlus { padding: 30px 0 }
			.pageContentContentflexUmgebung { padding: 30px 0 }

		/************************ SLIDER ENDE ************************/

	/******************** UNTERSEITE LL Zimmer ENDE ************************/

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

		/************************ SLIDER START ************************/
			.LL_Datenschutz_TitelTextBox { padding: 0 30px }
			.LL_Datenschutz_TitelTextBox h2 { margin-top: 15px }
			.LL_Impressum_TitelTextBox { padding: 10px 30px }
		/************************ SLIDER ENDE ************************/

	/******************** UNTERSEITE LL Impressum und Datenachutz ENDE ************************/
	
}
/* ---  ENDE - DEFINITION 500px bis 767px - ENDE   ------------------------------------------ */



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

@media screen and (min-width: 768px) and (max-width: 1096px) {
	/************************ ZIMMER-BOXEN START ************************/
		.pictureTextBox { padding: 0 20px }
		.pictureTextBox_preis { padding: 0 }
	/************************ ZIMMER-BOXEN ENDE ************************/
	
	/************************ ZIMMERMIETLISTE START ************************/
		.zimmerMieteliste {  }
		.infobox { margin: 0 15px 0 10px; }
	/************************ ZIMMERMIETLISTE ENDE ************************/

	
	
	/******************* UNTERSEITE LL Zimmer START ************************/

		/************************ SLIDER START ************************/
			.pictogroesse { height: 60px; width: 60px }

			.pageContentContentflexVorteile { padding: 50px 30px 50px 0 }
			.pageContentContentflexComfortPlus { padding: 50px 50px 50px 0 }
			.pageContentContentflexUmgebung { padding: 50px 0 50px 30px }

		/************************ SLIDER ENDE ************************/

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

		/************************ SLIDER START ************************/
			.LL_Impressum_TitelTextBox { padding: 10px 30px }
		/************************ SLIDER ENDE ************************/

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

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