@CHARSET "UTF-8";
/*
 Farbe 1: 000000 (schwarz)
 Farbe 2: 7F80C3 (blau)
 Farbe 3: F6D97F (Sterne gelb)
*/


body {
	background-color:#fff;
	font-family:Calibri,Verdana,Arial,sans-serif;
	font-size: 16px;
}

h1 {
	font-size:24px;
}
h2 {
	font-size:20px;
}
h3 {
	font-size:18px;
}
@media (min-width: 768px) {
h1 {
	font-size:28px;
}
h2 {
	font-size:24px;
}
h3 {
	font-size:20px;
}
}
@media (min-width: 1024px) {
h1 {
	font-size:32px;
}
h2 {
	font-size:28px;
}
h3 {
	font-size:24px;
}
}




.centered {
	text-align:center;
}

p {
	text-align:justify;
}

q {
	quotes:"\201E" "\201C";
	display:block;
	margin:5px; padding:5px;
	background-color:#ddd;
}

ul.unstyled {
	padding-left: 0;
}
ul.unstyled li {
    list-style-type: none;
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}


/* Grundgerüst */
#wrap {
}



/* Header */





/* Footer */
#footer {
	background-color:#FFFFFF;
	margin-top: 20px;
	padding: 20px 0 20px 0;
	text-align:center;
} 
#footer p {
	margin-top:0; margin-bottom:0;
}
#footer a {
	text-decoration:none;
	color:#000000;
}
#footer div.btn {
	margin:0.5em;
	padding:0.2em;
	font-size:2em;
	width:80%;
}




/* Formulare */
.form-horizontal div.control-group {
	clear:both;
	margin-bottom:20px;
}

.form-horizontal label.control-label {
	float:left;
}

.form-horizontal div.controls {
	margin-left:150px;	
}


/* Team / Profile */

a .teammember {
	text-decoration: none;
	color: initial;
}
a .teammember:hover {
	text-decoration: none;
	color: inherit;
	background-color: lightgrey;
}
.teammember {
	padding: 32px 0;
}
@media (max-width: 599px) {
	.teammember {
		text-align: center;
	}
	.teammember > p {
		text-align: center;
	}
}
.profilbild {
    margin: 0 auto 12px auto;
    display: inherit;
    width: 250px;
    height: 250px;
}
@media (min-width: 600px) {
    .profilbild {
        float: left;
        display: inline;
	width: 160px;
	height: 160px;
    }
	h2 {
		margin-top: 0;
	}
}
@media (min-width: 960px) {
    .profilbild {
	width: 200px;
	height: 200px;
    }
}

/* einzelprofil */
.contactinfo, .personinfo {
    text-align: center;
}


.prephone {
  width: 50px;
  min-width: 50px;
  display: inline-block;
}