app/views/styleguide/09 Past Spec/_past_spec.html
<section class="sg-body">
<section class="sg-example" id="9.1">
<h3>
<a href="#9.1">9.1</a>
</h3>
<div class="sg-description">
<h2>Set Vocabulary</h2>
<p>Auszug, Vokabular and Kontexte tabs, according to the newst concepts, are to be simplified and merged within one single view as shown below.</p>
<p>The top container will accommodate items related to a vocabulary management. From here you can switch between vocabularies (by clicking on the dropdown) and selecting other items (not that active vocabularies are differentiated by slightly more contrasted font colour), you can enable/disable and view a currently selected vocabulary by clicking on the right-hand-side buttons.</p>
<p>The bottom container will accommodate words associated to currently selected vocabulary. User will be able to switch between All, Assigned and Most popular (old Auszug-like visualisation). Note variations of link meta links’ style when switching between the views:</p>
<ul>
<li>in Vergebene view, terms with media assigned to them are active and others become inactive.</li>
<li>in Häufigste view, additional slider (same as the one we had before in Auszug view) appears to filter through the terms listed below.</li>
</ul>
</div>
<div class="sg-canvases">
<div class="align-left bg-light sg-canvas">
<div style="">
<div class="app-body-ui-container">
<ul class="ui-tabs large">
<li class="ui-tabs-item">
<a href="">Set</a>
</li>
<li class="ui-tabs-item">
<a href="">Übergeordnete Sets</a>
</li>
<li class="active ui-tabs-item">
<a href="">Vokabular</a>
</li>
</ul>
<div class="ui-container rounded-right rounded-bottom tab-content bordered">
<div class="bright ui-container pal rounded-top">
<div class="row">
<div class="col2of3">
<div class="dropdown ui-dropdown $modifier-class">
<h2 class="dropdown-toggle ui-drop-toggle title-l link separated light mbm" data-toggle="dropdown">An inactive vocabulary name <i class="icon-arrow-down"></i></h2>
<ul class="dropdown-menu ui-drop-menu" role="menu" aria-labelledby="dLabel" style="top: 100%; bottom: auto;">
<li class="ui-drop-item">
<a>An active vocabulary</a>
</li>
<li class="ui-drop-item">
<a class="disabled">An inactive vocabulary</a>
</li>
<li class="ui-drop-item">
<a class="disabled">Yet another inactive vocabulary</a>
</li>
</ul>
</div>
<p>Set vocabulary description. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquipcia deserunt mollit anim id est laborum.</p>
</div>
<div class="col1of3 by-right">
<a class="button"><i class="icon-checkmark"></i> Enable</a>
<a class="button mls"><i class="icon-eye"></i> View</a>
</div>
</div>
</div>
<div class="ui-container inverted ui-toolbar pvx">
<h2 class="ui-toolbar-header pls">
Vokabular bezieht sich auf [number] Medieneinträge. Davon sind [number] beschlagwortet.
</h2>
</div>
<div class="ui-container midtone rounded-bottom">
<div class="ui-filterbar separated ui-container by-center">
<div class="button-group">
<a class="button active">Alle Begriffe</a>
<a class="button">Vergebene</a>
<a class="button">Häufigste</a>
</div>
</div>
<div class="ui-terms-filter separated mhm" style="display: none">
<div class="ui-terms-filter-label-holder left by-center">
<span class="title-s">Häufigkeit auswerten <span class="ui-form-ui-ttip-toggle ui-ttip-toggle" data-original-title="Tooltip Content." data-placement="bottom" rel="tooltip"><i class="icon-question mid"></i></span></span>
</div>
<div class="ui-terms-filter-slider-holder ptx">
<div class="ui-slider">
<a class="ui-slider-handle"><span class="ui-slider-info ui-container inverted">min. 2 x vergeben</span></a>
</div>
</div>
<div class="ui-terms-filter-note-holder by-center right">
Max. 140
</div>
</div>
<div class="ui-resources-holder pam">
<div class="col1of4">
<div class="ui-metadata-box prl mbm">
<h3 class="title-s-alt separated light mbx">Landschaftstyp <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Naturlandschaft">
Naturlandschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Erholungszone">
Erholungszone
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Parklandschaft">
Parklandschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Stadtlandschaft">
Stadtlandschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Tourismusgebiet">
Tourismusgebiet
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Agglomeration">
Agglomeration
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Gebirgslandschaft">
Gebirgslandschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Landwirtschaft">
Landwirtschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Siedlungsgebiet">
Siedlungsgebiet
</a>
</li>
</ul>
</div>
<div class="ui-metadata-box prl">
<h3 class="title-s-alt separated light mbx">Farbe <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Oker">
Oker
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Grüntöne">
Grüntöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Gelbtöne">
Gelbtöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="hellblau">
hellblau
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="weiss">
weiss
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Gelb">
Gelb
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Blautöne">
Blautöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="braun">
braun
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Weisstöne">
Weisstöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Violetttöne">
Violetttöne
</a>
</li>
</ul>
</div>
</div>
<div class="col1of4">
<div class="ui-metadata-box prl mbm">
<div class="h3 title-s-alt separated light mbx">Verwendungszweck <span class="title-xs-alt mlx">(a-z)</span></div>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Ausstellung">
Ausstellung
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Kunst">
Kunst
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Architekturbild">
Architekturbild
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Computerspiel">
Computerspiel
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Illustration">
Illustration
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Wettbewerb">
Wettbewerb
</a>
</li>
</ul>
</div>
<div class="ui-metadata-box prl">
<h3 class="title-s-alt separated light mbx">Wetter/Klima <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Bewölkung/wolkig">
Bewölkung/wolkig
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Nebel">
Nebel
</a>
</li>
</ul>
</div>
</div>
<div class="col1of4">
<div class="ui-metadata-box prl mbm">
<h3 class="title-s-alt separated light mbx">Bildzeit <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Frühling">
Frühling
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Sommer">
Sommer
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Herbst">
Herbst
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Winter">
Winter
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Mittag">
Mittag
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Nacht">
Nacht
</a>
</li>
</ul>
</div>
<div class="ui-metadata-box prl">
<h3 class="title-s-alt separated light mbx">Bildwirkung <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="idyllisch">
idyllisch
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="friedlich">
friedlich
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="kühl">
kühl
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="modern">
modern
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Erhabenheit">
Erhabenheit
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Einsamkeit">
Einsamkeit
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="technisch">
technisch
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="unfreundlich">
unfreundlich
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="utopisch">
utopisch
</a>
</li>
</ul>
</div>
</div>
<div class="col1of4">
<div class="ui-metadata-box prl mbm">
<h3 class="title-s-alt separated light mbx">Farbe <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Oker">
Oker
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Grüntöne">
Grüntöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Gelbtöne">
Gelbtöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="hellblau">
hellblau
</a>
</li>
</ul>
</div>
<div class="ui-metadata-box prl">
<h3 class="title-s-alt separated light mbx">Genre <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Objekt">
Objekt
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Porträt">
Porträt
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Punk Rock">
Punk Rock
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Landschaft">
Landschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Stadt">
Stadt
</a>
</li>
</ul>
</div>
</div>
</div> <!-- // ui resource holder -->
</div>
</div>
</div>
</div>
</div>
<!-- ################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################ -->
<div class="align-left bg-light sg-canvas">
<div style="">
<div class="app-body-ui-container">
<ul class="ui-tabs large">
<li class="ui-tabs-item">
<a href="">Set</a>
</li>
<li class="ui-tabs-item">
<a href="">Übergeordnete Sets</a>
</li>
<li class="active ui-tabs-item">
<a href="">Vokabular</a>
</li>
</ul>
<div class="ui-container rounded-right rounded-bottom tab-content bordered">
<div class="bright ui-container pal rounded-top">
<div class="row">
<div class="col2of3">
<div class="dropdown ui-dropdown $modifier-class">
<h2 class="dropdown-toggle ui-drop-toggle title-l link separated light mbm" data-toggle="dropdown">An active vocabulary name <i class="icon-arrow-down"></i></h2>
<ul class="dropdown-menu ui-drop-menu" role="menu" aria-labelledby="dLabel" style="top: 100%; bottom: auto;">
<li class="ui-drop-item">
<a>An active vocabulary</a>
</li>
<li class="ui-drop-item">
<a class="disabled">An inactive vocabulary</a>
</li>
<li class="ui-drop-item">
<a class="disabled">Yet another inactive vocabulary</a>
</li>
</ul>
</div>
<p>Set vocabulary description. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquipcia deserunt mollit anim id est laborum.</p>
</div>
<div class="col1of3 by-right">
<a class="button"><i class="icon-close"></i> Disable</a>
<a class="button mls"><i class="icon-eye"></i> View</a>
</div>
</div>
</div>
<div class="ui-container inverted ui-toolbar pvx">
<h2 class="ui-toolbar-header pls">
Vokabular bezieht sich auf [number] Medieneinträge. Davon sind [number] beschlagwortet.
</h2>
</div>
<div class="ui-container midtone rounded-bottom">
<div class="ui-filterbar separated ui-container by-center">
<div class="button-group">
<a class="button">Alle Begriffe</a>
<a class="button active">Vergebene</a>
<a class="button">Häufigste</a>
</div>
</div>
<div class="ui-terms-filter separated mhm" style="display: none">
<div class="ui-terms-filter-label-holder left by-center">
<span class="title-s">Häufigkeit auswerten <span class="ui-form-ui-ttip-toggle ui-ttip-toggle" data-original-title="Tooltip Content." data-placement="bottom" rel="tooltip"><i class="icon-question mid"></i></span></span>
</div>
<div class="ui-terms-filter-slider-holder ptx">
<div class="ui-slider">
<a class="ui-slider-handle"><span class="ui-slider-info ui-container inverted">min. 2 x vergeben</span></a>
</div>
</div>
<div class="ui-terms-filter-note-holder by-center right">
Max. 140
</div>
</div>
<div class="ui-resources-holder pam">
<div class="col1of4">
<div class="ui-metadata-box prl mbm">
<h3 class="title-s-alt separated light mbx">Landschaftstyp <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Naturlandschaft">
Naturlandschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button disabled" title="Erholungszone">
Erholungszone
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Parklandschaft">
Parklandschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button disabled" title="Stadtlandschaft">
Stadtlandschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Tourismusgebiet">
Tourismusgebiet
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button disabled" title="Agglomeration">
Agglomeration
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Gebirgslandschaft">
Gebirgslandschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Landwirtschaft">
Landwirtschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Siedlungsgebiet">
Siedlungsgebiet
</a>
</li>
</ul>
</div>
<div class="ui-metadata-box prl">
<h3 class="title-s-alt separated light mbx">Farbe <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Oker">
Oker
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Grüntöne">
Grüntöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Gelbtöne">
Gelbtöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="hellblau">
hellblau
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button disabled" title="weiss">
weiss
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Gelb">
Gelb
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Blautöne">
Blautöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button disabled" title="braun">
braun
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Weisstöne">
Weisstöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Violetttöne">
Violetttöne
</a>
</li>
</ul>
</div>
</div>
<div class="col1of4">
<div class="ui-metadata-box prl mbm">
<div class="h3 title-s-alt separated light mbx">Verwendungszweck <span class="title-xs-alt mlx">(a-z)</span></div>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Ausstellung">
Ausstellung
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Kunst">
Kunst
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button disabled" title="Architekturbild">
Architekturbild
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button disabled" title="Computerspiel">
Computerspiel
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button disabled" title="Illustration">
Illustration
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Wettbewerb">
Wettbewerb
</a>
</li>
</ul>
</div>
<div class="ui-metadata-box prl">
<h3 class="title-s-alt separated light mbx">Wetter/Klima <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Bewölkung/wolkig">
Bewölkung/wolkig
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Nebel">
Nebel
</a>
</li>
</ul>
</div>
</div>
<div class="col1of4">
<div class="ui-metadata-box prl mbm">
<h3 class="title-s-alt separated light mbx">Bildzeit <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Frühling">
Frühling
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Sommer">
Sommer
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Herbst">
Herbst
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Winter">
Winter
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Mittag">
Mittag
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Nacht">
Nacht
</a>
</li>
</ul>
</div>
<div class="ui-metadata-box prl">
<h3 class="title-s-alt separated light mbx">Bildwirkung <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="idyllisch">
idyllisch
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="friedlich">
friedlich
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button disabled" title="kühl">
kühl
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="modern">
modern
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button disabled" title="Erhabenheit">
Erhabenheit
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Einsamkeit">
Einsamkeit
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button disabled" title="technisch">
technisch
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="unfreundlich">
unfreundlich
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="utopisch">
utopisch
</a>
</li>
</ul>
</div>
</div>
<div class="col1of4">
<div class="ui-metadata-box prl mbm">
<h3 class="title-s-alt separated light mbx">Farbe <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Oker">
Oker
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Grüntöne">
Grüntöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Gelbtöne">
Gelbtöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="hellblau">
hellblau
</a>
</li>
</ul>
</div>
<div class="ui-metadata-box prl">
<h3 class="title-s-alt separated light mbx">Genre <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Objekt">
Objekt
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Porträt">
Porträt
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Punk Rock">
Punk Rock
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Landschaft">
Landschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Stadt">
Stadt
</a>
</li>
</ul>
</div>
</div>
</div> <!-- // ui resource holder -->
</div>
</div>
</div>
</div>
</div>
<!-- ################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################ -->
<div class="align-left bg-light sg-canvas">
<div style="">
<div class="app-body-ui-container">
<ul class="ui-tabs large">
<li class="ui-tabs-item">
<a href="">Set</a>
</li>
<li class="ui-tabs-item">
<a href="">Übergeordnete Sets</a>
</li>
<li class="active ui-tabs-item">
<a href="">Vokabular</a>
</li>
</ul>
<div class="ui-container rounded-right rounded-bottom tab-content bordered">
<div class="bright ui-container pal rounded-top">
<div class="row">
<div class="col2of3">
<div class="dropdown ui-dropdown $modifier-class">
<h2 class="dropdown-toggle ui-drop-toggle title-l link separated light mbm" data-toggle="dropdown">An active vocabulary name <i class="icon-arrow-down"></i></h2>
<ul class="dropdown-menu ui-drop-menu" role="menu" aria-labelledby="dLabel" style="top: 100%; bottom: auto;">
<li class="ui-drop-item">
<a>An active vocabulary</a>
</li>
<li class="ui-drop-item">
<a class="disabled">An inactive vocabulary</a>
</li>
<li class="ui-drop-item">
<a class="disabled">Yet another inactive vocabulary</a>
</li>
</ul>
</div>
<p>Set vocabulary description. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquipcia deserunt mollit anim id est laborum.</p>
</div>
<div class="col1of3 by-right">
<a class="button"><i class="icon-close"></i> Disable</a>
<a class="button mls"><i class="icon-eye"></i> View</a>
</div>
</div>
</div>
<div class="ui-container inverted ui-toolbar pvx">
<h2 class="ui-toolbar-header pls">
Vokabular bezieht sich auf [number] Medieneinträge. Davon sind [number] beschlagwortet.
</h2>
</div>
<div class="ui-container midtone rounded-bottom">
<div class="ui-filterbar separated ui-container by-center">
<div class="button-group">
<a class="button">Alle Begriffe</a>
<a class="button">Vergebene</a>
<a class="button active">Häufigste</a>
</div>
</div>
<div class="ui-terms-filter separated mhm">
<div class="ui-terms-filter-label-holder left by-center">
<span class="title-s">Häufigkeit auswerten <span class="ui-form-ui-ttip-toggle ui-ttip-toggle" data-original-title="Tooltip Content." data-placement="bottom" rel="tooltip"><i class="icon-question mid"></i></span></span>
</div>
<div class="ui-terms-filter-slider-holder ptx">
<div class="ui-slider">
<a class="ui-slider-handle"><span class="ui-slider-info ui-container inverted">min. 2 x vergeben</span></a>
</div>
</div>
<div class="ui-terms-filter-note-holder by-center right">
Max. 140
</div>
</div>
<div class="ui-resources-holder pam">
<div class="col1of4">
<div class="ui-metadata-box prl mbm">
<h3 class="title-s-alt separated light mbx">Landschaftstyp <span class="title-xs-alt mlx">(rank)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Naturlandschaft">
Naturlandschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Erholungszone">
Erholungszone
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Parklandschaft">
Parklandschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Landwirtschaft">
Landwirtschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Siedlungsgebiet">
Siedlungsgebiet
</a>
</li>
</ul>
</div>
<div class="ui-metadata-box prl">
<h3 class="title-s-alt separated light mbx">Farbe <span class="title-xs-alt mlx">(rank)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Oker">
Oker
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Grüntöne">
Grüntöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Gelbtöne">
Gelbtöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="hellblau">
hellblau
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="weiss">
weiss
</a>
</li>
</ul>
</div>
</div>
<div class="col1of4">
<div class="ui-metadata-box prl mbm">
<div class="h3 title-s-alt separated light mbx">Verwendungszweck <span class="title-xs-alt mlx">(rank)</span></div>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Ausstellung">
Ausstellung
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Illustration">
Illustration
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Wettbewerb">
Wettbewerb
</a>
</li>
</ul>
</div>
<div class="ui-metadata-box prl">
<h3 class="title-s-alt separated light mbx">Wetter/Klima <span class="title-xs-alt mlx">(rank)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Bewölkung/wolkig">
Bewölkung/wolkig
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Nebel">
Nebel
</a>
</li>
</ul>
</div>
</div>
<div class="col1of4">
<div class="ui-metadata-box prl mbm">
<h3 class="title-s-alt separated light mbx">Bildzeit <span class="title-xs-alt mlx">(rank)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Frühling">
Frühling
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Sommer">
Sommer
</a>
</li>
</ul>
</div>
<div class="ui-metadata-box prl">
<h3 class="title-s-alt separated light mbx">Bildwirkung <span class="title-xs-alt mlx">(rank)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="idyllisch">
idyllisch
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="friedlich">
friedlich
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="kühl">
kühl
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="utopisch">
utopisch
</a>
</li>
</ul>
</div>
</div>
<div class="col1of4">
<div class="ui-metadata-box prl mbm">
<h3 class="title-s-alt separated light mbx">Farbe <span class="title-xs-alt mlx">(rank)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Oker">
Oker
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Grüntöne">
Grüntöne
</a>
</li>
</ul>
</div>
<div class="ui-metadata-box prl">
<h3 class="title-s-alt separated light mbx">Genre <span class="title-xs-alt mlx">(rank)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Objekt">
Objekt
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Landschaft">
Landschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Stadt">
Stadt
</a>
</li>
</ul>
</div>
</div>
</div> <!-- // ui resource holder -->
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sg-example" id="9.2">
<h3>
<a href="#9.2">9.2</a>
</h3>
<div class="sg-description">
<h2>Context page</h2>
<p>Context view it the ones accessible while clicking on the <strong>View</strong> button in the Vocabulary view documented in <a href="#9.1">Section 9.1</a>. It comes with two tabs:</p>
<ul>
<li><strong>Vokabular</strong>: features a brief Vocabulary description (limited to 256 characters) and terms in that vocabulary with 3 display modes same as in the Set Vocabulary view.</li>
<li><strong>Inhalte</strong>: in place of list of terms contained in currently viewed vocabulary, it features media associated to that vocabulary.</li>
</ul>
</div>
<div class="sg-canvases">
<div class="align-left bg-light sg-canvas">
<div style="">
<div class="app-body-ui-container">
<ul class="ui-tabs large">
<li class="ui-tabs-item active">
<a href="/contexts/Landschaftsvisualisierung">Vokabular</a>
</li>
<li class="ui-tabs-item">
<a href="/contexts/Landschaftsvisualisierung/abstract">Inhalte</a>
</li>
</ul>
<div class="ui-container rounded-right rounded-bottom tab-content">
<div class="ui-container bright bordered pal">
<div class="row">
<div class="col2of3">
<p>Set vocabulary description. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquipcia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="ui-container midtone bordered rounded-bottom">
<div class="ui-container inverted ui-toolbar pvx">
<h2 class="ui-toolbar-header pls">
Vokabular bezieht sich auf [number] Medieneinträge. Davon sind [number] beschlagwortet.
</h2>
</div>
<div class="ui-container midtone rounded-bottom">
<div class="ui-filterbar separated ui-container by-center">
<div class="button-group">
<a class="button active">Alle Begriffe</a>
<a class="button">Vergebene</a>
<a class="button">Häufigste</a>
</div>
</div>
<div class="ui-terms-filter separated mhm" style="display: none">
<div class="ui-terms-filter-label-holder left by-center">
<span class="title-s">Häufigkeit auswerten <span class="ui-form-ui-ttip-toggle ui-ttip-toggle" data-original-title="Tooltip Content." data-placement="bottom" rel="tooltip"><i class="icon-question mid"></i></span></span>
</div>
<div class="ui-terms-filter-slider-holder ptx">
<div class="ui-slider">
<a class="ui-slider-handle"><span class="ui-slider-info ui-container inverted">min. 2 x vergeben</span></a>
</div>
</div>
<div class="ui-terms-filter-note-holder by-center right">
Max. 140
</div>
</div>
<div class="ui-resources-holder pam">
<div class="col1of4">
<div class="ui-metadata-box prl mbm">
<h3 class="title-s-alt separated light mbx">Landschaftstyp <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Naturlandschaft">
Naturlandschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Erholungszone">
Erholungszone
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Parklandschaft">
Parklandschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Stadtlandschaft">
Stadtlandschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Tourismusgebiet">
Tourismusgebiet
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Agglomeration">
Agglomeration
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Gebirgslandschaft">
Gebirgslandschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Landwirtschaft">
Landwirtschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Siedlungsgebiet">
Siedlungsgebiet
</a>
</li>
</ul>
</div>
<div class="ui-metadata-box prl">
<h3 class="title-s-alt separated light mbx">Farbe <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Oker">
Oker
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Grüntöne">
Grüntöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Gelbtöne">
Gelbtöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="hellblau">
hellblau
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="weiss">
weiss
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Gelb">
Gelb
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Blautöne">
Blautöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="braun">
braun
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Weisstöne">
Weisstöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Violetttöne">
Violetttöne
</a>
</li>
</ul>
</div>
</div>
<div class="col1of4">
<div class="ui-metadata-box prl mbm">
<div class="h3 title-s-alt separated light mbx">Verwendungszweck <span class="title-xs-alt mlx">(a-z)</span></div>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Ausstellung">
Ausstellung
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Kunst">
Kunst
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Architekturbild">
Architekturbild
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Computerspiel">
Computerspiel
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Illustration">
Illustration
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Wettbewerb">
Wettbewerb
</a>
</li>
</ul>
</div>
<div class="ui-metadata-box prl">
<h3 class="title-s-alt separated light mbx">Wetter/Klima <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Bewölkung/wolkig">
Bewölkung/wolkig
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Nebel">
Nebel
</a>
</li>
</ul>
</div>
</div>
<div class="col1of4">
<div class="ui-metadata-box prl mbm">
<h3 class="title-s-alt separated light mbx">Bildzeit <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Frühling">
Frühling
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Sommer">
Sommer
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Herbst">
Herbst
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Winter">
Winter
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Mittag">
Mittag
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Nacht">
Nacht
</a>
</li>
</ul>
</div>
<div class="ui-metadata-box prl">
<h3 class="title-s-alt separated light mbx">Bildwirkung <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="idyllisch">
idyllisch
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="friedlich">
friedlich
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="kühl">
kühl
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="modern">
modern
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Erhabenheit">
Erhabenheit
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Einsamkeit">
Einsamkeit
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="technisch">
technisch
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="unfreundlich">
unfreundlich
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="utopisch">
utopisch
</a>
</li>
</ul>
</div>
</div>
<div class="col1of4">
<div class="ui-metadata-box prl mbm">
<h3 class="title-s-alt separated light mbx">Farbe <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Oker">
Oker
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Grüntöne">
Grüntöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Gelbtöne">
Gelbtöne
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="hellblau">
hellblau
</a>
</li>
</ul>
</div>
<div class="ui-metadata-box prl">
<h3 class="title-s-alt separated light mbx">Genre <span class="title-xs-alt mlx">(a-z)</span></h3>
<ul class="ui-tag-cloud small ellipsed compact">
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Objekt">
Objekt
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Porträt">
Porträt
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Punk Rock">
Punk Rock
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Landschaft">
Landschaft
</a>
</li>
<li class="ui-tag-cloud-item">
<a class="ui-tag-button" title="Stadt">
Stadt
</a>
</li>
</ul>
</div>
</div>
</div>
</div> <!-- // ui resource holder -->
</div>
</div>
</div>
</div>
</div>
<!-- ################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################ -->
<div class="align-left bg-light sg-canvas">
<div style="">
<div class="app-body-ui-container">
<ul class="ui-tabs large">
<li class="ui-tabs-item">
<a href="/contexts/Landschaftsvisualisierung">Vokabular</a>
</li>
<li class="ui-tabs-item active">
<a href="/contexts/Landschaftsvisualisierung/abstract">Inhalte</a>
</li>
</ul>
<div class="ui-container rounded-right rounded-bottom tab-content">
<div class="ui-container bright bordered pal">
<div class="row">
<div class="col2of3">
<p>Set vocabulary description. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquipcia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="ui-container midtone bordered rounded-bottom">
<div class="ui-container inverted ui-toolbar pvx">
<h2 class="ui-toolbar-header pls">
Kontext enthält
2 Inhalte
</h2>
<div class="ui-toolbar-controls by-right">
<div class="button-group tertiary small right mls">
<a class="button small ui-toolbar-vis-button" data-vis-mode="miniature" title="Miniatur-Ansicht">
<i class="icon-vis-miniature" title="Miniatur-Ansicht"></i>
</a>
<a class="button small ui-toolbar-vis-button active" title="Raster-Ansicht">
<i class="icon-vis-grid" title="Raster-Ansicht"></i>
</a>
<a class="button small ui-toolbar-vis-button">
<i class="icon-vis-list" title="Listen-Ansicht"></i>
</a>
</div>
<div class="dropdown ui-dropdown stick-right">
<a class="dropdown-toggle ui-drop-toggle">
<span class="ui-text">
Sortieren nach Änderungsdatum
</span>
<i class="icon-arrow-down bright small"></i>
</a>
<ul aria-labelledby="dLabel" class="dropdown-menu ui-drop-menu" role="menu">
<li class="ui-drop-item active" data-default="">
<a>
Sortieren nach Importdatum
</a>
</li>
<li class="ui-drop-item">
<a>
Sortieren nach Erstelldatum
</a>
</li>
<li class="ui-drop-item">
<a>
Sortieren nach Titel
</a>
</li>
<li class="ui-drop-item">
<a>
Filtern und sortieren nach Autor/in
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="ui-filterbar separated ui-container">
<div class="left col2of6">
<a class="button">
<i class="icon-filter small"></i>
Filtern
</a>
<a class="mlx hidden weak">
<i class="icon-undo"></i>
Filter zurücksetzen
</a>
</div>
<div class="col2of6 by-center">
<div class="button-group">
<a class="active button">
Alle
</a>
<a class="button" data-type="media_entries">
Medieneinträge
</a>
<a class="button sets" data-type="sets" href="#">
Sets
</a>
</div>
</div>
<div class="col2of6 by-right">
<label class="weak ui-filterbar-select">
<span class="active">
Alle abwählen
</span>
<span class="inactive">
Alle auswählen
</span>
<i class="icon-checkbox"></i>
</label>
</div>
</div>
<div class="ui-resources-holder pam">
<div class="ui-container table auto">
<div class="filter-panel hidden ui-side-filter">
<div class="ui-side-filter-search filter-search">
<form id="filter_search_form">
<input class="unstyled" type="submit" value="Eingrenzen mit Suchwort">
<input class="block ui-filter-search-input" name="search" type="text">
</form>
</div>
<ul class="top-filter-list ui-side-filter-list"><ul class="ui-accordion"> <li class="ui-slide-filter-item"> <div class="title-xs by-center">Filter werden geladen</div> <div class="ui-preloader small"></div> </li> </ul></ul>
</div>
<div class="ui-container table-cell table-substance">
<ul class="active grid ui-resources">
<li class="ui-resources-page" data-page="1">
<span class="ui-resources-page-counter ui-pager small"><span>2</span> Inhalte, Seite <span>1</span> von <span>1</span></span>
<ul class="ui-resources-page-items">
<li class="ui-resource not-loaded-contexts">
<div class="ui-resource-head">
<ul class="ui-resource-actions">
<li class="ui-resource-action">
<a class="ui-thumbnail-action-checkbox" data-clipboard-toggle="" title="Zur Zwischenablage hinzufügen/entfernen"><i class="icon-checkbox"></i></a>
</li>
<li class="ui-resource-action">
<a class="ui-thumbnail-action-favorite" title="Zur Favoriten hinzufügen/entfernen"><i class="icon-star-empty"></i></a>
</li>
</ul>
<h3 class="ui-resource-title">Oil Rich Niger Delta</h3>
</div>
<div class="ui-resource-body">
<div class="ui-resource-thumbnail">
<div class="ui-thumbnail media-entry image">
<div class="ui-thumbnail-privacy">
<i class="icon-privacy-open" title="Diese Inhalte sind öffentlich zugänglich"></i>
</div>
<a class="ui-thumbnail-image-wrapper" href="/media_resources/b53cd515-37a7-42b8-b8e1-107a44b50de4">
<div class="ui-thumbnail-image-holder">
<div class="ui-thumbnail-table-image-holder">
<div class="ui-thumbnail-cell-image-holder">
<div class="ui-thumbnail-inner-image-holder">
<img class="ui-thumbnail-image" src="/media_resources/b53cd515-37a7-42b8-b8e1-107a44b50de4/image">
</div>
</div>
</div>
</div>
</a>
<div class="ui-thumbnail-meta">
<h3 class="ui-thumbnail-meta-title">Oil Rich Niger Delta</h3>
<h4 class="ui-thumbnail-meta-subtitle">Osodi, George</h4>
</div>
<div class="ui-thumbnail-actions">
<ul class="left by-left">
<li class="ui-thumbnail-action">
<a class="ui-thumbnail-action-checkbox" data-clipboard-toggle="" title="Zur Zwischenablage hinzufügen/entfernen"><i class="icon-checkbox"></i></a>
</li>
<li class="ui-thumbnail-action">
<a class="ui-thumbnail-action-favorite" title="Zu Favoriten hinzufügen"><i class="icon-star-empty"></i></a>
</li>
</ul>
<ul class="right by-right">
<li class="ui-thumbnail-action">
<a class="ui-thumbnail-action-browse" href="/media_resources/b53cd515-37a7-42b8-b8e1-107a44b50de4/browse" title="Stöbern"><i class="icon-eye"></i></a>
</li>
<li class="ui-thumbnail-action">
<a class="ui-thumbnail-action-edit" href="/media_resources/b53cd515-37a7-42b8-b8e1-107a44b50de4/edit" title="Metadaten editieren"><i class="icon-pen"></i></a>
</li>
</ul>
</div>
<div class="ui-thumbnail-dropdown">
<div class="dropdown ui-dropdown"> <a class="dropdown-toggle button block ui-drop-toggle" data-toggle="dropdown"> Aktionen </a> <ul aria-labelledby="dLabel" class="dropdown-menu ui-drop-menu" role="menu"> <li class="ui-drop-item"> <a href="/media_resources/b53cd515-37a7-42b8-b8e1-107a44b50de4/edit" title="Metadaten editieren"> <i class="icon-pen mid"></i> Metadaten editieren </a> </li> <li class="ui-drop-item"> <a href="/media_entries/b53cd515-37a7-42b8-b8e1-107a44b50de4/browse" title="Nach vergleichbaren Inhalten stöbern"> <i class="icon-eye mid"></i> Stöbern </a> </li> <li class="ui-drop-item"> <a title="Berechtigungen verwalten"> <i class="icon-lock mid"></i> Berechtigungen </a> </li> <li class="ui-drop-item"> <a data-organize-arcs="" title="Zu Set hinzufügen/entfernen"> <i class="icon-move mid"></i> Zu Set hinzufügen/entfernen </a> </li> </ul> </div> </div> </div> </div> <div class="ui-resource-meta"> <div data-context-id=""> <table class="borderless block"> <tbody> <tr> <td class="ui-resource-meta-label">Autor/in</td> <td class="ui-resource-meta-content"> <ul class="ui-tag-cloud small ellipsed compact"> <li class="ui-tag-cloud-item"> <a class="ui-tag-button person-tag" href="/media_resources?search=Osodi, George"> <i class="icon-user-mini ui-tag-icon"></i> Osodi, George </a> </li> </ul> </td> </tr> <tr> <td class="ui-resource-meta-label">Datierung</td> <td class="ui-resource-meta-content"> 22.12.2005 </td> </tr> <tr> <td class="ui-resource-meta-label">Schlagworte zu Inhalt und Motiv</td> <td class="ui-resource-meta-content"> <ul class="ui-tag-cloud small ellipsed compact"> <li class="ui-tag-cloud-item ellipsed compact"> <a class="ui-tag-button" href="/media_resources?meta_data[keywords][ids][]=1475"> <i class="icon-tag-mini ui-tag-icon"></i> oil </a> </li><li class="ui-tag-cloud-item ellipsed compact"> <a class="ui-tag-button" href="/media_resources?meta_data[keywords][ids][]=1477"> <i class="icon-tag-mini ui-tag-icon"></i> niger delta </a> </li> </ul> </td> </tr> <tr> <td class="ui-resource-meta-label">Rechte</td> <td class="ui-resource-meta-content"> Osodi, George </td> </tr> <tr> <td class="ui-resource-meta-label">Eigentümer/in im Medienarchiv</td> <td class="ui-resource-meta-content"> <ul class="ui-tag-cloud small ellipsed compact"> <a class="ui-tag-button person-tag" href="/media_resources?search=Knacknuss, Karen"> <i class="icon-user-mini ui-tag-icon"></i> Knacknuss, Karen </a> </ul> </td> </tr> </tbody> </table> </div> </div> <div class="ui-resource-description" data-context="second_displayed_context_id"></div> <div class="ui-resource-extension" data-context="third_displayed_context_id"></div> </div> </li><li class="ui-resource not-loaded-contexts"> <div class="ui-resource-head"> <ul class="ui-resource-actions"> <li class="ui-resource-action"> <a class="ui-thumbnail-action-checkbox" data-clipboard-toggle="" title="Zur Zwischenablage hinzufügen/entfernen"> <i class="icon-checkbox"></i> </a> </li> <li class="ui-resource-action"> <a class="ui-thumbnail-action-favorite" title="Zur Favoriten hinzufügen/entfernen"> <i class="icon-star-empty"></i> </a> </li> </ul> <h3 class="ui-resource-title"> Diplom </h3> </div> <div class="ui-resource-body"> <div class="ui-resource-thumbnail"> <div class="ui-thumbnail media-entry image"> <div class="ui-thumbnail-privacy"> <i class="icon-privacy-open" title="Diese Inhalte sind öffentlich zugänglich"></i> </div> <a class="ui-thumbnail-image-wrapper" href="/media_resources/e5cf6724-c252-40ca-b4b4-6a634ca42c0b"> <div class="ui-thumbnail-image-holder"> <div class="ui-thumbnail-table-image-holder"> <div class="ui-thumbnail-cell-image-holder"> <div class="ui-thumbnail-inner-image-holder"> <img class="ui-thumbnail-image" src="/media_resources/e5cf6724-c252-40ca-b4b4-6a634ca42c0b/image"> </div> </div> </div> </div> </a> <div class="ui-thumbnail-meta"> <h3 class="ui-thumbnail-meta-title">Diplom</h3> <h4 class="ui-thumbnail-meta-subtitle">Bangerter, Andrea; Thal, Andrea</h4> </div> <div class="ui-thumbnail-actions"> <ul class="left by-left"> <li class="ui-thumbnail-action"> <a class="ui-thumbnail-action-checkbox" data-clipboard-toggle="" title="Zur Zwischenablage hinzufügen/entfernen"> <i class="icon-checkbox"></i> </a> </li> <li class="ui-thumbnail-action"> <a class="ui-thumbnail-action-favorite" title="Zu Favoriten hinzufügen"> <i class="icon-star-empty"></i> </a> </li> </ul> <ul class="right by-right"> <li class="ui-thumbnail-action"> <a class="ui-thumbnail-action-browse" href="/media_resources/e5cf6724-c252-40ca-b4b4-6a634ca42c0b/browse" title="Stöbern"> <i class="icon-eye"></i> </a> </li> <li class="ui-thumbnail-action"> <a class="ui-thumbnail-action-edit" href="/media_resources/e5cf6724-c252-40ca-b4b4-6a634ca42c0b/edit" title="Metadaten editieren"> <i class="icon-pen"></i> </a> </li> </ul> </div> <div class="ui-thumbnail-dropdown"> <div class="dropdown ui-dropdown"> <a class="dropdown-toggle button block ui-drop-toggle" data-toggle="dropdown"> Aktionen </a> <ul aria-labelledby="dLabel" class="dropdown-menu ui-drop-menu" role="menu"> <li class="ui-drop-item"> <a href="/media_resources/e5cf6724-c252-40ca-b4b4-6a634ca42c0b/edit" title="Metadaten editieren"> <i class="icon-pen mid"></i> Metadaten editieren </a> </li> <li class="ui-drop-item"> <a href="/media_entries/e5cf6724-c252-40ca-b4b4-6a634ca42c0b/browse" title="Nach vergleichbaren Inhalten stöbern"> <i class="icon-eye mid"></i> Stöbern </a> </li> <li class="ui-drop-item"> <a data-manageable="true" data-media-resource-id="e5cf6724-c252-40ca-b4b4-6a634ca42c0b" data-open-permissions="" data-title="Diplom" title="Berechtigungen verwalten"> <i class="icon-lock mid"></i> Berechtigungen </a> </li> <li class="ui-drop-item"> <a data-organize-arcs="" title="Zu Set hinzufügen/entfernen"> <i class="icon-move mid"></i> Zu Set hinzufügen/entfernen </a> </li> </ul> </div> </div> </div> </div> <div class="ui-resource-meta"> <div data-context-id=""> <table class="borderless block"> <tbody> <tr> <td class="ui-resource-meta-label">Autor/in</td> <td class="ui-resource-meta-content"> <ul class="ui-tag-cloud small ellipsed compact"> <li class="ui-tag-cloud-item"> <a class="ui-tag-button person-tag" href="/media_resources?search=Bangerter, Andrea"> <i class="icon-user-mini ui-tag-icon"></i> Bangerter, Andrea </a> </li><li class="ui-tag-cloud-item"> <a class="ui-tag-button person-tag" href="/media_resources?search=Thal, Andrea"> <i class="icon-user-mini ui-tag-icon"></i> Thal, Andrea </a> </li> </ul> </td> </tr> <tr> <td class="ui-resource-meta-label">Datierung</td> <td class="ui-resource-meta-content"> 1999 </td> </tr> <tr> <td class="ui-resource-meta-label">Schlagworte zu Inhalt und Motiv</td> <td class="ui-resource-meta-content"> <ul class="ui-tag-cloud small ellipsed compact"> <li class="ui-tag-cloud-item ellipsed compact"> <a class="ui-tag-button" href="/media_resources?meta_data[keywords][ids][]=4608"> <i class="icon-tag-mini ui-tag-icon"></i> Freizeit </a> </li><li class="ui-tag-cloud-item ellipsed compact"> <a class="ui-tag-button" href="/media_resources?meta_data[keywords][ids][]=4607"> <i class="icon-tag-mini ui-tag-icon"></i> Mode </a> </li><li class="ui-tag-cloud-item ellipsed compact"> <a class="ui-tag-button" href="/media_resources?meta_data[keywords][ids][]=4606"> <i class="icon-tag-mini ui-tag-icon"></i> Outdoor </a> </li><li class="ui-tag-cloud-item ellipsed compact"> <a class="ui-tag-button" href="/media_resources?meta_data[keywords][ids][]=4605"> <i class="icon-tag-mini ui-tag-icon"></i> Sportbekleidung </a> </li><li class="ui-tag-cloud-item ellipsed compact"> <a class="ui-tag-button" href="/media_resources?meta_data[keywords][ids][]=4604"> <i class="icon-tag-mini ui-tag-icon"></i> Sport </a> </li><li class="ui-tag-cloud-item ellipsed compact"> <a class="ui-tag-button" href="/media_resources?meta_data[keywords][ids][]=405"> <i class="icon-tag-mini ui-tag-icon"></i> Diplomarbeit </a> </li><li class="ui-tag-cloud-item ellipsed compact"> <a class="ui-tag-button" href="/media_resources?meta_data[keywords][ids][]=76"> <i class="icon-tag-mini ui-tag-icon"></i> Fotografie </a> </li><li class="ui-tag-cloud-item ellipsed compact"> <a class="ui-tag-button" href="/media_resources?meta_data[keywords][ids][]=1353"> <i class="icon-tag-mini ui-tag-icon"></i> Natur </a> </li><li class="ui-tag-cloud-item ellipsed compact"> <a class="ui-tag-button" href="/media_resources?meta_data[keywords][ids][]=447"> <i class="icon-tag-mini ui-tag-icon"></i> Landschaft </a> </li><li class="ui-tag-cloud-item ellipsed compact"> <a class="ui-tag-button" href="/media_resources?meta_data[keywords][ids][]=2665"> <i class="icon-tag-mini ui-tag-icon"></i> Inszenierung </a> </li> </ul> </td> </tr> <tr> <td class="ui-resource-meta-label">Rechte</td> <td class="ui-resource-meta-content"> Zürcher Hochschule der Künste ZHdK </td> </tr> <tr> <td class="ui-resource-meta-label">Eigentümer/in im Medienarchiv</td> <td class="ui-resource-meta-content"> <ul class="ui-tag-cloud small ellipsed compact"> <a class="ui-tag-button person-tag" href="/media_resources?search=Knacknuss, Karen"> <i class="icon-user-mini ui-tag-icon"></i> Knacknuss, Karen </a> </ul> </td> </tr> </tbody> </table> </div> </div> <div class="ui-resource-description" data-context="second_displayed_context_id"></div> <div class="ui-resource-extension" data-context="third_displayed_context_id"></div> </div> </li></ul> </li></ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################ -->
</section>
<section class="sg-example" id="9.3">
<h3>
<a href="#9.3">9.3</a>
</h3>
<div class="sg-description">
<h2>Filterbar in view of Filterset creation revamp.</h2>
<p>The button linking to the filterset creation wizard is to be moved from search results page to the filterbar (so it will now be present in all views displaying thumbnails).</p>
<p>The 'Save as Filterset' button will open the modal window where user will be asked to enter filterset's desired name and either confirm or cancel the process.</p>
<p>The 'Rewind' button with the round arrow icon stands for resetting the filter set on the currently viewed batch of media—it will become active only after have applied at least one filter (as shown on the 2nd example).</p>
<p>When user is viewing a filterset that he previously created, and has editing permissions to, he will be able to save filterset settings he just altered (as shown on the 3rd example).</p>
<p>Users viewing a filterset, but not having permissions to edit it, will be presented with the option to duplicate currently set filterset settings as their own filterset—in other words—create a filterset on top of a filterset (as shown on the 4th example).</p>
</div>
<div class="sg-canvases">
<div class="align-left bg-light sg-canvas">
<div style="">
<div class="filter-panel ui-side-filter" id="ui-side-filter">
<div class="ui-side-filter-filterset">
<div class="col4of5">
<a class="button ui-filterset-new">
<i class="icon-plus"></i>
Save as Filterset
</a>
</div>
<div class="col1of5">
<a class="button ui-filterset-reset disabled">
<i class="icon-undo"></i>
</a>
</div>
</div>
<div class="ui-side-filter-search filter-search" id="ui-side-filter-search">
<form id="filter_search_form">
<input class="block ui-filter-search-input" id="search_term" name="search" placeholder="Eingrenzen mit Suchwort" type="text">
</form>
</div>
<ul class="top-filter-list ui-side-filter-list"><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="media_resources" data-filter-type="media_resources"> <a class="strong ui-accordion-toggle"> Inhalte <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="type"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Typ </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="MediaEntry"> <a class="weak"> Medieneinträge <span class="ui-lvl3-item-count resources_count">20</span> </a> </li> </ul> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="media_files" data-filter-type="media_files"> <a class="strong ui-accordion-toggle"> Datei <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="media_type"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Medientyp </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="image"> <a class="weak"> image <span class="ui-lvl3-item-count resources_count">20</span> </a> </li> </ul> </li> <li class="ui-side-filter-lvl2-item" data-key-name="extension"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Dokumenttyp </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="tif"> <a class="weak"> tif <span class="ui-lvl3-item-count resources_count">20</span> </a> </li> </ul> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="permissions" data-filter-type="permissions"> <a class="strong ui-accordion-toggle"> Berechtigung <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="owner"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Verantwortliche Person </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="7"> <a class="weak"> Knacknuss, Karen <span class="ui-lvl3-item-count resources_count">20</span> </a> </li> </ul> </li> <li class="ui-side-filter-lvl2-item" data-key-name="scope"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Zugriff </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="public"> <a class="weak"> Öffentliche Inhalte <span class="ui-lvl3-item-count resources_count">20</span> </a> </li> </ul> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="Landschaftsvisualisierung" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> Landschaftsvisualisierung <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Landschaftstyp"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Landschaftstyp </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1065"> <a class="weak"> Erholungszone <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1087"> <a class="weak"> Naturlandschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1089"> <a class="weak"> Parklandschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1093"> <a class="weak"> Stadtlandschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1095"> <a class="weak"> Tourismusgebiet <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Verwendungszweck"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Verwendungszweck </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1067"> <a class="weak"> Architekturbild <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1017"> <a class="weak"> Ausstellung <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1071"> <a class="weak"> Computerspiel <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1069"> <a class="weak"> Illustration <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="79"> <a class="weak"> Kunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1115"> <a class="weak"> Wettbewerb <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Bildzeit"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Bildzeit </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1033"> <a class="weak"> Frühling <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1037"> <a class="weak"> Herbst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1047"> <a class="weak"> Mittag <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1053"> <a class="weak"> Nacht <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1035"> <a class="weak"> Sommer <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1039"> <a class="weak"> Winter <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Wetter/Klima"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Wetter/Klima </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1119"> <a class="weak"> Bewölkung/wolkig <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1125"> <a class="weak"> Morgenrot <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1127"> <a class="weak"> Nebel <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1131"> <a class="weak"> Schnee <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1139"> <a class="weak"> Wind <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Farbe"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Farbe </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1241"> <a class="weak"> Blautöne <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1231"> <a class="weak"> Gelb <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1267"> <a class="weak"> Gelbtöne <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1255"> <a class="weak"> Grüntöne <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1245"> <a class="weak"> Oker <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1213"> <a class="weak"> hellblau <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1211"> <a class="weak"> weiss <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Horizontlinie"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Horizontlinie </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1061"> <a class="weak"> unten <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Ra?umliche Wahrnehmung"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Räumliche Wahrnehmung </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1103"> <a class="weak"> Froschperspektive <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1109"> <a class="weak"> Texturgradient <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1099"> <a class="weak"> Vogelperspektive <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1101"> <a class="weak"> Zentralperspektive <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Abstraktionsgrad"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Abstraktionsgrad </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1021"> <a class="weak"> abstrakt <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Landschaftselemente"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Landschaftselemente </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="431"> <a class="weak"> Blumen <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="443"> <a class="weak"> Bucht <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="435"> <a class="weak"> Wolken <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Bildwirkung"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Bildwirkung </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1253"> <a class="weak"> Einsamkeit <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1251"> <a class="weak"> Erhabenheit <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1425"> <a class="weak"> clean <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1401"> <a class="weak"> dramatisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1403"> <a class="weak"> düster <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1313"> <a class="weak"> fantastisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1165"> <a class="weak"> friedlich <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1161"> <a class="weak"> idyllisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1205"> <a class="weak"> kühl <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1399"> <a class="weak"> künstlich <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1209"> <a class="weak"> modern <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1361"> <a class="weak"> naturnah <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1335"> <a class="weak"> ruhig <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1287"> <a class="weak"> technisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1371"> <a class="weak"> technologisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1289"> <a class="weak"> unfreundlich <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1311"> <a class="weak"> utopisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1393"> <a class="weak"> verspielt <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="genre"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Genre </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="447"> <a class="weak"> Landschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="style"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Stil- und Kunstrichtungen </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1995"> <a class="weak"> Futurismus <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="655"> <a class="weak"> Konzeptkunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1839"> <a class="weak"> Subjektive Fotografie <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="epoch"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Epoche </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="667"> <a class="weak"> 20. Jahrhundert <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="media_content" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> Werk <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="keywords"> <a class="ui-accordion-toggle weak open"> <i class="ui-side-filter-lvl2-marker"></i> Schlagworte zu Inhalt und Motiv </a> <ul class="ui-side-filter-lvl3 ui-accordion-body open"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="76"> <a class="weak"> Fotografie <span class="ui-lvl3-item-count resources_count">20</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="405"> <a class="weak"> Diplomarbeit <span class="ui-lvl3-item-count resources_count">18</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4608"> <a class="weak"> Freizeit <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="2665"> <a class="weak"> Inszenierung <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="447"> <a class="weak"> Landschaft <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4607"> <a class="weak"> Mode <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1353"> <a class="weak"> Natur <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4606"> <a class="weak"> Outdoor <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4604"> <a class="weak"> Sport <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4605"> <a class="weak"> Sportbekleidung <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4599"> <a class="weak"> Beobachtung <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4600"> <a class="weak"> Bild-Text <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4603"> <a class="weak"> Bildserie <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4598"> <a class="weak"> Hefte <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4601"> <a class="weak"> Konsumkultur <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="655"> <a class="weak"> Konzeptkunst <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4602"> <a class="weak"> Persiflage <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="35"> <a class="weak"> Stadt <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="2411"> <a class="weak"> Zürich <span class="ui-lvl3-item-count resources_count">6</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="type"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Gattung </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="76"> <a class="weak"> Fotografie <span class="ui-lvl3-item-count resources_count">17</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="79"> <a class="weak"> Kunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="media_object" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> Medium <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="portrayed object materials"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Material/Format </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="2197"> <a class="weak"> Original: Kleinbilddia Farbe; Digitalisat: TIFF <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="Columns" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> Säulenordnungen <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="genre"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Genre </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="447"> <a class="weak"> Landschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="style"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Stil- und Kunstrichtungen </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1995"> <a class="weak"> Futurismus <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="655"> <a class="weak"> Konzeptkunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1839"> <a class="weak"> Subjektive Fotografie <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="epoch"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Epoche </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="667"> <a class="weak"> 20. Jahrhundert <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="zhdk_bereich" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> ZHdK <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="project type"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> ZHdK-Projekttyp </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="85"> <a class="weak"> Abschlussarbeit <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="academic year"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Studienabschnitt </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="341"> <a class="weak"> Hauptstudium Diplom <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="VFO" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> Lehrmittel Fotografie <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="genre"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Genre </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="447"> <a class="weak"> Landschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="style"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Stil- und Kunstrichtungen </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1995"> <a class="weak"> Futurismus <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="655"> <a class="weak"> Konzeptkunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1839"> <a class="weak"> Subjektive Fotografie <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="epoch"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Epoche </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="667"> <a class="weak"> 20. Jahrhundert <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li></ul>
</div>
</div>
</div>
<!-- ################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################ -->
<div class="align-left bg-light sg-canvas">
<div style="">
<div class="filter-panel ui-side-filter" id="ui-side-filter">
<div class="ui-side-filter-filterset">
<div class="col4of5">
<a class="button ui-filterset-new">
<i class="icon-plus"></i>
Save as Filterset
</a>
</div>
<div class="col1of5">
<a class="button ui-filterset-reset">
<i class="icon-undo"></i>
</a>
</div>
</div>
<div class="ui-side-filter-search filter-search" id="ui-side-filter-search">
<form id="filter_search_form">
<input class="block ui-filter-search-input" id="search_term" name="search" placeholder="Eingrenzen mit Suchwort" type="text">
</form>
</div>
<ul class="top-filter-list ui-side-filter-list"><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="media_resources" data-filter-type="media_resources"> <a class="strong ui-accordion-toggle open"> Inhalte <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body open"> <li class="ui-side-filter-lvl2-item" data-key-name="type"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Typ </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="MediaEntry"> <a class="weak"> Medieneinträge <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="media_files" data-filter-type="media_files"> <a class="strong ui-accordion-toggle open"> Datei <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body open"> <li class="ui-side-filter-lvl2-item" data-key-name="media_type"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Medientyp </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="image"> <a class="weak"> image <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> </li> <li class="ui-side-filter-lvl2-item" data-key-name="extension"> <a class="ui-accordion-toggle weak open"> <i class="ui-side-filter-lvl2-marker"></i> Dokumenttyp </a> <ul class="ui-side-filter-lvl3 ui-accordion-body open"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="tif"> <a class="weak"> tif <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="permissions" data-filter-type="permissions"> <a class="strong ui-accordion-toggle"> Berechtigung <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="owner"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Verantwortliche Person </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="7"> <a class="weak"> Knacknuss, Karen <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> </li> <li class="ui-side-filter-lvl2-item" data-key-name="scope"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Zugriff </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="public"> <a class="weak"> Öffentliche Inhalte <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="Landschaftsvisualisierung" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> Landschaftsvisualisierung <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Landschaftstyp"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Landschaftstyp </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1065"> <a class="weak"> Erholungszone <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1087"> <a class="weak"> Naturlandschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1089"> <a class="weak"> Parklandschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1093"> <a class="weak"> Stadtlandschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1095"> <a class="weak"> Tourismusgebiet <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Verwendungszweck"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Verwendungszweck </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1067"> <a class="weak"> Architekturbild <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1017"> <a class="weak"> Ausstellung <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1071"> <a class="weak"> Computerspiel <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1069"> <a class="weak"> Illustration <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="79"> <a class="weak"> Kunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1115"> <a class="weak"> Wettbewerb <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Bildzeit"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Bildzeit </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1033"> <a class="weak"> Frühling <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1037"> <a class="weak"> Herbst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1047"> <a class="weak"> Mittag <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1053"> <a class="weak"> Nacht <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1035"> <a class="weak"> Sommer <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1039"> <a class="weak"> Winter <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Wetter/Klima"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Wetter/Klima </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1119"> <a class="weak"> Bewölkung/wolkig <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1125"> <a class="weak"> Morgenrot <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1127"> <a class="weak"> Nebel <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1131"> <a class="weak"> Schnee <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1139"> <a class="weak"> Wind <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Farbe"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Farbe </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1241"> <a class="weak"> Blautöne <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1231"> <a class="weak"> Gelb <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1267"> <a class="weak"> Gelbtöne <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1255"> <a class="weak"> Grüntöne <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1245"> <a class="weak"> Oker <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1213"> <a class="weak"> hellblau <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1211"> <a class="weak"> weiss <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Horizontlinie"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Horizontlinie </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1061"> <a class="weak"> unten <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Ra?umliche Wahrnehmung"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Räumliche Wahrnehmung </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1103"> <a class="weak"> Froschperspektive <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1109"> <a class="weak"> Texturgradient <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1099"> <a class="weak"> Vogelperspektive <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1101"> <a class="weak"> Zentralperspektive <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Abstraktionsgrad"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Abstraktionsgrad </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1021"> <a class="weak"> abstrakt <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Landschaftselemente"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Landschaftselemente </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="431"> <a class="weak"> Blumen <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="443"> <a class="weak"> Bucht <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="435"> <a class="weak"> Wolken <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Bildwirkung"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Bildwirkung </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1253"> <a class="weak"> Einsamkeit <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1251"> <a class="weak"> Erhabenheit <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1425"> <a class="weak"> clean <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1401"> <a class="weak"> dramatisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1403"> <a class="weak"> düster <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1313"> <a class="weak"> fantastisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1165"> <a class="weak"> friedlich <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1161"> <a class="weak"> idyllisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1205"> <a class="weak"> kühl <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1399"> <a class="weak"> künstlich <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1209"> <a class="weak"> modern <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1361"> <a class="weak"> naturnah <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1335"> <a class="weak"> ruhig <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1287"> <a class="weak"> technisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1371"> <a class="weak"> technologisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1289"> <a class="weak"> unfreundlich <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1311"> <a class="weak"> utopisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1393"> <a class="weak"> verspielt <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="genre"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Genre </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="447"> <a class="weak"> Landschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="style"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Stil- und Kunstrichtungen </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1995"> <a class="weak"> Futurismus <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="655"> <a class="weak"> Konzeptkunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1839"> <a class="weak"> Subjektive Fotografie <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="epoch"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Epoche </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="667"> <a class="weak"> 20. Jahrhundert <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="media_content" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> Werk <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="keywords"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Schlagworte zu Inhalt und Motiv </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="405"> <a class="weak"> Diplomarbeit <span class="ui-lvl3-item-count resources_count">18</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="76"> <a class="weak"> Fotografie <span class="ui-lvl3-item-count resources_count">18</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4608"> <a class="weak"> Freizeit <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="2665"> <a class="weak"> Inszenierung <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="447"> <a class="weak"> Landschaft <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4607"> <a class="weak"> Mode <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1353"> <a class="weak"> Natur <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4606"> <a class="weak"> Outdoor <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4604"> <a class="weak"> Sport <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4605"> <a class="weak"> Sportbekleidung <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4599"> <a class="weak"> Beobachtung <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4600"> <a class="weak"> Bild-Text <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4603"> <a class="weak"> Bildserie <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4598"> <a class="weak"> Hefte <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4601"> <a class="weak"> Konsumkultur <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="655"> <a class="weak"> Konzeptkunst <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4602"> <a class="weak"> Persiflage <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="35"> <a class="weak"> Stadt <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="2411"> <a class="weak"> Zürich <span class="ui-lvl3-item-count resources_count">6</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="type"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Gattung </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="76"> <a class="weak"> Fotografie <span class="ui-lvl3-item-count resources_count">17</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="79"> <a class="weak"> Kunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item has-active" data-context-id="media_object" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle open"> Medium <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body open"> <li class="ui-side-filter-lvl2-item has-active" data-key-name="portrayed object materials"> <a class="ui-accordion-toggle weak open"> <i class="ui-side-filter-lvl2-marker"></i> Material/Format </a> <ul class="ui-side-filter-lvl3 ui-accordion-body open"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="2197"> <a class="weak"> Original: Kleinbilddia Farbe; Digitalisat: TIFF <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox" checked="checked"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="Columns" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> Säulenordnungen <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="genre"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Genre </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="447"> <a class="weak"> Landschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="style"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Stil- und Kunstrichtungen </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1995"> <a class="weak"> Futurismus <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="655"> <a class="weak"> Konzeptkunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1839"> <a class="weak"> Subjektive Fotografie <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="epoch"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Epoche </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="667"> <a class="weak"> 20. Jahrhundert <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="zhdk_bereich" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> ZHdK <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="project type"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> ZHdK-Projekttyp </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="85"> <a class="weak"> Abschlussarbeit <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="academic year"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Studienabschnitt </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="341"> <a class="weak"> Hauptstudium Diplom <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="VFO" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> Lehrmittel Fotografie <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="genre"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Genre </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="447"> <a class="weak"> Landschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="style"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Stil- und Kunstrichtungen </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1995"> <a class="weak"> Futurismus <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="655"> <a class="weak"> Konzeptkunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1839"> <a class="weak"> Subjektive Fotografie <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="epoch"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Epoche </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="667"> <a class="weak"> 20. Jahrhundert <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li></ul>
</div>
</div>
</div>
<!-- ################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################ -->
<div class="align-left bg-light sg-canvas">
<div style="">
<div class="filter-panel ui-side-filter" id="ui-side-filter">
<div class="ui-side-filter-filterset">
<div class="col4of5">
<a class="button ui-filterset-new">
<i class="icon-checkmark"></i>
Update this filterset
</a>
</div>
<div class="col1of5">
<a class="button ui-filterset-reset">
<i class="icon-undo"></i>
</a>
</div>
</div>
<div class="ui-side-filter-search filter-search" id="ui-side-filter-search">
<form id="filter_search_form">
<input class="block ui-filter-search-input" id="search_term" name="search" placeholder="Eingrenzen mit Suchwort" type="text">
</form>
</div>
<ul class="top-filter-list ui-side-filter-list"><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="media_resources" data-filter-type="media_resources"> <a class="strong ui-accordion-toggle open"> Inhalte <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body open"> <li class="ui-side-filter-lvl2-item" data-key-name="type"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Typ </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="MediaEntry"> <a class="weak"> Medieneinträge <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="media_files" data-filter-type="media_files"> <a class="strong ui-accordion-toggle open"> Datei <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body open"> <li class="ui-side-filter-lvl2-item" data-key-name="media_type"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Medientyp </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="image"> <a class="weak"> image <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> </li> <li class="ui-side-filter-lvl2-item" data-key-name="extension"> <a class="ui-accordion-toggle weak open"> <i class="ui-side-filter-lvl2-marker"></i> Dokumenttyp </a> <ul class="ui-side-filter-lvl3 ui-accordion-body open"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="tif"> <a class="weak"> tif <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="permissions" data-filter-type="permissions"> <a class="strong ui-accordion-toggle"> Berechtigung <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="owner"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Verantwortliche Person </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="7"> <a class="weak"> Knacknuss, Karen <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> </li> <li class="ui-side-filter-lvl2-item" data-key-name="scope"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Zugriff </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="public"> <a class="weak"> Öffentliche Inhalte <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="Landschaftsvisualisierung" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> Landschaftsvisualisierung <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Landschaftstyp"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Landschaftstyp </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1065"> <a class="weak"> Erholungszone <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1087"> <a class="weak"> Naturlandschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1089"> <a class="weak"> Parklandschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1093"> <a class="weak"> Stadtlandschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1095"> <a class="weak"> Tourismusgebiet <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Verwendungszweck"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Verwendungszweck </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1067"> <a class="weak"> Architekturbild <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1017"> <a class="weak"> Ausstellung <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1071"> <a class="weak"> Computerspiel <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1069"> <a class="weak"> Illustration <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="79"> <a class="weak"> Kunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1115"> <a class="weak"> Wettbewerb <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Bildzeit"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Bildzeit </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1033"> <a class="weak"> Frühling <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1037"> <a class="weak"> Herbst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1047"> <a class="weak"> Mittag <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1053"> <a class="weak"> Nacht <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1035"> <a class="weak"> Sommer <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1039"> <a class="weak"> Winter <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Wetter/Klima"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Wetter/Klima </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1119"> <a class="weak"> Bewölkung/wolkig <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1125"> <a class="weak"> Morgenrot <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1127"> <a class="weak"> Nebel <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1131"> <a class="weak"> Schnee <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1139"> <a class="weak"> Wind <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Farbe"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Farbe </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1241"> <a class="weak"> Blautöne <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1231"> <a class="weak"> Gelb <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1267"> <a class="weak"> Gelbtöne <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1255"> <a class="weak"> Grüntöne <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1245"> <a class="weak"> Oker <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1213"> <a class="weak"> hellblau <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1211"> <a class="weak"> weiss <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Horizontlinie"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Horizontlinie </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1061"> <a class="weak"> unten <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Ra?umliche Wahrnehmung"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Räumliche Wahrnehmung </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1103"> <a class="weak"> Froschperspektive <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1109"> <a class="weak"> Texturgradient <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1099"> <a class="weak"> Vogelperspektive <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1101"> <a class="weak"> Zentralperspektive <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Abstraktionsgrad"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Abstraktionsgrad </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1021"> <a class="weak"> abstrakt <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Landschaftselemente"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Landschaftselemente </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="431"> <a class="weak"> Blumen <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="443"> <a class="weak"> Bucht <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="435"> <a class="weak"> Wolken <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Bildwirkung"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Bildwirkung </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1253"> <a class="weak"> Einsamkeit <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1251"> <a class="weak"> Erhabenheit <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1425"> <a class="weak"> clean <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1401"> <a class="weak"> dramatisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1403"> <a class="weak"> düster <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1313"> <a class="weak"> fantastisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1165"> <a class="weak"> friedlich <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1161"> <a class="weak"> idyllisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1205"> <a class="weak"> kühl <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1399"> <a class="weak"> künstlich <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1209"> <a class="weak"> modern <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1361"> <a class="weak"> naturnah <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1335"> <a class="weak"> ruhig <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1287"> <a class="weak"> technisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1371"> <a class="weak"> technologisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1289"> <a class="weak"> unfreundlich <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1311"> <a class="weak"> utopisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1393"> <a class="weak"> verspielt <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="genre"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Genre </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="447"> <a class="weak"> Landschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="style"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Stil- und Kunstrichtungen </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1995"> <a class="weak"> Futurismus <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="655"> <a class="weak"> Konzeptkunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1839"> <a class="weak"> Subjektive Fotografie <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="epoch"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Epoche </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="667"> <a class="weak"> 20. Jahrhundert <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="media_content" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> Werk <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="keywords"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Schlagworte zu Inhalt und Motiv </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="405"> <a class="weak"> Diplomarbeit <span class="ui-lvl3-item-count resources_count">18</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="76"> <a class="weak"> Fotografie <span class="ui-lvl3-item-count resources_count">18</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4608"> <a class="weak"> Freizeit <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="2665"> <a class="weak"> Inszenierung <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="447"> <a class="weak"> Landschaft <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4607"> <a class="weak"> Mode <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1353"> <a class="weak"> Natur <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4606"> <a class="weak"> Outdoor <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4604"> <a class="weak"> Sport <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4605"> <a class="weak"> Sportbekleidung <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4599"> <a class="weak"> Beobachtung <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4600"> <a class="weak"> Bild-Text <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4603"> <a class="weak"> Bildserie <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4598"> <a class="weak"> Hefte <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4601"> <a class="weak"> Konsumkultur <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="655"> <a class="weak"> Konzeptkunst <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4602"> <a class="weak"> Persiflage <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="35"> <a class="weak"> Stadt <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="2411"> <a class="weak"> Zürich <span class="ui-lvl3-item-count resources_count">6</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="type"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Gattung </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="76"> <a class="weak"> Fotografie <span class="ui-lvl3-item-count resources_count">17</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="79"> <a class="weak"> Kunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item has-active" data-context-id="media_object" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle open"> Medium <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body open"> <li class="ui-side-filter-lvl2-item has-active" data-key-name="portrayed object materials"> <a class="ui-accordion-toggle weak open"> <i class="ui-side-filter-lvl2-marker"></i> Material/Format </a> <ul class="ui-side-filter-lvl3 ui-accordion-body open"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="2197"> <a class="weak"> Original: Kleinbilddia Farbe; Digitalisat: TIFF <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox" checked="checked"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="Columns" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> Säulenordnungen <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="genre"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Genre </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="447"> <a class="weak"> Landschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="style"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Stil- und Kunstrichtungen </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1995"> <a class="weak"> Futurismus <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="655"> <a class="weak"> Konzeptkunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1839"> <a class="weak"> Subjektive Fotografie <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="epoch"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Epoche </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="667"> <a class="weak"> 20. Jahrhundert <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="zhdk_bereich" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> ZHdK <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="project type"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> ZHdK-Projekttyp </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="85"> <a class="weak"> Abschlussarbeit <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="academic year"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Studienabschnitt </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="341"> <a class="weak"> Hauptstudium Diplom <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="VFO" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> Lehrmittel Fotografie <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="genre"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Genre </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="447"> <a class="weak"> Landschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="style"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Stil- und Kunstrichtungen </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1995"> <a class="weak"> Futurismus <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="655"> <a class="weak"> Konzeptkunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1839"> <a class="weak"> Subjektive Fotografie <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="epoch"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Epoche </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="667"> <a class="weak"> 20. Jahrhundert <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li></ul>
</div>
</div>
</div>
<!-- ################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################ -->
<div class="align-left bg-light sg-canvas">
<div style="">
<div class="filter-panel ui-side-filter" id="ui-side-filter">
<div class="ui-side-filter-filterset">
<a class="button ui-filterset-new">
<i class="icon-plus"></i>
Save as a new filterset
</a>
</div>
<div class="ui-side-filter-search filter-search" id="ui-side-filter-search">
<form id="filter_search_form">
<input class="block ui-filter-search-input" id="search_term" name="search" placeholder="Eingrenzen mit Suchwort" type="text">
</form>
</div>
<ul class="top-filter-list ui-side-filter-list"><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="media_resources" data-filter-type="media_resources"> <a class="strong ui-accordion-toggle open"> Inhalte <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body open"> <li class="ui-side-filter-lvl2-item" data-key-name="type"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Typ </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="MediaEntry"> <a class="weak"> Medieneinträge <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="media_files" data-filter-type="media_files"> <a class="strong ui-accordion-toggle open"> Datei <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body open"> <li class="ui-side-filter-lvl2-item" data-key-name="media_type"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Medientyp </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="image"> <a class="weak"> image <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> </li> <li class="ui-side-filter-lvl2-item" data-key-name="extension"> <a class="ui-accordion-toggle weak open"> <i class="ui-side-filter-lvl2-marker"></i> Dokumenttyp </a> <ul class="ui-side-filter-lvl3 ui-accordion-body open"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="tif"> <a class="weak"> tif <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="permissions" data-filter-type="permissions"> <a class="strong ui-accordion-toggle"> Berechtigung <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="owner"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Verantwortliche Person </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="7"> <a class="weak"> Knacknuss, Karen <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> </li> <li class="ui-side-filter-lvl2-item" data-key-name="scope"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Zugriff </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="public"> <a class="weak"> Öffentliche Inhalte <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="Landschaftsvisualisierung" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> Landschaftsvisualisierung <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Landschaftstyp"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Landschaftstyp </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1065"> <a class="weak"> Erholungszone <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1087"> <a class="weak"> Naturlandschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1089"> <a class="weak"> Parklandschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1093"> <a class="weak"> Stadtlandschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1095"> <a class="weak"> Tourismusgebiet <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Verwendungszweck"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Verwendungszweck </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1067"> <a class="weak"> Architekturbild <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1017"> <a class="weak"> Ausstellung <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1071"> <a class="weak"> Computerspiel <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1069"> <a class="weak"> Illustration <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="79"> <a class="weak"> Kunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1115"> <a class="weak"> Wettbewerb <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Bildzeit"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Bildzeit </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1033"> <a class="weak"> Frühling <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1037"> <a class="weak"> Herbst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1047"> <a class="weak"> Mittag <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1053"> <a class="weak"> Nacht <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1035"> <a class="weak"> Sommer <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1039"> <a class="weak"> Winter <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Wetter/Klima"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Wetter/Klima </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1119"> <a class="weak"> Bewölkung/wolkig <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1125"> <a class="weak"> Morgenrot <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1127"> <a class="weak"> Nebel <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1131"> <a class="weak"> Schnee <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1139"> <a class="weak"> Wind <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Farbe"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Farbe </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1241"> <a class="weak"> Blautöne <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1231"> <a class="weak"> Gelb <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1267"> <a class="weak"> Gelbtöne <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1255"> <a class="weak"> Grüntöne <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1245"> <a class="weak"> Oker <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1213"> <a class="weak"> hellblau <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1211"> <a class="weak"> weiss <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Horizontlinie"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Horizontlinie </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1061"> <a class="weak"> unten <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Ra?umliche Wahrnehmung"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Räumliche Wahrnehmung </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1103"> <a class="weak"> Froschperspektive <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1109"> <a class="weak"> Texturgradient <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1099"> <a class="weak"> Vogelperspektive <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1101"> <a class="weak"> Zentralperspektive <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Abstraktionsgrad"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Abstraktionsgrad </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1021"> <a class="weak"> abstrakt <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Landschaftselemente"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Landschaftselemente </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="431"> <a class="weak"> Blumen <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="443"> <a class="weak"> Bucht <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="435"> <a class="weak"> Wolken <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="LV_Bildwirkung"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Bildwirkung </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1253"> <a class="weak"> Einsamkeit <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1251"> <a class="weak"> Erhabenheit <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1425"> <a class="weak"> clean <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1401"> <a class="weak"> dramatisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1403"> <a class="weak"> düster <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1313"> <a class="weak"> fantastisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1165"> <a class="weak"> friedlich <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1161"> <a class="weak"> idyllisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1205"> <a class="weak"> kühl <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1399"> <a class="weak"> künstlich <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1209"> <a class="weak"> modern <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1361"> <a class="weak"> naturnah <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1335"> <a class="weak"> ruhig <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1287"> <a class="weak"> technisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1371"> <a class="weak"> technologisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1289"> <a class="weak"> unfreundlich <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1311"> <a class="weak"> utopisch <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1393"> <a class="weak"> verspielt <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="genre"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Genre </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="447"> <a class="weak"> Landschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="style"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Stil- und Kunstrichtungen </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1995"> <a class="weak"> Futurismus <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="655"> <a class="weak"> Konzeptkunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1839"> <a class="weak"> Subjektive Fotografie <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="epoch"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Epoche </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="667"> <a class="weak"> 20. Jahrhundert <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="media_content" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> Werk <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="keywords"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Schlagworte zu Inhalt und Motiv </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="405"> <a class="weak"> Diplomarbeit <span class="ui-lvl3-item-count resources_count">18</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="76"> <a class="weak"> Fotografie <span class="ui-lvl3-item-count resources_count">18</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4608"> <a class="weak"> Freizeit <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="2665"> <a class="weak"> Inszenierung <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="447"> <a class="weak"> Landschaft <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4607"> <a class="weak"> Mode <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1353"> <a class="weak"> Natur <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4606"> <a class="weak"> Outdoor <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4604"> <a class="weak"> Sport <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4605"> <a class="weak"> Sportbekleidung <span class="ui-lvl3-item-count resources_count">12</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4599"> <a class="weak"> Beobachtung <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4600"> <a class="weak"> Bild-Text <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4603"> <a class="weak"> Bildserie <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4598"> <a class="weak"> Hefte <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4601"> <a class="weak"> Konsumkultur <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="655"> <a class="weak"> Konzeptkunst <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="4602"> <a class="weak"> Persiflage <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="35"> <a class="weak"> Stadt <span class="ui-lvl3-item-count resources_count">6</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="2411"> <a class="weak"> Zürich <span class="ui-lvl3-item-count resources_count">6</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="type"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Gattung </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="76"> <a class="weak"> Fotografie <span class="ui-lvl3-item-count resources_count">17</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="79"> <a class="weak"> Kunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item has-active" data-context-id="media_object" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle open"> Medium <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body open"> <li class="ui-side-filter-lvl2-item has-active" data-key-name="portrayed object materials"> <a class="ui-accordion-toggle weak open"> <i class="ui-side-filter-lvl2-marker"></i> Material/Format </a> <ul class="ui-side-filter-lvl3 ui-accordion-body open"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="2197"> <a class="weak"> Original: Kleinbilddia Farbe; Digitalisat: TIFF <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox" checked="checked"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="Columns" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> Säulenordnungen <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="genre"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Genre </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="447"> <a class="weak"> Landschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="style"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Stil- und Kunstrichtungen </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1995"> <a class="weak"> Futurismus <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="655"> <a class="weak"> Konzeptkunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1839"> <a class="weak"> Subjektive Fotografie <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="epoch"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Epoche </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="667"> <a class="weak"> 20. Jahrhundert <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="zhdk_bereich" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> ZHdK <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="project type"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> ZHdK-Projekttyp </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="85"> <a class="weak"> Abschlussarbeit <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="academic year"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Studienabschnitt </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="341"> <a class="weak"> Hauptstudium Diplom <span class="ui-lvl3-item-count resources_count">18</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li><li class="ui-side-filter-lvl1-item ui-side-filter-item" data-context-id="VFO" data-filter-type="meta_data"> <a class="strong ui-accordion-toggle"> Lehrmittel Fotografie <i class="ui-side-filter-lvl1-marker"></i> </a> <ul class="ui-side-filter-lvl2 ui-accordion-body"> <li class="ui-side-filter-lvl2-item" data-key-name="genre"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Genre </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="447"> <a class="weak"> Landschaft <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="style"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Stil- und Kunstrichtungen </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="1995"> <a class="weak"> Futurismus <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="655"> <a class="weak"> Konzeptkunst <span class="ui-lvl3-item-count resources_count">1</span> </a> </li><li class="ui-side-filter-lvl3-item resources_filter " data-value="1839"> <a class="weak"> Subjektive Fotografie <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> <li class="ui-side-filter-lvl2-item" data-key-name="epoch"> <a class="ui-accordion-toggle weak"> <i class="ui-side-filter-lvl2-marker"></i> Epoche </a> <ul class="ui-side-filter-lvl3 ui-accordion-body"> <li class="ui-side-filter-lvl3-item resources_filter " data-value="667"> <a class="weak"> 20. Jahrhundert <span class="ui-lvl3-item-count resources_count">1</span> </a> </li> </ul> <label class="ui-any-value" title="Jegliche Werte"> <input class="any-value hidden" type="checkbox"> <i class="icon-checkbox"></i> </label> </li> </ul> </li></ul>
</div>
</div>
</div>
<!-- ################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################
################ ################ ################ -->
</div>
</section>
</section>