body {
  background-color: #ccad8f;
 	color:#a9d6e5;
}

h1,2,3 {
  color:#a9d6e5;
  text-align: center;
  font-family: 'Kanit', sans-serif;
}



p {
	color:#a9d6e5 ;
   font-family: garamond;
   font-size: 20px;
}



div{
		
		padding: 10px;
		border:5px solid #000066;
		margin: 5px;
	
}


#wrapper { 
	position:relative;
		width: 95%;
		margin: auto;  
		padding-top:1px;
		padding-bottom: 50px; 
	background-color: #ccad8f;
	background-color:#255C99;
	color:#a9d6e5;
}


.anders{
	position:relative;
	background-color:#255c99;
	width:65%;
	text-align:center;
	color:#a9d6e5;
	bottom:5px;
	border:5px solid #000066;
}
	
#Bild1{
	position:relative;
	color:#2F2963;
	border: transparent;
	background-position:  center;
	font-size: 50px;
}

#Bild2{
	position:relative;
	color: #2F2963;
	border: transparent;
	background-position:  center;
	
}

img { 
  width: 100%;
  height: auto;
  opacity: 50%;
}

.center1 {
  position:absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 20px;
  border: transparent;
}

#footer{
	background-color:#255c99;
	text-align: center;
	color: #a9d6e5;
}

/* Geschichte css:  */

.Khan{
	position:relative;
	top:5px;
	right:5px;
	background-color:#255c99;
	width:50%;
	text-align:center;
	color:#a9d6e5;
	bottom:5px;
	font-size: 25
}


/* Musik css: */

.musik{
	position:relative;
	background-color:#255c99;
	width:65%;
	text-align:center;
	color:#a9d6e5;
	bottom:5px;
	border:5px solid #000066;
	top: 5px;
	float:right;
}

/* Tradition css:  */

.Feste{
	position:relative;
	top:5px;
	right:5px;
	background-color:#255c99;
	text-align:center;
	color:#a9d6e5;
	bottom:5px;
	width:55%;
}

#In{
	position:relative;
	top:5px;
	right:5px;
	background-color:#255c99;
	text-align:center;
	color:#a9d6e5;
	bottom:5px;
	width:55%;
}


/* Tiere css: */

.Pferd{
	position:relative;
	top:5px;
	right:5px;
	background-color:#255c99;
	width:60%;
	text-align:center;
	bottom:5px;
	font-size: 25px;
	opacity: 100%;
	float:right;
}

#Impressum{
	position:relative;
	background-color:#255c99;
	width:60%;
	color:#a9d6e5;
	bottom:5px;
}

#Webseiten{
	position:relative;
	background-color:#255c99;
	width: 50%;
	color:a9d6e5;
	bottom:5px;
	float:right;
}


nav {
  float: left;
  width: 15%;
  background:#255c99 ;
  padding: 25px;
  border:5px solid #000066;
  color:#a9d6e5;
  padding-right:10px;
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  /* Für alle Klassen, die mit "col-" beginnen: */
  [class*="col-"] {
    width: 100%;
  }
}

a:link, a:visited {
  color:#a9d6e5;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}