@charset "utf-8";
/* CSS Document */

html {
	overflow-x: auto;
	overflow-y: scroll;
	visibility: visible;
	scrollbar-color: #cda #df9;			/*für Firefox*/
	scrollbar-3d-light-color: #af9;
	scrollbar-arrow-color: #070;			/*Pfeile IE*/
	scrollbar-base-color: #cda;
	scrollbar-dark-shadow-color: #070;
	scrollbar-face-color: #cda;			/*Scrollbalken IE*/
	scrollbar-highlight-color: #df9;		/*Scrollgrund IE*/
	scrollbar-shadow-color: #df9;			/*Rand Balken IE*/
}
::-webkit-scrollbar {
	background-color: #df9;		/*Scrollleiste gesamt Chrome*/
}
::-webkit-scrollbar-button {
	background-color: #df9;		/*Scrollbuttons Chrome*/
}
::-webkit-scrollbar-track {
	background-color: #df9;		/*Scrollgrund Chrome*/
}
::-webkit-scrollbar-thumb {
	background-color: #cda;		/*Scrollbalken Chrome*/
}

body {
	font-family: "Arial", "Helvetica", "FreeSans", sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	text-transform: none;
	text-decoration: none;
	background-color: #def;
	position: relative;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	z-index: 1;
	height: 100%;
	width: 100%;
}

#inhalt {
	background-color:#eff;
	position: relative;
	border-radius: 3px;
	float: left;
	clear: none;
	overflow: visible;
	margin-bottom: 7rem;
	margin-top: 1rem;
	padding: 0.5rem;
	padding-bottom: 3rem;
	top: 0;
	height: 100%;
	z-index: 2;
}

/* 1-spaltig*/
@media screen and (max-width: 39rem) {
#inhalt {
	left: 20%;
	width: calc(16rem + 2px);
}
}

/* 2-spaltig*/
@media screen and (min-width: 39rem) and (max-width: 55rem) {
#inhalt {
	left: 10%;
	width: calc(32rem + 2px);
}
}

/* 3-spaltig*/
@media screen and (min-width: 55rem) and (max-width: 74rem) {
#inhalt {
	left: 9%;
	width: calc(48rem + 2px);
}
}

/* 4-spaltig*/
@media screen and (min-width: 74rem) and (max-width: 87rem) {
#inhalt {
	left: 10%;
	width: calc(64rem + 2px);
}
}

/* 5-spaltig*/
@media screen and (min-width: 87rem) and (max-width: 103rem) {
#inhalt {
	left: 5%;
	width: calc(80rem + 2px);
}
}

/* 6-spaltig*/
@media screen and (min-width: 103rem) {
#inhalt {
	left: calc((100% - 96rem)/2);
	width: calc(96rem + 2px);
}
}

h1,
h2,
h3 {
	color:#0a1;
	font-family: Segoe Print, Bradley Hand, Verdana, Geneva, sans-serif;
	line-height: 1.3em;
	text-align:center;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
h1 {
	font-size: 2rem;
}
h2 {
	font-size: 1.1rem;
}

a, 
a:visited,
a:hover, 
a:active, 
a:focus {
	text-decoration: none;
	color:#0a1;

}

.flexbox {
	display:flex;
	flex-basis: 0.5;
	flex-direction: row;
	flex-grow: 1;
	flex-shrink: 1;
	flex-wrap: wrap;
}

.foto {
	position: relative;
	margin: 0.5rem;
	width: calc(100% - 1rem);
	z-index: 7;
}

.linksmaj{
	float: left;
	clear:left;
	width: calc(62% - 1rem);
	height: 100%;
}

.rechtsmaj{
	float: right;
	clear:right;
	width: calc(62% - 1rem);
	height: 100%;
}

.linksmin{
	float: left;
	clear:left;
	width: calc(38% - 1rem);
	height: 100%;
}

.rechtsmin{
	float: right;
	clear:right;
	width: calc(38% - 1rem);
	height: 100%;
}

.drittel{
	float: left;
	clear:none;
	width: calc(33.33% - 1rem);
	height: 100%;
}

.halb{
	float: left;
	clear:none;
	width: calc(50% - 1rem);
	height: 100%;
}

#logo {
	position: relative;
	left: calc(50% - 15rem / 2);
	height: auto;
	width: 15rem;
	z-index: 7;
}

hr {
	position: relative;
	border: none;
	float: left;
	clear: both;
	margin-top: 1.7em;
	height: 2px;
	width: 100%;
}

small {
	font-size: 50%;
	line-height: 100%;
}