.b1 a {
  font-size: 1.2em;
  color: #ffffff;
  text-decoration: none;
 
}
.b1 a:link {
  text-decoration: none;
    padding: 6px 10px;
}
.b1 a:visited {
  text-decoration: none;
  color: #ffffff;
}
.b1 a:hover {
  text-decoration: none;
  color: #FFF;
   background: #333;
   border:1px solid #8d6452;
}
.b1 a:active {
  text-decoration: none;
  color: #ffffff;
}
.button{ 
background: #656c5a; 
border-radius: 10px;
color: #fff; 
text-decoration: none;
border: 1px solid #FFF;
}



.b2 a {
  font-size: 1.2em;
  color: #005b46;
  text-decoration: none;
 
}
.b2 a:link {
  text-decoration: none;
    padding: 6px 10px;
}
.b2 a:visited {
  text-decoration: none;
  color: #005b46;
}
.b2 a:hover {
  text-decoration: none;
  color: #FFF;
   background: #640a05;
   
}
.b2 a:active {
  text-decoration: none;
  color: #005b46;
}
.button2{ 
background: #ffffff; 
border-radius: 10px;
color: #000; 
text-decoration: none;  
border: 2px solid #333;	
}


.img_imp {
	width: 16%;
	height: auto;
    margin-right: 10px;
}

/* dreier Box flexibel * * * * * * * * */
.dreier_1t, .dreier_2t, .dreier_3t{
	width: 30%;
	float: left;
	padding: 0 1% 0 1%;
}
.dreier_2t {
	margin: 0 2% 0 2%;
}

/* wrapper_box zur Ansicht Hintergrundfarbe oder verhindern UEBERLAUF der FLOAT_BOXEN* * * * * * * * */
.wrapper_boxt {
	overflow: hidden;
}

@media screen and (max-width: 800px) {

/* 11 dreier Box flexibel bei 800px * * * * * * * * */
.dreier_1t, .dreier_2t, .dreier_3t {
	padding: 0 2% 0 2%;
    
}

.dreier_1t, .dreier_2t {
	width: 45%;
	float: left;
}
.dreier_2t {
	margin: 0 0 0 2%;
}
.dreier_3t {
	width: 96%;
		margin: 20px 0 0 0;

}
}

@media screen and (max-width: 600px)
{

	/*  dreier Box flexibel bei 600px * * * * * * * * */
.dreier_1t, .dreier_2t {
	width: 96%;
	margin: 0 0 20px 0;
}
.dreier_3t {
	margin: 0 0 20px 0;
}
}