@media screen{
   h1{font-size: 24px; font-weight: bold; color:black;
     }
   h2{font-size: 20px; font-weight: bold; color:red;
      margin-left:100px;
     }
   div.sonett{ font-size: 14px; margin-top:2px;
     }
   div.sonett:first-letter { font-size: 200%;
                             font-weight: bold;
                             padding-right:5px;
                             color:black
     }
}


@media print{
h1{font-size: 24px; font-weight: bold; color:blue;}

h2{   font-size: 20px; font-weight: bold; color:gray;
    margin-left:100px;
    page-break-before:always}
div.sonett{ font-size: 14px; padding-top:20px;}
div.sonett:first-letter { font-size: 200%;
                          font-weight: bold;
                          padding-right:10px;
                           color:blue }
}


@media projection{
   h1{font-size: 36px; font-weight:bold; color:blue;
      margin-left:100px; margin-top:100px
      }

   h2{font-size: 12px; font-weight: bold; color:black;
       margin-left:0px; page-break-before:always
     }
   div.sonett{ font-size: 30px;
               margin-left:100px; margin-top:100px
     }
   div.sonett:first-letter { font-size: 200%;
                             font-weight: bold;
                             padding-right:10px;
                             color:blue
     }
}