* {
                 margin:0;
                 padding:0;
                 font-family: 'Source Sans Pro', sans-serif;
           }
         .container {
                 background: #ffffff;
                 max-width: 80.0em;
                 color: #555555;
                 margin: 0px;
                 padding: 0px;
         }
         .header {
                 align: center;
                 img display: block;
                 margin-bottom: 0px;
                 margin: 0px;
                 padding: 0px;
                 font-size:1.0em;
         }
         img {
                 display: block;
         }
         IMG.displayed {
                 display: block;
                 margin-left: auto;
                 margin-right: auto;
                 max-width: 100%;
                 height: auto;
         }

         .logo {
                 width: 100%;
                 padding: 0px;
                 margin: 0px;
                 img-size:cover;
         }
         .foto {
                 margin-bottom: 0.5em;
         }
         .button {
                 width: 50%;
                 float: left;
                 margin: 0px;
                 padding: 0px;
         }
         .text {
                 font-family: 'Source Sans Pro', sans-serif;
                 font-size: 1.0em;
                 text-align: justify;
                 margin-left: 1.0em;
                 margin-bottom: 1.0em;
                 width: 90%;
         }
         .titel-unter-bild {
                 font-family: 'Source Sans Pro', sans-serif;
                 margin-left: 2.0em;
                 width: 90%;
         }
         .text-klein {
                 font-family: 'Source Sans Pro', sans-serif;
                 font-size: 0.8em;
                 margin-bottom: 1.0em;
                 width: 98%;
         }
         h1 {
                 font-family: 'Source Sans Pro', sans-serif;
                 font-size: 130%;
                 font-weight: bold;
                 color: #555555;
                 text-shadow: 1px 1px 2px #bbbbbb;
                 text-align: left;
                 margin-top: 1.0em;
                 margin-bottom: 1.0em;
         }
         h2 {
                 font-family: 'Source Sans Pro', sans-serif;
                 font-size: 110%;
                 font-weight: bold;
                 color: #555555;
                 text-shadow: 1px 1px 2px #bbbbbb;
                 text-align: left;
                 margin-bottom: 0.5em;
         }
         a {
                 color:#cc0000;
         }
         li {
                 margin-left: 1.0em;
         }
         .abbildung-text {
                 width: 100%;
                 float: left;
                 margin-bottom: 3.0em;
         }
         .abbildung {
                 width: 100%;
                 float: left;
                 margin-bottom: 1.0em;
         }
         .bild {
                 box-shadow: 0px 0px 12px #cccccc;
                 width: 100%;
                 height: 100%;
         }
         .text-neben-bild {
                 font-size: 1.2em;
                 text-align: justify;
                 margin-left: 1.0em;
                 margin-bottom: 1.0em;
                 width: 90%;
                 float: left;
         }
         .text-unter-bild {
                 font-size: 1.2em;
                 text-align: justify;
                 margin-left: 1.0em;
                 margin-bottom: 1.0em;
                 width: 90%;
                 float: left;
         }
         .embed-container {
                 position: relative;
                 padding-bottom: 56.25%; /* 16/9 ratio */
                 height: 0;
                 overflow: hidden;
         }
         .embed-container iframe,
         .embed-container object,
         .embed-container embed {
                 position: absolute;
                 top: 0;
                 left: 0;
                 width: 100%;
                 height: 100%;
         }
         .kommentare {
                 width:95%;
                 margin-top: 2.0em;
                 margin-left: 1.0em;
                 float: left;
         }
table.gridtable {
        font-family: verdana,arial,sans-serif;
        font-size:0.7em;
        border-collapse: collapse;
}
table.gridtable th {
        padding: 5px;
}
table.gridtable td {
        padding: 4px;
}
         .foto-200 {
                 width: 25%;
                 float: left;
         }


@media screen and (min-width:30em) {

         .button {
                 width: 33.33%;
         }
         h1 {
                 font-size: 140%;
                 text-shadow: 1px 1px 2px #aaaaaa;
         }
         h2 {
                 font-size: 120%;
                 text-shadow: 1px 1px 2px #bbbbbb;
         }
         .text {
                 font-size: 1.1em;
                 text-align: justify;
                 margin-bottom: 1.0em;
                 width: 93%;
                 float: left;
         }
         .text-klein {
                 font-family: 'Source Sans Pro', sans-serif;
                 font-size: 0.8em;
                 margin-bottom: 1.0em;
                 width: 98%;
         }
         .abbildung-text {
                 width: 100%;
                 float: left;
                 margin-bottom: 5.0em;
         }
         .screen {
                 box-shadow: 0px 0px 12px #aaaaaa;
         }
         .formular {
                 width: 100%;
                 float: left;
                 margin-bottom: 1.0em;
         }
         .text-neben-formular {
                 font-size: 1.1em;
                 text-align: justify;
                 width: 93%;
                 float: left;
         }
         .foto-200 {
                 width: 20%;
                 float: left;
         }
         .text-unter-bild {
                 font-size: 1.2em;
                 text-align: justify;
                 margin-left: 1.0em;
                 margin-bottom: 1.0em;
                 width: 90%;
                 float: left;
         }
}


@media screen and (min-width:40em) {

         .text {
                 font-size: 1.1em;
                 text-align: justify;
                 margin-bottom: 2.0em;
                 margin-left: 3.0em;
                 width: 91%;
                 float: left;
         }
         .text-klein {
                 font-family: 'Source Sans Pro', sans-serif;
                 font-size: 0.8em;
                 margin-bottom: 1.0em;
                 width: 98%;
         }
         h1 {
                 font-size: 160%;
                 text-shadow: 1px 1px 3px #bbbbbb;
         }
         h2 {
                 font-size: 140%;
                 text-shadow: 1px 1px 2px #bbbbbb;
         }
         .abbildung-text {
                 width: 100%;
                 float: left;
                 margin-bottom: 4.0em;
         }
         .bild {
                 box-shadow: 0px 0px 15px #cccccc;
         }
         .abbildung {
                 width: 40%;
                 float: left;
                 margin-bottom: 1.0em;
                 margin-left: 3.0em;
         }
         .text-neben-bild {
                 font-size: 1.1em;
                 text-align: justify;
                 width: 45%;
                 float: left;
                 margin-left: 3.0em;
         }
         .foto-200 {
                 width: 16.66%;
                 float: left;
         }
         .text-unter-bild {
                 font-size: 1.2em;
                 text-align: justify;
                 margin-left: 1.0em;
                 margin-bottom: 1.0em;
                 width: 90%;
                 float: left;
         }
}


@media screen and (min-width:50em) {

         .button {
                 width: 16.66%;
         }
         .formular {
                 width: 50%;
                 float: left;
                 margin-bottom: 1.0em;
         }
         .text-neben-formular {
                 font-size: 1.1em;
                 width: 40%;
                 float: left;
                 margin-left: 4.0em;
         }
         .foto-200 {
                 width: 12.5%;
                 float: left;
         }
         .vorschau-fotos {
                 width: 27%;
                 float: left;
                 margin-left: 2.9em;
                 margin-bottom: 3.0em;
                 box-shadow: 0px 0px 15px #bbbbbb;
         }
         .vorschau-video {
                 width: 40%;
                 float: left;
                 margin-left: 2.9em;
                 margin-bottom: 3.0em;
                 box-shadow: 0px 0px 15px #bbbbbb;
         }
         .text-unter-bild {
                 font-size: 1.2em;
                 text-align: justify;
                 margin-left: 1.0em;
                 margin-bottom: 1.0em;
                 width: 90%;
                 float: left;
         }
}

@media screen and (min-width:60em) {

         .text {
                 font-family: 'Source Sans Pro', sans-serif;
                 font-size: 1.1em;
                 text-align: justify;
                 margin-left: 1.0em;
                 margin-bottom: 1.0em;
                 width: 90%;
         }
         .schatten {
                  position: absolute;
                  left: 50%;
                  width: 60.0em;
                  margin-left: -30.0em;
                  background-color: #ffffff;
                  box-shadow: 0px 0px 25px #bbbbbb;
         }
         .formular {
                 width: 44%;
                 float: left;
                 margin-bottom: 1.0em;
                 margin-left: 2.0em;
         }
         .text-neben-formular {
                 font-size: 1.1em;
                 width: 44%;
                 float: left;
                 margin-left: 2.0em;
         }
         .foto-200 {
                 width: 10%;
                 float: left;
         }
         .vorschau-fotos {
                 width: 27%;
                 float: left;
                 margin-left: 2.9em;
                 margin-bottom: 2.9em;
                 box-shadow: 0px 0px 15px #bbbbbb;
         }
         .vorschau-video {
                 width: 43%;
                 float: left;
                 margin-left: 2.9em;
                 margin-bottom: 2.9em;
                 box-shadow: 0px 0px 15px #bbbbbb;
         }
         .text-unter-bild {
                 font-size: 1.2em;
                 text-align: justify;
                 margin-left: 1.0em;
                 margin-bottom: 2.0em;
                 width: 90%;
                 float: left;
         }
table.gridtable {
        font-family: verdana,arial,sans-serif;
        font-size:1.1em;
        border-collapse: collapse;
}
table.gridtable th {
        padding: 5px;
}
table.gridtable td {
        padding: 5px;
}
}