body {font-family: 'pt_sansregular', sans-serif; line-height:150%; }

h1 {margin-bottom:30px;font-size:36px;}
h2 {margin: 40px 0px 20px 0px;font-size:30px;}
h3 {margin: 30px 0px 0px 0px;font-size:20px;}
h4 {margin: 0px 0px 10px 0px;font-size:20px;}
p { line-height:150%;  }
p.bu { font-size:0.8em;line-height:110%;}
p.info {margin-left:30px;}

#inhalt { margin-top:70px;}
#inhalt img { max-width:100%; margin-bottom:20px;}

span.zahl { background-color:#111; color:#fff; border-radius:20px; padding:0px 6px 0px 6px;font-size:0.9em;   display:inline; line-height:150%;
              margin-right:2px; margin-top:0px; margin-left:10px; }
span.zahl.blau { background-color:#0094ff; }
span.zahl:first-child {margin-left:0px;}
span.zahl.zahlsub {background-color:rgba(17, 17, 17, 0.3);color:#111;}

h2 span.zahl {font-size:0.8em;padding:0px 10px 0px 10px; margin:0px 10px 0px 0px;}


article {margin:30px 0px 0px 0px ; padding:0px; border-top:2px solid #0094ff;}
article:first-of-type {border:none;}

.rowAbst { height:30px;}
.bilder { background-color:rgba(0, 148, 255, 0.2); padding:20px;margin-bottom:30px;}

#menueopener {cursor:pointer;position:fixed; left:0px; top:0px; padding:10px 20px 10px 10px ;
              z-index:9999; text-align:right;width:100%;font-size:16px;word-spacing:5px;font-weight:bold;}

#menueopener a {color:#111;}

#menue {position:fixed;  display:none; top:40px;  
        padding:10px 20px 50px 10px ;z-index:9999; text-align:left; margin-bottom:100px;
        background-color:#e1e1e4;border-bottom:2px solid #111;  }
#menue ul { list-style:none;margin:0px; padding:0px;margin-top:10px;}
#menue ul li { margin:0px 0px 0px 20px ; padding:0px 0px 0px 0px ; }
#menue ul li ul li { margin:0px 0px 0px 0px ; padding:0px;}
#menue .zahl {font-size:10px; padding:1px 5px 1px 5px;}
#menue a {color:#111;}



.zahl1 {position:absolute; left:40%; top:40%; }
.zahl2 {position:absolute; left:22%; top:46%; }
.zahl3{position:absolute; left:30%; top:26%;}
.zahl4 {position:absolute; left:82%; top:16%;}
.zahl5{position:absolute; left:65%; top:50%;}

@media (max-width: 576px) {
    body {font-size:1.1em;}
    h1 { font-size:26px;}
    h2 { font-size:24px;}
    #menue {font-size:16px;}
    .hidden-xs {display:none;}
 
}

@media (max-width: 769px) {
    /*body{border-left:20px solid #f00;}*/
  .zahl1 {position:absolute; left:43%; top:42%;}
.zahl2 {position:absolute; left:25%; top:49%;}
.zahl3{position:absolute; left:32%; top:30%; }
.zahl4 {position:absolute; left:84%; top:18%; }
.zahl5{position:absolute; left:66%; top:53%; }

}