html, body {
	<!-- width: 800px; -->
	height: 400%;
	margin: 0px auto;
	padding: 0px;
	font-family: sans-serif;
	background-color: #e9e9e9;
	<!-- background: url(../seite/BrunnenfestErbeldingIMG_6674X.JPG);-->
	<!-- background-attachment: fixed; -->
	<!-- background-size: cover; -->
	max-width: 800px;
	
	hypens: auto;
	}
<!-- farbe ffffbb -->
.ruck {
	text-indent: 1em;
	}

.P_Rahmen p,  {
	padding-right: 1em;
	border-style: solid;
	border-color: black;
	border-width: thin;
	padding: 0.5em;
	}
.P_Rahmen p:hover {
	background-color: hsl(51,100%,0%);
	color: black;	
	}
.P_Rahmen a p {
	padding-right: 1em;
	border-style: solid;
	border-color: black;
	border-width: thin;
	padding: 0.5em;
	box-shadow: 3px 3px 4px hsl(51,100%,70%);
	}
.P_Rahmen a p:hover {
	background-color: hsl(51,100%,75%);
	box-shadow: 5px 5px 10px hsl(51,100%,25%);
	}
.P_Rahmen a {
	text-decoration: none;
	color: black;
	}
.P_Rahmen ul {
	background-color: hsl(51,100%,82%);
	border-style: solid;
	border-color: black;
	border-width: thin;
	padding-left: 2em;
	padding-bottom: 1em;
	padding-top: 1.2em;
	box-shadow: 3px 3px 4px grey;
	}
.P_Rahmen ul li {
	padding-bottom: 0.3em;
	}
.P_Rahmen ul li a:hover {
	text-decoration: blink;
	background-color: hsl(51,100%,75%);
	box-shadow: 3px 3px 5px hsl(51,100%,25%);
	}
	
figure {
	z-index: 4;
	
	background-color: #ffffcc;
	text-align: center;
	text-indent: inherit;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
	border: thin silver solid;
	margin: 0.5em;
	padding: 0.7em;
	transition: all 500ms;
	box-shadow: 0 0.1rem 0.9rem rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	}
figure:hover {
	z-index: 5;	
	box-shadow: 0 2.5rem 3.8rem rgba(0,0,0,0.34), 0 1rem 1rem rgba(0,0,0,0.50);
	background-color: #ffffdd;
	}
figure img:hover {
	filter: brightness(1.2); 
	filter: contrast(1);
	}

.big {
	float: left;
	font-size: 200%;
	font-weight: bolder;
	font-variant: small-caps;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 1px;
	padding-top: 0px;
	margin: 0;
	}
.tall {
	font-size: 160%;
	font-weight: bold;
	}
.links {
	float: left;
	}
.rechts {
	float: right;
	}

h1 {
	text-shadow: 3px 3px 3px lightgrey;
	font-size: 2em;
	margin: 0;
	padding-top: 0.8em;
	}
h2 {
	font-size: 0.9em;
	padding-top: 0.0em;
	padding-bottom: 0.0em;
	margin: 0px;
	margin-bottom: 0.2em;
	color: hsl(0,60%,50%);
	font-weight: bold;
	border: 0em
	}
h3 {
	font-size: 1em;
	padding-top: 0.0em;
	padding-bottom: 0.0em;
	margin: 0px;
	color: hsl(0,60%,50%);
	font-weight: bold;
	border: 0em
	}
h4 {
	font-family: sans-serif;
	text-shadow: 2px 2px hsl(0,80%,95%);
	font-size: 1.5em;
	margin: 0;
	color: black;
	}
h5 {
	text-shadow: 1px 1px lightgrey;
	font-size: 1.2em;
	margin: 0;
	margin-top: 0.5em;
	font-weight: bold;
	width: 86%;
	color: black;
	}
	
article {
	padding: 1em;
	text-align: justify;
	font-size: 1em;
	font-family: sans-serif;
	}
article a {
	color: hsl(15,100%,40%);
	background-color: hsl(15,100%,90%)
	}
article a:hover {
	transition: all 500ms;
	background-color: hsl(51,100%,50%);
	font-size: 1,5em;
	}

.Dreispaltig {
	width: 95%;
	column-count: 3;
	column-gap: 1.5em;}
img {column-break-after: column;}

.zweispaltig {
	width: 95%;
	column-count: 2;
	column-gap: 2em;}
	column-rule-style: solid;
	column-rule-width: 0.5em;
	column-rule-color: darkgrey;	
	orphans: 2;
	widows: 2;	
img {column-break-after: column;}
h1 {column-span: all;}