/* Allgemein */
    * { vertical-align: top; }
    body { padding: 0px; font-family: sans-serif; overflow-y: scroll; background-color: #fff; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; }
    h1, h2, h3 { margin: 0px; }
    h2 { font-size: 17px; font-weight: 500; padding-left: 10px; }
    h3 { font-size: 15px;font-weight: 500; }
    
    h2, #optionenSchliessen, #qr { font-weight: 500; color: black; text-shadow: -1px 0 white, 0 1px silver, 1px 0 silver, 0 -1px silver; text-decoration: none; }
    
    #optionen > * { float: left; }
    #optionen h2 { padding-top: 9px; padding-right: 10px; }
    #optionen input { border: black 1px solid; padding: 10px; margin-bottom: 20px; cursor: pointer; }
    #optionen #colorWeiss { background: #ffffff; }
    #optionen #colorMagenta { background: #e10074; }
    #optionen #colorGrau { background: #cccccc; }
    #optionen input#farbe { width: 150px; cursor: pointer; }
    #optionen input#url { width: 150px; }
    #optionen #qr input { background-color: white; }
    
    #container { display: none; margin-top: 0px; }
    #container #smartv { display: block; }
    #container div { display: none; background-size: 100%; background-repeat: no-repeat; border: black 0px dashed; margin-top: 20px; cursor: move; }
    #container #smartv { width: 1199px; height: 767px; background-image: url('../img/demo/gerat/smartv.png'); }
    #container #laptop { width: 1150px; height: 700px; background-image: url('../img/demo/gerat/laptop.png'); }
    #container #tablet { width: 629px;  height: 779px; background-image: url('../img/demo/gerat/tablet.png'); }
    #container #mobile { width: 369px;  height: 660px; background-image: url('../img/demo/gerat/mobile.png'); }
    #container #smartv iframe { margin-top: 55px;  margin-left: 57px;  width: 1077px; height: 603px; }
    #container #laptop iframe { margin-top: 77px;  margin-left: 173px; width: 802px;  height: 504px; }
    #container #tablet iframe { margin-top: 61px;  margin-left: 58px;  width: 507px;  height: 663px; }
    #container #mobile iframe { margin-top: 117px; margin-left: 59px;  width: 253px;  height: 436px; }

    #qrCode { position: absolute; right: 15px; bottom: 15px; text-align: center; background-color: white; border: black 1px solid; padding: 0px; padding-top: 25px; font-size: 12px;  }