body {
	font-family: var(--schriftfamilie, "Courier New", Courier, monospace;)
	margin: 0;
	text-align: var(--korperrichtung, justify);
	background-color: var(--texthintergrundfarbe, white); /* Texthintergrundfarbe */
	color:var(--schriftfarbe, dimgrey);}
a {	color: var(--linkfarbe, blue); }
a:hover {	color: var(--warnfarbe, red); }
h1 { font-size: var(--hoheh1, 1.8em); }
h2 { font-size: var(--hoheh1, 1.6em); }
h3 { font-size: var(--hoheh1, 1.4em); }
h4 { font-size: var(--hoheh1, 1.3em); }
h5 { font-size: var(--hoheh1, 1.2em); }
h6 { font-size: var(--hoheh1, 1.1em); }
h1,h2,h3,h4,h5,h6 {color:var(--ueberschriftfarbe, black);}
p, ul { font-size: var(--hohehp, 1.4em);
	line-height: var(--zeilenhohe, 1.6em);
	margin: 0 0 0.5em; }
code { font-size: var(--hohekleintext, 0.8em);
	color: var(--ueberschriftfarbe, black); }
.farbbox { color: var(--rahmenfarbe, blue); background-color:var(--farbboxhintergrundfarbe, lightyellow); border:4px double var(--rahmenfarbe, blue); }
.farbbox { padding:10px 20px;margin-bottom:20px;}
.farbbox a {color: var(--ueberschriftfarbe, black);}
.farbbox a:hover {color: var(--warnfarbe, red);}
.intro {
	border-bottom: 1px inset var(--ueberschriftfarbe, black);
	padding-bottom: 1.5em; }
.social { border-top: var(--kanten, 1px solid #8B0000);
	padding-top: var(--hoheh1, 1.8em); }

h2, h3, h4 { margin-top: 0; }
h3, h4 { margin-bottom: 0.5em; }
iframe { border: 0; overflow: hidden; }
.container { margin: 0 auto; max-width: var(--maxbreite, 87em); padding: 1em 0; }
.footer,.content,.sidebar { padding-top: var(--hoheh1, 1.8em); }

/* customization and add-ons */

.leftpic {float:left;width:100% !important;margin-right:20px;margin-bottom:20px;}
.titlepic {width:40%;float:right;margin-right:10px;margin-bottom:20px;}
.smalltext {font-size:var(--hohekleintext, 0.8em);}
.hier {color:var(--warnfarbe, red);}
li.nachbarn a:hover {color:var(--warnfarbe, red);}

.coolmenu{
padding-top:10px;
margin-bottom:20px;
border: none;
width: 100%;
background-color: inherit;
text-align:var(--menuerichtung, center);
}

.coolmenu a{
font: bold 13px;
padding: 5px 10px;
margin:2px 3px;
display: inline-block;
width: 100%;
color: var(--rahmenfarbe, blue);
text-decoration: none;
border: var(--kanten, 1px solid #8B0000);
}

html>body .coolmenu a{ /*Non IE rule*/
width: auto;
}

.coolmenu a:hover, a.hier{
background-color: var(--rahmenfarbe, blue);
color: var(--warnfarbe, red);
border: var(--kanten, 1px solid #8B0000);
}

.sprachmenu{
padding-top:10px;
margin-bottom:20px;
border: none;
width: 100%;
background-color: inherit;
text-align:var(--menuerichtung, center);
}

.sprachmenu ul {list-style-type: none; margin-left:0px; padding-left: 0px; }

.sprachmenu a{
font: bold 13px;
padding: 5px 10px;
margin:2px 3px;
display: inline-block;
width: 100%;
color: var(--rahmenfarbe, blue);
text-decoration: none;
border: var(--kanten, 1px solid #8B0000);
}

html>body .sprachmenu a{ /*Non IE rule*/
width: auto;
}

.sprachmenu a:hover, a.hier{
background-color: var(--rahmenfarbe, blue);
color: var(--warnfarbe, red);
border: var(--kanten, 1px solid #8B0000);
}

.sprachlink { display:inline;float:left; }


.leftaligned {float:left !important;}



/* minor responsive adjustments */

.footer { border-top: 1px inset var(--ueberschriftfarbe, black); }
.content { border-bottom: 1px inset var(--ueberschriftfarbe, black);
	margin-bottom: 1.5em; }

@media only screen and (min-width: 34em) {
	p, ul { font-size: var(--hohekleintext, 0.8em); }
	.feature:first-child,
	.info:first-child {
		border-right: 1px inset var(--ueberschriftfarbe, black); }
	.container { padding: var(--hohekleintext, 0.8em); }
	.titlepic {width:40%;}
	h1 { font-size: 2.6em; }
	h2 { font-size: 1.6em; }
}

@media only screen and (min-width: 42em) {
	.content { border: none; border-right: 1px inset var(--ueberschriftfarbe, black); margin-bottom: 0; }
	.info:first-child { border: none; }
	.container { }
	.titlepic {width:30%;}
	h1 { font-size: 3em; }
	h2 { font-size: 1.7em; }
}

@media only screen and (min-width: 54em) {
	.info:first-child { border-right: var(--kanten, 1px solid black); }
	.container {border-top: 30px solid var(--rahmenfarbe, blue); border-bottom: 30px solid var(--rahmenfarbe, blue); border-left:140px solid var(--rahmenfarbe, blue); border-right:140px solid var(--rahmenfarbe, blue);}
	.titlepic {width:22%;}
	h1 { font-size: 3.2em; }
	h2 { font-size: 1.8em; }
}