:root {
	--color-hell: #eee;
	--background: #A52A2A;
	--link: darkblue;
}
body {
 margin: 0;
 padding: 0;
 font-family: Verdana, Arial, Sans-Serif;
 cursor: Default;
}

h1 {
 -font-weight: Normal;
 background: var(--background);
 padding: 0.5rem 1rem;
 margin: 0;
 color: var(--color-hell);
 font-size: 1.2rem;
 letter-spacing: 1px;
}
h2 {
 padding: 0.2rem 1rem;
  font-size: 1.2em;
 letter-spacing: 1px;
}

h3 {
 font-weight: Normal;
 background: var(--background);
 padding: 0.2rem 1rem;
 margin: 0 0 1px 0;
 color: var(--color-hell);;
  font-size: 1.2rem;
 letter-spacing: 1px;
}
h3:hover {
	color: orange;
}

p {
	margin: 0;
	padding: 0.2rem 1rem;
}

a:link, a:visited {
 text-decoration: None;
}

a[rel^='noopener']::after {
 content: "\279A";
 color: Silver;
}

input[type="submit"] {
 padding: 0.3rem 1rem;
 border: none;
 outline: none;
 background: green;
 color: var(--color-hell);;
 font-size:0.9em;
 font-weight: bold;
 cursor: pointer;
}

article form {
	padding-bottom: 1.25rem;
}

/* accordion */
.trigger {
	cursor:pointer;
	margin: 0 0 1px 0; 
}
.trigger:last-of-type {
	margin: 0;
}
.trigger_active {
}
.toggle_container p {
	font-size:0.9rem;
}
.toggle_container a {
	padding: 0;
	background: none;
	color: var(--link);
	font-size:1rem;
	font-weight: normal;
	}


/* Suche */

.suchform {

	form {
		border-bottom: solid 2px var(--background);
	}

	p {
		padding: 0 0 0 1em;
	}
}

.suchtext {
	float: left;
	input {
		width: 25rem;
		line-height: 1.5em;
		border: none;
	}
}

.suchbutton {
	float: right;
}
.suchmeldung {
	border-bottom: solid 2px var(--background);	
}
.suchhinweis {
	float: left;
	padding: 0.5em 1em;
	color: #d2691e;
}
.suchclose {
	float: right;
	padding: 0;
	
	a {
		background: none;
		color: red;
		font-weight: bold;
		font-size: 1.6rem;
		margin-right: 15px;
	}	
}

.suchergebnis {
	margin: 0.5em 0;

	p {
		font-size:0.9rem;
	}
	
	a {
		padding: 0;
		background: none;
		color: var(--link);
		font-size:1rem;
	}
}

/* Linkliste */

.listenhead, .liste {
	border-bottom: solid 1px #888;
		
	ul {
		list-style: none;
			margin:0;
		padding:0.2em 1em;
	}
		
	li {
		display: inline;
		padding: 0 0.2em;
	}			
}

.listenhead li {
	font-weight: bold;
}

.firstchild {
	-width:300px;
	float:left;
}
.secondchild {
	width:9.5rem;
	float:right;	
}
.thirdchild {
	width:2.2rem;
	float:right;
	line-height: 0.9em;
	text-align: center;
	
	a {
		color: green;
		font-weight: bold;
		display: block;
	}	
}

/* -------------------------- */


#topLink {
	z-index: 1000;
	display: none;
	position: fixed;
	right: 1.25rem;
	bottom: 1.25rem;
	font-size: 5em;	
	color: rgba(0,0,0,.5);
}

.bearbeitungslink a {
	background: green;
	padding: 0.3em 1em;
	color: var(--color-hell);;
}

@media screen and (min-width: 48rem) {
	body {
		overflow: scroll;
	}

	.wrapper {
		width: 38.75rem;
		margin: 0 auto;
		border: solid 2px var(--background);
	}
		
