html {
  box-sizing: border-box;

}
*, ::before, ::after {
  box-sizing: inherit;
}

body{
  margin: 0 auto;
  max-width: 1100px;
  font: 1.05em/1.3em Calibri, Arial, Helvetica, Verdana, sans-serif;
  padding-bottom:3em;

/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
  img,
  video {
	max-width: 100%;
	height: auto;
  }
  
  .center{
	display: flex;
	align-items: center;
	justify-content: center;
}
  
  
     #top {
		 position:relative;
	max-with:100%;
	 }
  
  
  
.top-logo{
	 position:relative;
	background:#EEE;
	float:right;
	margin-right:5em;
	top:0px;
}

article p  {
	max-width:100%;
 margin-bottom:1em;
}

article h1  {
display:block;
/*background-color: #FF6600; 
color:#FFF; */
color:#8C8C8C; 
font: 1.5em/1.7em tahoma, arial, sans-serif;
margin: 0px 0px 20px 0px;
padding : 2px 0px 2px 0px;
}

h2 {
	font: 1.1em/1.2em Calibri, Arial, Helvetica, Verdana, sans-serif;
	color:#444;
	font-weight:600;
}

article h4 {  
	font: 1.2em/1.2em Calibri, Arial, Helvetica, Verdana, sans-serif;
	color:#444;
	font-weight:200;
	margin: 2em 0 0.8em 0;
}

article h5 {  
font-weight: bold;
/*color:rgb(200,100,10);*/ 
/*color:rgb(230,114,26);*/
/*color:#d36a17;*/
color:#e67d37;
font-size:1.1em;
margin:0;
}

article h6 {  
font-weight: bold;
font-size:1em;
color:#444;
margin:0;
}


/*header {
  background: #F1F3F4;
  border-color: #d5d5d5;
  }
header img {
  width: 13em;
  margin-right: 50px;
  float: left;
}*/

.img-leist {width:20%;float:right }
.img-index {width:30%;float:right }

.bilder_rechts {
	position:relative;
    float:right;
	margin-left:5%;
	border:2px solid rgb(200,200,200);
	padding: 5px;
	
}

.div_rechts {
	position:relative;
    float:right;
	margin-left:5%;
	padding: 5px;
	max-width:35%;
	
	
}

.news {
position : relative;
	padding : 5px;
	margin : 0;
	border : 0;
	background-color:#CCC;
}

.news p{
max-width:100%;
}

.kasten-news {
display:block;
background-color:rgb(230,114,26);
padding: 2px 5px 2px 5px;
color:#FFF;
font: 1.3em/1.3em tahoma, arial, sans-serif;
text-align:center;
letter-spacing: 0.25em;
}

.kastenorange {
display:block;
background-color:rgb(230,114,26); 
padding: 0 0 4px 5px;
margin-bottom: 20px;
 color: #fff;
    letter-spacing: 0.1em;
}

.kastenorange h2 {
    color: #fff;
    letter-spacing: 0.1em;
}

nav {
  padding: 0;
  margin: 3em 0 0 0;
  }
nav ul {
  padding:0;
}

nav::after {
clear:both;
}

nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav a {
	display : block;
	color:#666;
	text-decoration : none;
	margin : 0 10px 20px 0px;
	padding: 0 0 2px 0;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 1em;
	line-height: 17px;
	/*font-weight: bold;*/
	border-bottom:2px dotted rgb(230,114,26);
}



nav ul a:hover,
nav ul a:active  {
color: rgb(230,114,26);
/*background : #fff url(images/point.gif) center right no-repeat;*/
text-decoration: none;
}

nav ul ul{
	margin:0 0 0 2em;
}

main {
	display: block;
	margin: 3em 0 0 0;
	min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
	/*max-width: 80%;*/
	max-width: 100%;
}

main ul {
	margin-left : 20px;
	margin-top: 10px;
padding-left: 10px;
}

main li {
	font: 1em/1.5em Calibri, Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
	list-style-image: url(images/li-point.gif);
	margin: 0 20px 10px 20px;
	padding-left: 15px;
}

section {
  background: #F1F3F4;
  border-color: slateblue;
}

article a{
text-decoration:none;
font-weight:bold;
color: rgb(230,114,26)
}

article a:hover{
color:#444;
}

.teamgepl-right {
	max-width:30%;
	float:right; 
	margin-left:3%;
	margin-bottom: 2%;
}

.teamgepl-left {
    max-width: 30%;
    float: left;
    margin-right: 5%;
    margin-bottom: 2%;
}

.teamgepl p {
	max-width:100%;
	margin-bottom: 4em;
}

.fotoquelle {
float:right;
  font: 0.8em/1.5em Calibri, Arial, Helvetica, Verdana, sans-serif;

}

aside {
  background: #ebf5d7;
  border-color: #8db243;
}

footer {
		/*position: fixed;*/
	    left: 0;
    	bottom: 0;
	width: 100%;
	background:#333;
	padding: 0;
	margin:15em 0 0 0;
	border: 0;
}


footer div {
	color:#999;
	width:100%;
	margin: 0 auto;
	text-align: center;
}
footer ul {
}

footer li {
	display:inline;
  list-style: none;
  margin: 0;
  padding: 0;
}




footer a {
	display : inline;
	text-decoration : none;
color:#999;
font:0.9em "Trebuchet MS", Tahoma, Arial, sans-serif;
text-decoration:none;
background-color:transparent;
border-collapse: collapse;
text-align:center;
}

footer a:hover {
color:#FFF;
background-color:transparent;
border-collapse: collapse;
text-align:center;
}

@media (min-width: 32em)  {	/* mehrspaltiges Layout für breitere Viewports */ 
  nav {
    float: left;
    width: 22%;
	padding: 0;
  }
  article p  {
	max-width:80%;
}
  
  main {
    margin-left: 29%;
  }	
  
  .teamgepl-right {
	max-width:15%;
}

.teamgepl-left {
    max-width: 15%;
}
}