<html>
 <head>
  <style id="code-style" nonce="ZiflPufZ4PYJlLKX3usP1A==">
#ui-editor-outer-div .t1 .kwd{color:#6679cc}
#ui-editor-outer-div .t1 .com{color:#6b7394}
#ui-editor-outer-div .t1 .str{color:#ac9739}
#ui-editor-outer-div .t1 .atv{color:#22a2c9}
#ui-editor-outer-div .t1 .typ,#ui-editor-outer-div .t1 .fun{color:#3d8fd1}
#ui-editor-outer-div .t1 .tag,#ui-editor-outer-div .t1 .var{color:#c94922}
#ui-editor-outer-div .t1 .lit,#ui-editor-outer-div .t1 .atn,#ui-editor-outer-div .t1 .dec{color:#c76b29}
#ui-editor-outer-div .t1 .pln,#ui-editor-outer-div .t1 .pun,#ui-editor-outer-div .t1 .opn,#ui-editor-outer-div .t1 .clo{color:#f5f7ff}
#ui-editor-outer-div .t2 .kwd{color:#a71d5d}
#ui-editor-outer-div .t2 .com{color:#969896}
#ui-editor-outer-div .t2 .str{color:#183691}
#ui-editor-outer-div .t2 .atv{color:#183691}
#ui-editor-outer-div .t2 .typ{color:#0086b3}
#ui-editor-outer-div .t2 .fun{color:#900}
#ui-editor-outer-div .t2 .tag{color:navy}
#ui-editor-outer-div .t2 .var{color:teal}
#ui-editor-outer-div .t2 .lit{color:#0086b3}
#ui-editor-outer-div .t2 .atn{color:#795da3}
#ui-editor-outer-div .t2 .pln,#editorpane .t2 .pun,#ui-editor-outer-div .t2 .opn,#ui-editor-outer-div .t2 .clo,#ui-editor-outer-div .t2 .dec{color:#333}
</style>
  <style id="publish-layout" nonce="ZiflPufZ4PYJlLKX3usP1A==" type="text/css">.linepath { fill-opacity: 0; }</style>
  <link rel="stylesheet" href="../../styles/export-manual-iframe.css">
 </head>
 <body>
  <h1>Bildvorschau und Vergleichsansicht</h1>
  <div class="zw-page" doc-id="page_026974114345397426" style="display: block;">
   <div class="zw-header" doc-id="header_040194551428253134" node-id="default_header" style="-aw-headerfooter-type: header-primary;">
    <p doc-id="para_04000544015769205" node-id="node_06298018554176908" style="margin: 0px; line-height: 1.2; text-align: left; padding-bottom: 16px; padding-top: 0px;"><br></p>
    <div></div>
   </div>
   <div class="selectableSection zw-contentpane" doc-id="content_017445426811291898" node-id="content_1">
    <p doc-id="para_06873373751517471" node-id="node_03160373535595261" style="margin: 0px; line-height: 1.2; text-align: left; padding-bottom: 16px; padding-top: 0px; border-bottom: 0px;"><span style="font-family: Roboto; color: rgb(0, 0, 0); font-size: 12pt;">Per&nbsp;</span><span style="font-family: Roboto; color: rgb(0, 0, 0); font-size: 12pt; font-weight: 700;">Doppelklick</span><span style="font-family: Roboto; color: rgb(0, 0, 0); font-size: 12pt;"> auf ein Foto öffnet sich die Einzelvorschauansicht. Diese zeigt neben dem vergrößerten Foto diverse Detailinformationen in der rechten und linken Bildschirmspalte.</span></p>
    <p doc-id="para_011688964778966959" node-id="node_02933938892700252" style="margin: 0px; line-height: 1.2; text-align: left; padding-bottom: 16px; border-top: 0px; padding-top: 0px; border-bottom: 0px;"><span style="font-family: Roboto; color: rgb(0, 0, 0); font-size: 12pt;">Während in der linken Spalte allgemeine Informationen zur Datei angezeigt werden, unterscheidet sich die Anzeige in der rechten Spalte abhängig vom gewählten Informations-Symbol.</span></p>
    <p doc-id="para_06857506668903096" node-id="node_05846126187999467" style="margin: 0px; line-height: 1.2; text-align: center; padding-bottom: 16px; border-top: 0px; padding-top: 0px; border-bottom: 0px;"><span style="margin-left: 0in; border-width: 0px; border-style: none; border-color: rgb(0, 0, 0); padding: 0px; border-radius: 0px; width: 100%; height: auto; display: inline-block;" class="zls-image-wrapper"><img data-fmt="{&quot;op&quot;:100,&quot;wid_un&quot;:&quot;px&quot;,&quot;ht_un&quot;:&quot;px&quot;,&quot;borders&quot;:{&quot;border-top&quot;:{&quot;color&quot;:&quot;rgb(0,0,0)&quot;,&quot;width&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;none&quot;,&quot;space&quot;:&quot;0px&quot;},&quot;border-radius&quot;:{&quot;br-topRight&quot;:0,&quot;br-bottomLeft&quot;:0,&quot;br-bottomRight&quot;:0,&quot;br-topLeft&quot;:0},&quot;border-right&quot;:{&quot;color&quot;:&quot;rgb(0,0,0)&quot;,&quot;width&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;none&quot;,&quot;space&quot;:&quot;0px&quot;},&quot;border-left&quot;:{&quot;color&quot;:&quot;rgb(0,0,0)&quot;,&quot;width&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;none&quot;,&quot;space&quot;:&quot;0px&quot;},&quot;border-bottom&quot;:{&quot;color&quot;:&quot;rgb(0,0,0)&quot;,&quot;width&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;none&quot;,&quot;space&quot;:&quot;0px&quot;}},&quot;mr&quot;:&quot;0.000in&quot;,&quot;mt&quot;:&quot;0.000in&quot;,&quot;orginalWid&quot;:902,&quot;type&quot;:&quot;image&quot;,&quot;ht&quot;:448.912037037037,&quot;geo_transformation&quot;:{&quot;scaling&quot;:{&quot;x&quot;:true,&quot;y&quot;:true},&quot;rotation&quot;:true,&quot;translation&quot;:{&quot;x&quot;:true,&quot;y&quot;:true}},&quot;wid&quot;:902,&quot;top&quot;:0,&quot;left&quot;:0,&quot;mb&quot;:&quot;0.000in&quot;,&quot;id&quot;:66726128,&quot;orginalHt&quot;:448.912037037037,&quot;render_type&quot;:&quot;inline&quot;,&quot;ml&quot;:&quot;0.000in&quot;}" src="../../inline-images/schnelle-bildanzeige-und-auswahlprojekte/bildvorschau-und-vergleichsansicht/1779995189383.png" style="width: 100%; height: auto; opacity: 1;"></span></p>
    <p doc-id="para_09671725921435792" node-id="node_05408915226700398" style="margin: 0px; line-height: 1.2; text-align: left; padding-bottom: 16px; border-top: 0px; padding-top: 0px; border-bottom: 0px;"><span style="font-family: Roboto; color: rgb(0, 0, 0); font-size: 12pt;">Diese Auswahlbuttons sind verfügbar:</span></p>
    <p doc-id="para_01898852446771787" node-id="node_05010467961378999" style="margin: 0px 0px 16px; line-height: 1.2; text-align: left; padding-bottom: 0px; border-top: 0px; padding-top: 0px;"><span style="margin-left: 0in; border-width: 0px; border-style: none; border-color: rgb(0, 0, 0); padding: 0px; border-radius: 0px; width: 532px; height: 90px; display: inline-block;" class="zls-image-wrapper"><img data-fmt="{&quot;op&quot;:100,&quot;wid_un&quot;:&quot;px&quot;,&quot;ht_un&quot;:&quot;px&quot;,&quot;borders&quot;:{&quot;border-top&quot;:{&quot;color&quot;:&quot;rgb(0,0,0)&quot;,&quot;width&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;none&quot;,&quot;space&quot;:&quot;0px&quot;},&quot;border-radius&quot;:{&quot;br-topRight&quot;:0,&quot;br-bottomLeft&quot;:0,&quot;br-bottomRight&quot;:0,&quot;br-topLeft&quot;:0},&quot;border-right&quot;:{&quot;color&quot;:&quot;rgb(0,0,0)&quot;,&quot;width&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;none&quot;,&quot;space&quot;:&quot;0px&quot;},&quot;border-left&quot;:{&quot;color&quot;:&quot;rgb(0,0,0)&quot;,&quot;width&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;none&quot;,&quot;space&quot;:&quot;0px&quot;},&quot;border-bottom&quot;:{&quot;color&quot;:&quot;rgb(0,0,0)&quot;,&quot;width&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;none&quot;,&quot;space&quot;:&quot;0px&quot;}},&quot;mr&quot;:&quot;0.000in&quot;,&quot;mt&quot;:&quot;0.000in&quot;,&quot;orginalWid&quot;:532,&quot;type&quot;:&quot;image&quot;,&quot;ht&quot;:90,&quot;geo_transformation&quot;:{&quot;scaling&quot;:{&quot;x&quot;:true,&quot;y&quot;:true},&quot;rotation&quot;:true,&quot;translation&quot;:{&quot;x&quot;:true,&quot;y&quot;:true}},&quot;wid&quot;:532,&quot;top&quot;:0,&quot;left&quot;:0,&quot;mb&quot;:&quot;0.000in&quot;,&quot;id&quot;:15591856,&quot;orginalHt&quot;:90,&quot;render_type&quot;:&quot;inline&quot;,&quot;ml&quot;:&quot;0.000in&quot;}" height="90" src="../../inline-images/schnelle-bildanzeige-und-auswahlprojekte/bildvorschau-und-vergleichsansicht/1731429266569.png" style="width: 532px; height: 90px; opacity: 1;" width="532"></span></p>
    <ol class="lst-63642962--1" data-list="listId:63642962,listLevel:0" start="1" style="list-style: decimal; font-size: 12pt; font-family: Roboto; letter-spacing: 0px; color: rgb(0, 0, 0); padding: 0px; margin: 0px; border-bottom: 0px;">
     <li doc-id="para_04479217259618449" node-id="node_017901518670343075" style="line-height: 1.2; text-align: left; margin: 0px 0px 0px 37.2188px; font-size: 10.5pt; padding-bottom: 0px; padding-top: 0px; padding-left: 10.7812px;"><span style="font-family: Roboto; color: rgb(0, 0, 0); font-size: 12pt; padding-left: 0px;">Metadaten</span></li>
     <li doc-id="para_09126599759115218" node-id="node_05996772068071108" style="line-height: 1.2; text-align: left; margin: 0px 0px 0px 37.2188px; font-size: 10.5pt; padding-bottom: 0px; border-top: 0px; padding-top: 0px; padding-left: 10.7812px; border-bottom: 0px;"><span style="font-family: Roboto; color: rgb(0, 0, 0); font-size: 12pt; padding-left: 0px;">Gesichter&nbsp;</span></li>
     <li doc-id="para_05088105892776975" node-id="node_06363356358062927" style="line-height: 1.2; text-align: left; margin: 0px 0px 0px 37.2188px; font-size: 10.5pt; padding-bottom: 0px; border-top: 0px; padding-top: 0px; padding-left: 10.7812px;"><span style="font-family: Roboto; color: rgb(0, 0, 0); font-size: 12pt; padding-left: 0px;">KI &amp; Stichwörter&nbsp;</span></li>
    </ol>
    <div></div>
    <p doc-id="para_07469997382325652" node-id="node_035952255950326784" style="margin: 0px; line-height: 1.2; text-align: left; text-indent: 0in; padding-bottom: 16px; padding-top: 0px; border-bottom: 0px;"><span style="font-family: Roboto; color: rgb(0, 0, 0); font-size: 12pt;">Unter&nbsp;</span><span style="font-family: Roboto; color: rgb(0, 0, 0); font-size: 12pt; font-weight: 400;">Metadaten</span><span style="font-family: Roboto; color: rgb(0, 0, 0); font-size: 12pt;"> finden sich wiederum mehrere Datenansichten zur Auswahl:</span></p>
    <p doc-id="para_013437532354322446" node-id="node_07737411549660802" style="margin: 0px; line-height: 1.2; text-align: left; text-indent: 0in; padding-bottom: 16px; border-top: 0px; padding-top: 0px; border-bottom: 0px;"><span style="margin-left: 0in; border-width: 0px; border-style: none; border-color: rgb(0, 0, 0); padding: 0px; border-radius: 0px; width: 472px; height: 80px; display: inline-block;" class="zls-image-wrapper"><img data-fmt="{&quot;op&quot;:100,&quot;wid_un&quot;:&quot;px&quot;,&quot;ht_un&quot;:&quot;px&quot;,&quot;borders&quot;:{&quot;border-top&quot;:{&quot;color&quot;:&quot;rgb(0,0,0)&quot;,&quot;width&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;none&quot;,&quot;space&quot;:&quot;0px&quot;},&quot;border-radius&quot;:{&quot;br-topRight&quot;:0,&quot;br-bottomLeft&quot;:0,&quot;br-bottomRight&quot;:0,&quot;br-topLeft&quot;:0},&quot;border-right&quot;:{&quot;color&quot;:&quot;rgb(0,0,0)&quot;,&quot;width&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;none&quot;,&quot;space&quot;:&quot;0px&quot;},&quot;border-left&quot;:{&quot;color&quot;:&quot;rgb(0,0,0)&quot;,&quot;width&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;none&quot;,&quot;space&quot;:&quot;0px&quot;},&quot;border-bottom&quot;:{&quot;color&quot;:&quot;rgb(0,0,0)&quot;,&quot;width&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;none&quot;,&quot;space&quot;:&quot;0px&quot;}},&quot;mr&quot;:&quot;0.000in&quot;,&quot;mt&quot;:&quot;0.000in&quot;,&quot;orginalWid&quot;:472,&quot;type&quot;:&quot;image&quot;,&quot;ht&quot;:80,&quot;geo_transformation&quot;:{&quot;scaling&quot;:{&quot;x&quot;:true,&quot;y&quot;:true},&quot;rotation&quot;:true,&quot;translation&quot;:{&quot;x&quot;:true,&quot;y&quot;:true}},&quot;wid&quot;:472,&quot;top&quot;:0,&quot;left&quot;:0,&quot;mb&quot;:&quot;0.000in&quot;,&quot;id&quot;:10358985,&quot;orginalHt&quot;:80,&quot;render_type&quot;:&quot;inline&quot;,&quot;ml&quot;:&quot;0.000in&quot;}" height="80" src="../../inline-images/schnelle-bildanzeige-und-auswahlprojekte/bildvorschau-und-vergleichsansicht/1731429394098.png" style="width: 472px; height: 80px; opacity: 1;" width="472"></span></p>
    <p doc-id="para_05209614839871383" node-id="node_09886717228384645" style="margin: 0px; line-height: 1.2; text-align: left; text-indent: 0in; padding-bottom: 16px; border-top: 0px; padding-top: 0px; border-bottom: 0px;"><span style="font-family: Roboto; color: rgb(0, 0, 0); font-size: 12pt; font-variant: normal; text-decoration: none; letter-spacing: 0pt; font-weight: 400; vertical-align: baseline; font-style: normal; background-color: rgba(0, 0, 0, 0);">Weitere Informationen finden sich in den entsprechenden Abschnitten dieser Dokumentation.</span></p>
    <p doc-id="para_019747467413606967" node-id="node_09055843162281791" style="margin: 0px; line-height: 1.2; text-align: left; text-indent: 0in; padding-bottom: 16px; border-top: 0px; padding-top: 0px; border-bottom: 0px;"><span style="font-family: Roboto; color: rgb(0, 0, 0); font-size: 12pt; font-variant: normal; text-decoration: none; letter-spacing: 0pt; font-weight: 700; vertical-align: baseline; font-style: normal; background-color: rgba(0, 0, 0, 0);">Schnelle Navigation</span></p>
    <p doc-id="para_09306621435257773" node-id="node_02313959053731829" style="margin: 0px; line-height: 1.2; text-align: left; text-indent: 0in; padding-bottom: 16px; border-top: 0px; padding-top: 0px; border-bottom: 0px;"><span style="font-family: Roboto; color: rgb(0, 0, 0); font-size: 12pt; font-variant: normal; text-decoration: none; letter-spacing: 0pt; font-weight: 400; vertical-align: baseline; font-style: normal; background-color: rgba(0, 0, 0, 0);">Mit den Pfeiltasten nach rechts und links lässt sich schnell zwischen den Fotos in der Anzeige wechseln.</span></p>
    <p doc-id="para_0028205658122944177" node-id="node_09307398204818969" style="margin: 0px; line-height: 1.2; text-align: left; text-indent: 0in; padding-bottom: 16px; border-top: 0px; padding-top: 0px; border-bottom: 0px;"><span style="font-family: Roboto; color: rgb(0, 0, 0); font-size: 12pt; font-variant: normal; text-decoration: none; letter-spacing: 0pt; font-weight: 700; vertical-align: baseline; font-style: normal; background-color: rgba(0, 0, 0, 0);">Vergleichsansicht</span></p>
    <p doc-id="para_06039680148518215" node-id="node_08415320091009254" style="margin: 0px; line-height: 1.2; text-align: left; text-indent: 0in; padding-bottom: 16px; border-top: 0px; padding-top: 0px; border-bottom: 0px;"><span style="font-family: Roboto; color: rgb(0, 0, 0); font-size: 12pt; font-variant: normal; text-decoration: none; letter-spacing: 0pt; font-weight: 400; vertical-align: baseline; font-style: normal; background-color: rgba(0, 0, 0, 0);">Um zwei Fotos direkt miteinander vergleichen zu können, lässt sich in der Ansicht die Vergleichsansicht aufrufen. Hier lassen sich Fotos vergleichen und bewerten. Das Foto aus der rechten Ansicht (Kandidat) lässt sich über den Button unterhalb der Bilder als neuer Favorit übernehmen, so dass der Auswahlprozess fortgesetzt werden kann, bis das beste Foto ausgewählt wurde.</span></p>
    <p doc-id="para_09925857692882519" node-id="node_032866162573370494" style="margin: 0px; line-height: 1.2; text-align: left; text-indent: 0in; padding-bottom: 16px; border-top: 0px; padding-top: 0px; border-bottom: 0px;"><span style="font-family: Roboto; color: rgb(0, 0, 0); font-size: 12pt; font-variant: normal; text-decoration: none; letter-spacing: 0pt; font-weight: 400; vertical-align: baseline; font-style: normal; background-color: rgba(0, 0, 0, 0);">Standardmäßig werden beide Bilder in der Vergleichsansicht synchron gezoomt und verschoben. Über den Button mit dem Kettenglied-Symbol oberhalb der Bilder lassen sich die beiden Ansichten entkoppeln, so dass jedes Bild unabhängig gezoomt und verschoben werden kann. Dies ist besonders hilfreich, wenn man Details an unterschiedlichen Stellen der beiden Fotos miteinander vergleichen möchte.</span></p>
    <p doc-id="para_08724088133631467" node-id="node_018071513018117535" style="margin: 0px; line-height: 1.2; text-align: left; text-indent: 0in; padding-bottom: 16px; border-top: 0px; padding-top: 0px; border-bottom: 0px;"><span style="margin-left: 0in; border-width: 0px; border-style: none; border-color: rgb(0, 0, 0); padding: 0px; border-radius: 0px; width: 100%; height: auto; display: inline-block;" class="zls-image-wrapper"><img data-fmt="{&quot;op&quot;:100,&quot;wid_un&quot;:&quot;px&quot;,&quot;ht_un&quot;:&quot;px&quot;,&quot;borders&quot;:{&quot;border-top&quot;:{&quot;color&quot;:&quot;rgb(0,0,0)&quot;,&quot;width&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;none&quot;,&quot;space&quot;:&quot;0px&quot;},&quot;border-radius&quot;:{&quot;br-topRight&quot;:0,&quot;br-bottomLeft&quot;:0,&quot;br-bottomRight&quot;:0,&quot;br-topLeft&quot;:0},&quot;border-right&quot;:{&quot;color&quot;:&quot;rgb(0,0,0)&quot;,&quot;width&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;none&quot;,&quot;space&quot;:&quot;0px&quot;},&quot;border-left&quot;:{&quot;color&quot;:&quot;rgb(0,0,0)&quot;,&quot;width&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;none&quot;,&quot;space&quot;:&quot;0px&quot;},&quot;border-bottom&quot;:{&quot;color&quot;:&quot;rgb(0,0,0)&quot;,&quot;width&quot;:&quot;0px&quot;,&quot;type&quot;:&quot;none&quot;,&quot;space&quot;:&quot;0px&quot;}},&quot;mr&quot;:&quot;0.000in&quot;,&quot;mt&quot;:&quot;0.000in&quot;,&quot;orginalWid&quot;:902,&quot;type&quot;:&quot;image&quot;,&quot;ht&quot;:637.4133333333333,&quot;geo_transformation&quot;:{&quot;scaling&quot;:{&quot;x&quot;:true,&quot;y&quot;:true},&quot;rotation&quot;:true,&quot;translation&quot;:{&quot;x&quot;:true,&quot;y&quot;:true}},&quot;wid&quot;:902,&quot;top&quot;:0,&quot;left&quot;:0,&quot;mb&quot;:&quot;0.000in&quot;,&quot;id&quot;:44537713,&quot;orginalHt&quot;:637.4133333333333,&quot;render_type&quot;:&quot;inline&quot;,&quot;ml&quot;:&quot;0.000in&quot;}" src="../../inline-images/schnelle-bildanzeige-und-auswahlprojekte/bildvorschau-und-vergleichsansicht/1780101518389.png" style="width: 100%; height: auto; opacity: 1;"></span></p>
    <p doc-id="para_06750764707279167" node-id="node_030989962363301005" style="margin: 0px; line-height: 1.2; text-align: left; text-indent: 0in; padding-bottom: 16px; border-top: 0px; padding-top: 0px; border-bottom: 0px;"><br></p>
    <p doc-id="para_03007106187313039" node-id="node_003274214714940227" style="margin: 0px; line-height: 1.2; text-align: left; text-indent: 0in; padding-bottom: 16px; border-top: 0px; padding-top: 0px;"><br></p>
   </div>
   <div class="zw-footer" doc-id="footer_02636361272498935" node-id="default_footer" style="-aw-headerfooter-type: footer-primary;">
    <p doc-id="para_08575530682359253" node-id="node_03458009478929892" style="margin: 0px; line-height: 1.2; text-align: left; padding-bottom: 16px; padding-top: 0px;"><br></p>
    <div></div>
   </div>
  </div>
  <style id="webfonts-style" type="text/css">@font-face{font-family:'Roboto';font-weight:100;font-style:normal;src:url('https://static.zohocdn.com/webfonts/robotothin/font.woff2') format('woff2'),url('https://static.zohocdn.com/webfonts/robotothin/font.woff') format('woff');}@font-face{font-family:'Roboto';font-weight:300;font-style:normal;src:url('https://static.zohocdn.com/webfonts/robotolight/font.woff2') format('woff2'),url('https://static.zohocdn.com/webfonts/robotolight/font.woff') format('woff');}@font-face{font-family:'Roboto';font-weight:400;font-style:normal;src:url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2') format('woff2'),url('https://static.zohocdn.com/webfonts/robotoregular/font.woff') format('woff');}@font-face{font-family:'Roboto';font-weight:500;font-style:normal;src:url('https://static.zohocdn.com/webfonts/robotomedium/font.woff2') format('woff2'),url('https://static.zohocdn.com/webfonts/robotomedium/font.woff') format('woff');}@font-face{font-family:'Roboto';font-weight:700;font-style:normal;src:url('https://static.zohocdn.com/webfonts/robotobold/font.woff2') format('woff2'),url('https://static.zohocdn.com/webfonts/robotobold/font.woff') format('woff');}@font-face{font-family:'Roboto';font-weight:900;font-style:normal;src:url('https://static.zohocdn.com/webfonts/robotoblack/font.woff2') format('woff2'),url('https://static.zohocdn.com/webfonts/robotoblack/font.woff') format('woff');}@font-face{font-family:'Roboto';font-weight:100;font-style:italic;src:url('https://static.zohocdn.com/webfonts/robotothinitalic/font.woff2') format('woff2'),url('https://static.zohocdn.com/webfonts/robotothinitalic/font.woff') format('woff');}@font-face{font-family:'Roboto';font-weight:300;font-style:italic;src:url('https://static.zohocdn.com/webfonts/robotolightitalic/font.woff2') format('woff2'),url('https://static.zohocdn.com/webfonts/robotolightitalic/font.woff') format('woff');}@font-face{font-family:'Roboto';font-weight:400;font-style:italic;src:url('https://static.zohocdn.com/webfonts/robotoitalic/font.woff2') format('woff2'),url('https://static.zohocdn.com/webfonts/robotoitalic/font.woff') format('woff');}@font-face{font-family:'Roboto';font-weight:500;font-style:italic;src:url('https://static.zohocdn.com/webfonts/robotomediumitalic/font.woff2') format('woff2'),url('https://static.zohocdn.com/webfonts/robotomediumitalic/font.woff') format('woff');}@font-face{font-family:'Roboto';font-weight:700;font-style:italic;src:url('https://static.zohocdn.com/webfonts/robotobolditalic/font.woff2') format('woff2'),url('https://static.zohocdn.com/webfonts/robotobolditalic/font.woff') format('woff');}@font-face{font-family:'Roboto';font-weight:900;font-style:italic;src:url('https://static.zohocdn.com/webfonts/robotoblackitalic/font.woff2') format('woff2'),url('https://static.zohocdn.com/webfonts/robotoblackitalic/font.woff') format('woff');}</style>
  <div>
   <ul id="appendAttachment" class="zl-article-attachment"></ul>
  </div>
 </body>
</html>