@charset "UTF-8";
/* www.rent-a-paarl.de */
/* CSS Document Mobile First */


/* General css rules Anfang */
/* Box-Modell */
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin: 0;
	padding: 0;
}

html {
	font: 100%/1.5 Verdana, Geneva, sans-serif;		/* Browserdefault, 16px */
	}	
	
body {
	border-top: 5px solid #E48D40;				/* braun */
	background: #ebe8de;									/* beige */
	color: #4A463B;												/* dunkelgrau */
	}
h1 {
	color:#646464;												/* grau */
	font-size:1.625rem;										/* 26px; */
	}
h2 {
	color: #646464;												/* grau */
	font-size:1.25rem;										/* 20px; */					
	margin-top:2.50em;										/* 40px; */
	margin-bottom:1.25rem;								/* 20px; */			
	}
h3 {
	font-size:0.94rem;												/* 15px; */
	margin-top:1.88em;										/* 30px; */
	margin-bottom:0;
	}
p {
	line-height: 1.5;
	margin: 5px 0;
	}
.left {
	text-align: left;
		}
main p {
	text-align: justify;
	hyphens: auto;
	-webkit-hyphens: auto;
}
a, a:link, a:visited, a:focus {
	text-decoration: none;
	color:#646464;												/* grau */
	}
a:hover, a.aktuell {
	text-decoration: none;
	color:#E48D40;												/* braun */
	}
strong {
	font-weight: bold;
	}
figure {					
	margin:0;															/* zurückgesetzt Jana */
	padding:0;
	}	
figcaption {
	line-height: 1.5;
	font-size:0.875rem;										/* 14px; */
	width:200px;
	}
figcaption strong {
	border-bottom: 1px solid #D6D0C1;
	padding-bottom:10px;
	margin: 10px 0;
	display:block;
	}
img {
	max-width:100%
	}
ul {
	padding:1.25em 0 1.25em 1.88em; 			/* 20px 0 20px 30px; */
	}
ul li {
	padding-bottom:0.31em;								/* 5px; */
	}
	
/* General css rules Ende */

/* Header Anfang */
header {
	position:relative;
	width:auto;												/* passt sich in Größe an */
	max-width:64rem; 									/* max. 1024px; */
	margin: 1.25em auto 1.25em auto;				/* 20px;  left and right = auto, horizontal zentrieren */
	}
header h1 {
	display:inline-block;
	vertical-align:top;
	/* margin: 35px 0 0 0; */
	margin:0 0 0 0.63em;
	font-size: 3.4375rem;						/* 55px; */
	color: #E48D40;									/* braun */
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-variant:small-caps;				/* Kapitälchen */
	}
header p {
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;								/* 16px; */
	color: #800000;									/* weinrot */			
	/* color: #4A463B; */						/* dunkelgrau */
	padding-left:0.5em;						/* bündig mit h1 (Serife R) */
	}
header ul.sprache {
	position: absolute;
	right:0.94em;
	top:1em;
	}
header ul.sprache li {
	display:inline-block;
	padding-left:0.63em;
	}
header ul.sprache li a.aktuell {
	color:#B2B2B2;												/* hellgrau */
	}

nav {
	position:absolute;		/* header-Element hat position:relative, Navigation kann nun absolut unten rechts im Header positioniert werden */
	right:0;
	bottom:0;
	}
nav h2 {
	display:block;
	float:left;
	margin:0;
	padding:0;						/* 0 15px; */
	}
/* Header Ende */

/* Slider Anfang */
/* Center the slideshow */
.container {
	display:block;
	width:auto;
	margin: 0 auto;
	position:relative;
}
#slider_content {
	line-height: 1.5;
	font-family: 'Open Sans', sans-serif;
	width:25rem;														/* 400px; */ 
	position:absolute;
	top:2%;
	right:2%;
	display:block;
	z-index:11;
	padding:20px 17px 5px 17px;
	border-radius: 10px;
	background: rgb(0, 0, 0);					/* Fallback for web browsers that doesn't support RGBa */
	background:rgba(255, 255, 255, 0.8);	 	/* RGBa with 0.6 opacity */
	}
#slider_content h3 {
	text-align:center;
	color:#4A463B;													/* dunkelgrau */
	font-size:2rem;		/* 1rem; */													/* 16px; */
	margin:0;
	padding-bottom: 0.8rem;
	}
#slider_content p {
	color:#4A463B;													/* dunkelgrau */
	font-size:1rem;		/* 1rem; */													/* 16px; */
	margin:0;
	padding-bottom:20px;
	}
#slider_content p.sl-cont {
	padding-bottom:0;
}
#slider_content a {
	color:#800000;										/* braun */
	font-size:1.1rem;
	}
#slider_content span {
	color:#800000;									/* braun */
	}
#slider_content ul {
	margin:0;
	padding-top:0;
	padding-bottom:0;
	}

/* Slider Ende */

/* Spacer Anfang */
.spacer {
	width:auto;
	height:1.875rem;												/* 30px; */
	background-color:#E48D40;								/* braun */
	}
/* Spacer Ende */

/* Hauptinhalt */
main {
	width:auto;														/* Breite passt sich an browser-Fenster an */
	max-width:64rem;											/* max-Breite festlegen 1024px */
	margin:0 auto;												/* zentriert durch margin left and right = auto */
	padding: 3.75em 0 2.5em 0;						/* 60px 0 40px 0;	*/
	}
main article.inhalt {
	padding:0 6.25em 0.63em 0;						/* 0 100px 10px 0; */
	}
main article.inhalt p {
	/* text-align: justify; */
	font-size:0.875rem;							/* 14px; */
	}
main article.inhalt ul {
	font-size:0.875rem;									  /* 14px; */
	}
main article.inhalt a, main article.inhalt a:link, main article.inhalt a:visited  {
	color:#E48D40;												/* braun */
	}	
main article.inhalt a:hover, main article.inhalt a:focus {
	color:#B2B2B2;												/* hellgrau */	
	}

/* Footer Anfang */
footer {
	clear:both;
	width:auto;
	background:#555555;	/* mittelgrau */
	}
footer .wrapper {
	font-size:0.875rem;													/* 14px; */
	line-height:1.5;
	width:auto; 
	max-width:64rem;	 											/* 1024px; */
	margin: 0 auto;
	padding-top:20px;
	padding-bottom:20px;	
	}
/* 4 Spalten innerhalb des Footer */
footer .wrapper .column {
	color:#ababab;	/* hellgrau */
	float:left;
	width:auto;
	max-width:50%;
	}
footer .wrapper .column1, footer .wrapper .column2, footer .wrapper .column3 {
	margin-right:50px;
	}
footer .wrapper .column a, footer .wrapper .column a:link, footer .wrapper .column a:visited {
	color:#ababab;	/* hellgrau */
	}	
footer .wrapper .column a:hover, footer .wrapper .column a:focus {
	color:#E48D40;				/* braun */	
	}
/* copyright */
.copyright {
	background: #323232; /*#1D1D1D;*/
	width:auto;
	}
.copyright div {
	max-width:64rem;													/* 1024px; */
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	padding-top:25px;
	padding-bottom:25px;
	color: #888888;    /*grau*/
	font-size:0.875rem;												/* 14px; */
	}
.copyright div a {
	color: #B2B2B2;	/* hellgrau */
	}
.copyright div a:hover {
	color: #E48D40;			/* braun */
	}
/* Copyright Ende */
/* Footer Ende */


@media (min-width: 765px) and (max-width: 1024px)
{

}

@media (max-width: 765px)
{
	h1 {font-size:1.25rem;}
	h2 {font-size:1rem;}
	header {padding-left: 0.31em; padding-top:0.63em;}						/* 5px */
	header h1 {
		display:block;
		margin: 0;
		font-size: 2.5rem;											/* 40px; */
		}	
	header p {
		padding-left:0;						
		}
	header nav {display:none;}
	/* slideshow Text */
	#slider_content {
		/* display:none; */
		line-height: 1.5;
		font-family: 'Open Sans', sans-serif;
		width:23rem;														/* 400px; */ 
		position: static;
		border-radius:0;
		background:none;
		}
		
	/* Inhalt */
	main {
		/* padding: 0.94em 0.63em 0.63em 0.63em; */					/* 15px 10px 10px 10px; */
		padding: 0.94em 0 0.63em 0;
	}
	main article.inhalt {
	padding:0 0.36em 0.63em 0;											/* 0 10px 10px 0; */
	}
	main article.inhalt p {
		padding: 0 0 0.31em 0;												/* 0 0 5px 0; */
		text-align: left;	
	}	
	
	/* footer */
	footer .wrapper, footer .copyright {
		padding-left: 0.63em;											/* 10px; */
		padding-right: 0.63em;										/* 10px; */
	}
	footer .wrapper .column {
  	float:none;		
		max-width:100%;
		}
	footer .wrapper .column2, footer .wrapper .column3, footer .wrapper .column4  {
		margin-top:0.31em;												/* 5px */
		}	
	footer .wrapper .column1, footer .wrapper .column2, footer .wrapper .column3, footer .wrapper .column4 {
		margin-right:0;
		}	
	footer ul {
	padding:0.63em 0 0.63em 1.25em; 			/* 10px 0 10px 20px; */
	}
}

/* html5boilerplate.com Clearfix
--------------------------------- */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}