/* ä */
html, body { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; width: 100%; height: 100%; font-size: medium; color: #222222; }
/* body { background-image: url(b/hint-gruppe.gif); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; } */

a.text { color: #C2363A; font-weight: bold; text-decoration: none; }

.rot { color: #C2363A; }

.table { display: table; border-collapse: collapse; border-spacing: 0; width: 100%; }
.tr { display: table-row; width: 100%; }
.td, .th { display: table-cell; padding: 0; vertical-align: middle; }
.th { font-weight: bold; }

.bild { box-sizing: border-box; width: 100%; border: thin solid #000000; }

sup { font-size: .7em; }

/* Mobile Version */
@media screen and (max-width:1023px) {
}




/* --------------
	Anzeigebereich
	-------------- */
#seite-oben { background-color: #FFFFFF; overflow: visible; }
#logo { max-width: 457px; margin: 0 auto; padding: 2em; }
#logo img { display: block; width: 100%; max-width: 457px; vertical-align: bottom; }
#kopf-intro { position: relative; top: 3em; max-width: 1200px; margin: 0 auto; padding: 0 2em; }
#kopf { max-width: 1200px; margin: 3em auto; padding: 0 2em; }
#kopf-intro img, #kopf img { display: block; width: 100%; vertical-align: bottom; border: 1px solid #666; }


#seite-unten { margin-bottom: 10em; }
#links { position: relative; max-width: 1200px; margin: 2em auto 0 auto; padding: 0 2em; z-index: 10; }
#links .linkbox { display: inline-block; width: 20%; margin: 0 auto; }
#links .linkbox a { display: block; color: transparent; }
#links .linkbox img { display: block; margin: .5em auto; padding: .25em; background-color: #FFFFFF; border: none; }


#seite-fuss { position: fixed; bottom: 0; width: 100%; font-size: 13px; line-height: 150%; background-color: #1C1C1B; z-index: 20; }
#fusszeile { position: relative; max-width: 1200px; margin: 0 auto; padding: 0 2em; background-image: url(b/welle-fuss-gruppe.gif); background-repeat: no-repeat; background-position: 4em 0; }
#adresse { text-align: right; padding: .5em 0; }
#adr1, #adr2 { display: inline-block; margin-left: 2em; padding: 0 .5em; color: #FFFFFF; }
#fusszeile a { color: inherit; text-decoration: none; }

#impressum-intro { position: absolute; top: .5em; right: 2em; font-size: 13px; }
#impressum { margin-top: 3em; text-align: center; border-top: thin solid #000000}
#impressum-intro a, #impressum a { color: #333333; text-decoration: none; }

#inhalt { max-width: 1200px; margin: 0 auto 10em auto; padding: 0 2em; background-color: #FFFFFF; }
#inhalt h1 { margin-bottom: 1.5em; font-size: 130%; border-bottom: thin solid #000000; }
#inhalt h2 { font-size: 130%; }
#inhalt p { margin: 0 0 1em 0; }
#inhalt .grundrisse a { display: inline-block; min-width: 12em; margin: 0 .5em .5em 0; padding: .5em; color: inherit; text-align: center; text-decoration: none; background-color: #EEEEEE; }
#inhalt .grundrisse a img { vertical-align: bottom; }
#inhalt .grundrisse a p { margin: .5em 0 0 0; }

#inhalt .mehrspaltig  { text-align: justify; column-count: 3; column-gap: 2em; hyphens: auto; }
#inhalt .linkespalte  { display: inline-block; width: 45%; padding-right: 4%; vertical-align: top; }
#inhalt .rechtespalte { display: inline-block; width: 45%; padding-left: 4%; vertical-align: top; }

#inhalt .abstand3em { height: 3em; }

#inhalt .zurueck a { display: inline-block; margin: 2em 0 0 0; padding: .25em .5em; color: inherit; text-decoration: none; background-color: #EFEFEF; border: thin solid #CCCCCC; }
#inhalt .zurueck a .pfeil { }


/* Mobile Version */
@media screen and (max-width:1023px) {
	#links .linkbox { width: 33%; }
}


@media screen and (max-width:650px) {
	#logo, #kopf-intro, #kopf, #inhalt { padding-left: 1em; padding-right: 1em; }

	#links .linkbox { width: 50%; }
	#fusszeile { background-image: none; }

	#inhalt .mehrspaltig  { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
	#inhalt .linkespalte  { display: block; width: auto; padding-right: 0; }
	#inhalt .rechtespalte { display: block; width: auto; padding-left:  0; }
}


@media screen and (max-width:480px) {
	#links .linkbox { width: 100%; }
	#seite-fuss { position: static; margin-top: 3em; }
	#adresse { text-align: center; }
	#adr1, #adr2 { display: block; }
}




/* --------
	 Formular
	 -------- */
.formularspalte .th { width: 6em; padding: .25em .5em .25em 0; vertical-align: top; }
.formularspalte .td { padding: .25em 0; }

.eingabefeld { font-family: Arial, Helvetica, sans-serif; width: 99%; font-size: inherit; }

input[type="submit"] { font-size: inherit; }

@media screen and (max-width:1023px) {
	.eingabefeld, input, select {}

	.absendenbutton { padding: .25em .5em; width: auto; }
}

@media screen and (max-width:650px) {
	.formularspalte { margin-right: 0; }
}