/* Text 
css-file für index*/

*{
	box-sizing:  border-box;
}

/*html{
	box-sizing:  border-box;*/


body {
	min-height: 200vh;
	background-color: rgb(255,255,204) ;
	text-align: center;
	margin: auto;
}

	
.seitenheader {
	/*padding: 0.5rem; */
	text-align: center;
	color: red;
}
 
.section01 {
	 border: 1px solid blue;
	 /*position: relative;*/
	 text-align: center;
	 /*top: 20px;*/
	 /*padding: 1rem;*/
}
 
.article01 {
	/*border: 1px solid green;*/
	 color: black;
	 font-size : 1.5rem;
	 /*margin: 1rem;*/
	 text-align: center;
}
 
.article02 {
	 /*border: 2px solid green;*/
	 color: black;
	 font-family: Arial, Helvetica, Sans-serif;
	 font-size : 2.5rem;
	 /*margin: 2rem;*/
	 text-align: center;
}
 
.article03 {
	/*border: 2px solid black;*/
	display: flow-root;
	text-align: left;
	font-size : 1.5rem;
}
 
p {
	 font-family: Arial, Helvetica, Sans-serif;
	 font-size : 1.2rem;
	 color : black;
	 line-height : 1.5rem;
	 text-align: justify;
	 margin: 1rem;
}
 
 
h1 {
	 font-family: Arial, Helvetica, Sans-serif;
	 font-size : 2rem;
	 color : rgb(255, 0, 0);
}
 
h2 {
	 margin: 0px;
	 font-family: Arial, Helvetica, Sans-serif;
	 font-size : 1.5rem;
	 text-align: center;
}
 
h3 {
	 font-family: Arial, Helvetica, Sans-serif;
	 font-size: 1.0rem;
	 font-weight : bold ;
}
 
footer {
	font-family: Arial, Helvetica, Sans-serif;
	font-size : 1.5rem;	
	text-align: center;
}

.float-left {
	float: left;
}

img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid green;
}



.imgleft{
	float: left;
}

.img-container2 {
  float: left;
  width: 50%;
  padding: 5px;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.img-container3 {
  float: left;
  width: 33%;
  padding: 5px;
}
.img-container4 {
  float: left;
  width: 25%;
  padding: 5px;
}


table, th, td {
  border: 1px solid;
  border-collapse: collapse;
  font-size : 1.2rem;
  text-align: center;
  margin: auto;
}


area:visited {
	font-family: Arial, Helvetica, Sans-serif;
	font-size : 1.5rem;
	line-height : 1.8rem;
	text-align: justify;
	color:red;
	
}

a :active {
	font-family: Arial, Helvetica, Sans-serif;
	font-size : 1.5rem;
	line-height : 1.8rem;
	text-align: justify;
	color:blueviolet;
}




/* Anpassung an Geräte  ex HP*/

/*55rem = 880px*  45rem = 720px */
/*
@media screen and (max-width: 55rem) {
 body {
  max-width: 45rem;
  padding: 0.5rem;
 }
 article {
  min-height: 15rem;
 }
}
*/
/*65rem = 1040px*  55rem = 880px */
@media screen and (min-width: 65rem) {
 body {
   max-width: 55rem;
   padding: 0.2rem;
 }
}

/*90rem = 1440px*  85rem = 1360px */
@media screen and (min-width: 90rem) {
 body {
   max-width: 85rem;
   padding: 2.5rem;
 }
}

/*120rem = 1920px*  110rem = 1760 */
@media screen and (min-width: 120rem) {
 body {
   max-width: 110rem;
   padding: 3rem;
 }
}