<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>GIF &#8211; Lette Verein Berlin</title>
	<atom:link href="https://www.letteverein.berlin/tag/gif/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.letteverein.berlin</link>
	<description></description>
	<lastBuildDate>Mon, 16 Aug 2021 08:22:09 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.letteverein.berlin/wp-content/uploads/2016/11/cropped-logo_lette-1-100x100.jpg</url>
	<title>GIF &#8211; Lette Verein Berlin</title>
	<link>https://www.letteverein.berlin</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Unterrichtsprojekt: Der Lette Verein hat jetzt eigene GIFs</title>
		<link>https://www.letteverein.berlin/2021/06/11/unterrichtsprojekt-der-lette-verein-hat-jetzt-eigene-gifs/</link>
		
		<dc:creator><![CDATA[redaktion]]></dc:creator>
		<pubDate>Fri, 11 Jun 2021 12:52:29 +0000</pubDate>
				<category><![CDATA[ALLGEMEIN]]></category>
		<category><![CDATA[GRAFIK]]></category>
		<category><![CDATA[#lette4me]]></category>
		<category><![CDATA[#proudtobelette]]></category>
		<category><![CDATA[Ausbildung]]></category>
		<category><![CDATA[Berufsausbildung]]></category>
		<category><![CDATA[GIF]]></category>
		<category><![CDATA[Grafikdesign]]></category>
		<guid isPermaLink="false">https://www.letteverein.berlin/?p=13476</guid>

					<description><![CDATA[Schülerinnen und Schüler im zweiten Ausbildungsjahr Grafikdesign haben jetzt für den Lette Verein Berlin eigene GIFs produziert. Sie werden ab sofort im Rahmen der Öffentlichkeitsarbeit hauptsächlich auf Instagram und TIK TOK genutzt. Sie können außerdem in den Apps und auf Giphy.com über die Suche mit dem vollständig ausgeschriebenen Begriff @lettevereinberlin gefunden und von allen Menschen&#46;&#46;&#46;]]></description>
										<content:encoded><![CDATA[<p><img fetchpriority="high" decoding="async" class="size-full wp-image-13477 alignleft" src="https://www.letteverein.berlin/wp-content/uploads/2021/06/7LetteVerein_The-Place-to-Bee.gif" alt="" width="720" height="720" />Schülerinnen und Schüler im zweiten Ausbildungsjahr <a href="https://www.letteverein.berlin/grafikdesign/stellenanzeige_grafik_bewerbung/">Grafikdesign</a> haben jetzt für den Lette Verein Berlin eigene GIFs produziert. Sie werden ab sofort im Rahmen der Öffentlichkeitsarbeit hauptsächlich auf <a href="https://www.instagram.com/lettevereinberlin/">Instagram</a> und TIK TOK genutzt. Sie können außerdem in den Apps und auf Giphy.com über die Suche mit dem vollständig ausgeschriebenen Begriff @lettevereinberlin gefunden und von allen Menschen weltweit genutzt werden.</p>
<h3>GIF = Graphic Interchange Format | Grafikaustausch-Format</h3>
<p>Das Gestalten von GIFs ist ein Teil der dreijährigen Ausbildung Grafikdesign im Lette Verein Berlin.  Dabei ist es wichtig, zu lernen, was für ein gelungenes GIF notwendig ist. Dieses Grafikformat für Bilder mit einer bestimmten Farbpalette macht eine verlustfreie Kompression möglich. Es können mehrere Einzelbilder in einer einzigen Datei abgespeichert und dann als Animationen von Webbrowsern und Apps interpretiert werden.</p>
<h3>Hier eine Auswahl:</h3>
<style>
/*===== general options =========*/
a {
    box-shadow: none !important;
}

.view *:not(i), .album_categories *, .album_back_button *, #album_disabled_layer {
    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
}

#album_disabled_layer {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: transparent;
    z-index: 10;
    padding-top: 20px;
    color: #fff;
}

#album_list_container {
    position: relative;
}

/* ====================== album onhover styles ==========================*/

#album_list .view {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: none;

}

.view .mask,
.view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    font-family: Raleway, serif;
    padding: 10px;
    /*background: rgba(0, 0, 0, 0.8);*/
    margin: 20px 0 0 0;

}

.album_back_button a, .view a {
    text-decoration: none !important;
}

.view p {
    font-family: Merriweather, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 0px 20px 0px;
    text-align: center;

}

.view a.info {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    padding: 2px 14px;
    margin-bottom: 3px;
    background: #000;
    color: #fff;
    font-family: Raleway, serif;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.mask-text h2 {
    font-size: 20px !important;
}

.view a.info:hover {
    box-shadow: 0 0 5px #000
}

.view .mask-bg {
    height: 100%;
}

.view .album_social {
    color: #fff;
    position: absolute;
    bottom: 3px;
    left: 3px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 5px;

}

.view .album_social:active, .view .album_social:focus, .view .album_social:hover {
    color: #ffffff;
    outline: none;
}

/*1*/

.view .info {
    margin-top: 5px;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease-in-out;

}

.view-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    font-family: Raleway, serif;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}

.view-first a.info {
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

/* */

.view-first:hover img {
    /*transform: scale(1.1);*/
}

.view-first:hover .mask {
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    transition-delay: 0.2s;
}

/*2*/
.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second .mask {
    background-color: rgba(226, 200, 127, 0.2);
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second h2 {
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-second p {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

.view-second:hover .mask {
    opacity: 1;
}

.view-second:hover h2,
.view-second:hover p,
.view-second:hover a.info {
    transform: scale(1);
    opacity: 1;
}

.view-second img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.view-second:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

/*3*/

.view-third img {
    transform: scaleY(1);
    transition: all .7s ease-in-out;
}

.view-third a.info {
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third:hover img {
    -webkit-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.view-third:hover .mask {
    opacity: 1;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info {
    transform: scale(1);
    opacity: 1;
}

/* ==== view 4 ===*/

.view-forth-wrapper {
    overflow: hidden;
    position: relative !important;
    height: 100%;
    /* cursor: pointer;*/
}

.view-forth img {
    max-width: 100%;
    position: relative;
    top: 0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.view-forth .mask {
    position: absolute;
    width: 100%;
    /*    height: 70px;*/
    /*    bottom: -70px;*/
    height: 50%;
    bottom: -50%;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    top: inherit;
}

.view-forth:hover .mask {
    bottom: 0;
}

.view-forth:hover img {
    top: -30px;
}

/*==  view 5 ==*/

.view-fifth .view-fifth-wrapper,
.view-fifth .view-fifth-wrapper img {
    display: block;
    position: relative;
}

.view-fifth .view-fifth-wrapper {
    overflow: hidden;
    height: 100%;
}

.view-fifth .view-fifth-wrapper .mask {
    display: none;
    position: absolute;
    background: #333;
    background: rgba(75, 75, 75, 0.7);
    width: 100%;
    height: 100%;
}

/* ====================== album category styles ==========================*/

#filters {
    margin: 1% 0;
    padding: 0;
    list-style: none;
    list-style-type: none !important;

}

#filters li {
    float: left;
    list-style-type: none !important;
}

#filters li:first-child span {
    margin-left: 0px;
}

#filters li span {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.album_categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding-top: 5px;
}

/*=========  sharing buttons  ============*/

.album_socials {
    position: relative;
    top: 3px;
    width: 100px;
    height: 28px;
    margin: 0 auto;
}

.album_socials .rwd-share-buttons {
    top: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}

.album_socials a {
    text-decoration: underline !important;
}

.gallery_images, .album_image_place {
    margin-top: 15px;
    margin-top: 15px;
}

#rwd-share-facebook:hover {
    background-position: 0 -31px !important;
}

#rwd-share-twitter:hover {
    background-position: -31px 32px !important;
}

#rwd-share-googleplus:hover {
    background-position: -66px -31px !important;
}

.rwd-share-buttons li, .rwd-share-buttons li a {
    width: 26px !important;
    border: 0px !important;
}

.rwd-share-buttons {
    top: 0 !important;
}

.img_link_btn {
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 8px;
}

.rwd-title {
    padding: 10px 0px !important;
}

@media only screen and (max-width: 475px) {
    .rwd-share-buttons {
        top: -25px !important;
    }

    .rwd-title-text {
        line-height: 15px;
    }
}

/*=========  hover style ===========*/

#hover {
    color: rgba(188, 175, 204, 0.9);
}

h2#testimonials {
    color: #fffae3;
}

div#all {
    width: 100%;
    height: 100%;
}

.view img {
    height: auto;
}

.view {
    color: #fff;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    float: left;
    cursor: default;
    border: 1px solid #ccc;
}

.view-wrapper {
    height: 100%;
}

.view img {
    display: block;
    position: relative;
    transition: all 0.2s linear;
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.mask-text h2 {
    font-size: 20px !important;
    margin-top: 20px !important;
}

/* view 1 */

.view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
    color: #fff;
}

/*  view 2 */
.view-second .text-category, .view-second .mask-text h2, .view-second p {
    color: #333;
}

.view-second .mask-text h2 {
    border-bottom: 1px solid #333;
}

/* view 3*/
.view-third .mask {
    background-color: #ccc;
    transition: all 0.5s linear;
    opacity: 0;
    color: #333;
}

.view-third h2 {
    border-bottom: 1px solid #333;
    background: transparent;
    margin: 20px 40px 0px 40px;
    transform: scale(0);
    color: #333;
    transition: all 0.5s linear;
    opacity: 0;
}

.view-third p {
    color: #333;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear;
}

.view-third .text-category {
    color: #333;
}

/* view 4 */

.view-forth .mask-bg {
    background: #333;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.view-forth .mask-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.view-forth .mask-text h2 {
    margin: 0px;
    font-size: 13px;
    padding: 2px;
    color: #fff;
}

.view-forth .mask-text h2:hover {
    cursor: pointer;
}

.view-forth .text-category {
    display: block;
    font-size: 15px;
    color: #fff;
}

.view-forth p {
    color: #fff;
}

/* view 5 */
.view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
    color: #fff;
}

</style>
    <input type="hidden" name="view_style" value="view-first">

    <section id="huge_it_gallery_content_207" class="gallery-img-content"
             data-gallery-id="207"
             data-content-per-page="5"
             data-rating-type="off">
        <div id="huge_it_gallery_container_207"
             data-show-center="off"
             class="huge_it_gallery_container super-list variable-sizes clearfix view-lightbox-gallery">
            <div id="huge_it_gallery_container_moving_207"
                 class="super-list variable-sizes clearfix">
                <input type="hidden" class="pagenum" value="1"/>
                                <input type="hidden" id="total" value="4"/>
                                    <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/GIF_Klatschen.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img0"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/GIF_Klatschen.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/LetteBerufsausbildung.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img1"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/LetteBerufsausbildung.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/ProudToBeLette.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img2"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/ProudToBeLette.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/SelinU╠enal22B_WilhelmAdolfLetteBu╠este.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img3"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/SelinU╠enal22B_WilhelmAdolfLetteBu╠este.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/giphy_Virginia.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img4"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/giphy_Virginia.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/LetteDesignAward_TabeaZudse_22B_210531.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img5"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/LetteDesignAward_TabeaZudse_22B_210531.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/Mappenstress_schwarze-Schrift.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img6"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/Mappenstress_schwarze-Schrift.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/MarieRuppin_LetteSticker_InfoTag_Final.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img7"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/MarieRuppin_LetteSticker_InfoTag_Final.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/Bravo.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img8"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/Bravo.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/Wow.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img9"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/Wow.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/S_ulen.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img10"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/S_ulen.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/Springbrunnen.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img11"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/Springbrunnen.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/Ubahn.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img12"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/Ubahn.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/1LetteVerein_Chemie_Biologie.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img13"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/1LetteVerein_Chemie_Biologie.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/2LetteVerein_Erna╠ehrungUndVersorgung.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img14"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/2LetteVerein_Erna╠ehrungUndVersorgung.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/3LetteVerein_Erna╠ehrungUndVersorgung_2.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img15"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/3LetteVerein_Erna╠ehrungUndVersorgung_2.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/4LetteVerein_Erna╠ehrungUndVersorgung_Mensa.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img16"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/4LetteVerein_Erna╠ehrungUndVersorgung_Mensa.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/5Letteverein_MTLA_1.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img17"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/5Letteverein_MTLA_1.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/6LetteVerein_MTLA_2.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img18"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/6LetteVerein_MTLA_2.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_207" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2021/06/Grafik_Luise.gif"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img19"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2021/06/Grafik_Luise.gif"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                </div>
            <div class="clear"></div>
        </div>
        

    </section>

<style>
.gallery-img-content .clear {
    clear: both;
}
.gallery-img-content a{
    border-bottom: none;
}
.element_207 {
    max-width:275px;
    margin:0 2px 10px 0;
    border:0px solid #eeeeee;
    border-radius:3px;
    outline:none;
    overflow:hidden;
}
.element_207 .image-block_207 {
    position:relative;
    width: 100%;
	width:275px;
    max-width:275px;
}
.element_207 .image-block_207 a {display:block;}
.element_207 .image-block_207 img {
    width: 100%;
    max-width:275px !important;
    height:auto;
    display:block;
    border-radius: 0 !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
.element_207 .image-block_207 img:hover {
    cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}
.element_207 .image-block_207 .play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.element_207:hover .title-block_207 {bottom:0;}
.element_207 .title-block_207 a, .element_207 .title-block_207 a:link, .element_207 .title-block_207 a:visited, .element_207 .title-block_207 {
    position:relative;
    margin:0;
    padding:0 1% 0 2%;
    width:97%;
    text-decoration:none !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space:nowrap;
    z-index:20;
    font-size: 16px;
    color:#0074A2;
    font-weight:normal;
}
.element_207 .image-block_207  .play-icon.youtube-icon {background:url(https://www.letteverein.berlin/wp-content/plugins/gallery-images/assets/images../admin_images/play.youtube.png) center center no-repeat;}
.element_207 .image-block_207  .play-icon.vimeo-icon {background:url(https://www.letteverein.berlin/wp-content/plugins/gallery-images/assets/images../admin_images/play.vimeo.png) center center no-repeat;}
.element_207 .title-block_207 {
    position:absolute;
    left:0;
    width:100%;
    padding-top:5px;
    height: 36px;
    bottom:-41px;
    background: rgba(0,0,0,0.8)  !important;
    -webkit-transition: bottom 0.3s ease-out 0.1s;
    -moz-transition: bottom 0.3s ease-out 0.1s;
    -o-transition: bottom 0.3s ease-out 0.1s;
    transition: bottom 0.3s ease-out 0.1s;
}
.element_207 .title-block_207 a:hover, .element_207 .title-block_207 a:focus, .element_207 .title-block_207 a:active {
    color:#2EA2CD;
    text-decoration:none;
}
.load_more4 {
    margin: 10px 0;
    position:relative;
    text-align:center;
    width:100%;
}
.load_more_button4 {
    border-radius: 10px;
    display:inline-block;
    padding:5px 15px;
    font-size:16px !important;;
    color:#FF0D0D !important;;
    background:#5CADFF !important;
    cursor:pointer;
}
.load_more_button4:hover{
    color:#FF4040 !important;
    background:#99C5FF !important;
}
.loading4 {
    display:none;
}
.paginate4{
    font-size:19px !important;
    color:#FF2C2C !important;
    text-align: center;
    margin-top: 25px;
}
.paginate4 a{
    border-bottom: none !important;
}
.icon-style4{
    font-size: 21px !important;
    color:#B82020 !important;
}
.clear{
    clear:both;
}
@media screen and (max-width: 480px){
    .element_207{
        max-width:100% !important;
    }
}


.view-wrapper img{
    height:auto;
}

</style>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
