html, body
{
font-family : 'Anaheim', sans-serif;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.6;
    color: #141414;
    margin-left: auto; margin-right: auto; 
}

#header {
    text-align: center;
}

#a2 {
	background-color: #141414;
	margin-top: -34px;
}

.a2_h1 {
    text-align: center;
    color: #f4f4f4;
    padding-top: 30px;
}

.a2_1 {
	float: left;
	color: #f4f4f4;
    margin-right: 40px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    width: 40%;
    min-width: 200px;
}

#a3 {
	padding-left: 50px;
	background-color: #ffffff;
}

.a3_h1 {
    text-align: center;
    padding-top: 30px;
}

.a3_s1 {
    text-align: center;
}

.a3_1 {
	float: left;
    margin-right: 20px;
    padding-top: 50px;
    width: 30%;
}

.a3_2 {
	/* Platzhalter */
}

.a3_3 {
	padding-bottom: 30px;
}

.a3_4 {
    padding-top: 0px;
}

.a3_5 {
    padding-top: 0px;
}

.claim {
    text-align: center;
    margin-top: 80px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #141414;
    color: #f4f4f4;
}

.kontakt {
    padding-bottom: 20px;
    padding-top: 20px;
}

#a4 {
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
}

.a4_1 {
	float: left;
    height: 200px;
	width: 25%;
/* 	min-width: 400px; 
	padding: 30px; */	
}

.a4_2, .a4_3, .a4_4 {
	height: 200px;
	width: 25%;
/* 	min-width: 400px;
	padding: 30px; */
}

.daten {
    background-color: #141414;
    color: #f4f4f4;
    text-align: center;
    padding: 50px;
}

.clear {
	clear: both;
}
/* Reset Grundlayout.css bezüglich div-Elementen */

div {
	height: auto;
	border: none;
	margin: 0;
	padding: 0;
	width: auto;
}


a:link {
  color: #FF0000; 
}
a:visited:focus { 
  color: #FF7700;
}

.a2_10_1 {
    width: 300px;
    font-size: 28px;
}

.a2_11_1 {
    width: 300px;
    font-size: 28px;
}


@media screen and (max-width:1080px){.text-img{display:block!important;align-items:center!important;min-height:auto!important}

.a2_1 {
    float: none;
    width: auto;
}

.a3_1 {
    float: none;
    width: auto;
}

#a4 {
    text-align: left;
    margin-left: 30px;
    margin-bottom: 70px;
}

.a4_1 {
    float: none;
    width: 300px;    
}    



/* If the screen size is 480px or less, set the font-size of <div> to 30px */
@media screen and (max-width:480px){.text-img{display:block!important;align-items:center!important;min-height:auto!important}

.a2_1 {
    float: none;
    width: auto;
}

.a3_1 {
    float: none;
    width: auto;
}

#a4 {
    text-align: left;
    margin-left: 30px;
}

.a4_1 {
    float: none;
    width: 300px;
}

.a4_2, .a4_3, .a4_4  {
    height: 200px;
}