BODY {
margin : 0;
padding : 0;
line-height:140%;
font-family: 'PT Sans';
background-color:#c5d5df;

background: #7abcff; /* Old browsers */
background: -moz-linear-gradient(top, #c5d5df 0%, lightgray 44%, #fff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c5d5df 0%,lightgray 44%,#fff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c5d5df 0%, lightgray 44%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */

}







a {
text-decoration : none;
}
a {

color: #000000;
}
a:active {
color : #fff;
}
a:visited {
color : #000000;
}
a:hover {
color : #fff;
}



.h4 {
font-weight:bold;
font-size:11pt;

}


.groesse {
line-height:1.65;
}

p {
	font-size:13px;
         font-family: 'PT Sans';
         letter-spacing:1;
         line-height:1.65;
         }




a.button1{
 display:inline-block;
 width:84%;
 padding:0.35em 1.2em;
 border:0.1em solid white;
 margin:0 0.3em 0.3em 0;
 border-radius:20px;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:600;
 font-size:2em;
 color:white;
 background-color:black;
 text-align:center;
 transition: all 0.2s;
}
a.button1:hover{
 color: black;
 background-color: white;
}
@media all and (max-width:30em){
 a.button1{
  display:block;
  margin:0.4em auto;
 }
}