body {
	background-image: url(hintergrund.gif);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em;
}

.logo {
	display: block;
    margin-left: auto;
    margin-right: auto;
	max-width: 702px;
	width: 100%;
}

.praxissparbuch {
	display: block;
    margin-left: auto;
    margin-right: auto;
	max-width: 400px;
	width: 100%;
}

.einzelcolumn {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 9em
}

.column1 {
	float: left;
	width: 50%;
	text-align: center;
	padding-top: 5em
}

.column2 {
	float: left;
	width: 50%;
	text-align: center;
	padding-top: 5em
}

@media screen and (max-width: 600px) {
  .column1 {
    width: 100%;
	padding-top: 2em
  }
}

@media screen and (max-width: 600px) {
  .column2 {
    width: 100%;
	padding-top: 2em
  }
}

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

.kleine-schrift {
	font-size: 0.7em;
	text-align: center;
	width: 100%;
	padding-top: 2em
}

.grosse-schrift {
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	width: 100%;
}

@media screen and (max-width: 600px) {
  .kleine-schrift {
	padding-top: 2em
  }
}