<?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>Berlinische Galerie &#8211; Lette Verein Berlin</title>
	<atom:link href="https://www.letteverein.berlin/tag/berlinische-galerie/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.letteverein.berlin</link>
	<description></description>
	<lastBuildDate>Fri, 10 Jun 2022 07:13:16 +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>Berlinische Galerie &#8211; Lette Verein Berlin</title>
	<link>https://www.letteverein.berlin</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Review: &#8222;GO BEYOND&#8220; in der Berlinischen Galerie</title>
		<link>https://www.letteverein.berlin/2022/05/16/review-go-beyond-in-der-berlinischen-galerie/</link>
		
		<dc:creator><![CDATA[redaktion]]></dc:creator>
		<pubDate>Mon, 16 May 2022 09:51:40 +0000</pubDate>
				<category><![CDATA[MODE]]></category>
		<category><![CDATA[#lette4me]]></category>
		<category><![CDATA[Ausbildung]]></category>
		<category><![CDATA[Berlinische Galerie]]></category>
		<category><![CDATA[Fashion Week]]></category>
		<category><![CDATA[meisterklasse]]></category>
		<category><![CDATA[Modedesign]]></category>
		<category><![CDATA[Modenschau]]></category>
		<guid isPermaLink="false">https://www.letteverein.berlin/?p=14570</guid>

					<description><![CDATA[Modenschau &#8222;GO BEYOND&#8220; im Rahmen der Ausstellung »Modebilder – Kunstkleider« in der Berlinischen Galerie. Unter der Leitung unserer Kollegin Jacqueline Ostermann zeigten Absolvent*innen und aktuelle Schüler*innen am 06.05.2022 ihre Arbeiten, die sich mit dem Thema der Ausstellung  auseinandergesetzt haben. So wurden verschiedene Künstlerpersönlichkeiten des 20. Jahrhunderts oder einzelne Kunstwerke als Ausgangspunkt für ihre Entwürfe gewählt.&#46;&#46;&#46;]]></description>
										<content:encoded><![CDATA[<h3>Modenschau &#8222;<strong>GO BEYOND&#8220;</strong> im Rahmen der Ausstellung »Modebilder – Kunstkleider« in der Berlinischen Galerie.</h3>
<p><img fetchpriority="high" decoding="async" class="wp-image-14575 alignleft" src="https://www.letteverein.berlin/wp-content/uploads/2022/05/LETTExBERLINISCHE_byTKruse_17.jpg" alt="" width="276" height="345" srcset="https://www.letteverein.berlin/wp-content/uploads/2022/05/LETTExBERLINISCHE_byTKruse_17.jpg 960w, https://www.letteverein.berlin/wp-content/uploads/2022/05/LETTExBERLINISCHE_byTKruse_17-240x300.jpg 240w, https://www.letteverein.berlin/wp-content/uploads/2022/05/LETTExBERLINISCHE_byTKruse_17-819x1024.jpg 819w, https://www.letteverein.berlin/wp-content/uploads/2022/05/LETTExBERLINISCHE_byTKruse_17-570x713.jpg 570w, https://www.letteverein.berlin/wp-content/uploads/2022/05/LETTExBERLINISCHE_byTKruse_17-860x1075.jpg 860w, https://www.letteverein.berlin/wp-content/uploads/2022/05/LETTExBERLINISCHE_byTKruse_17-280x350.jpg 280w, https:&#47;&#x2f;w&#119;&#x77;&#46;&#108;&#x65;t&#116;&#x65;v&#101;&#x72;&#101;&#x69;&#x6e;&#46;&#x62;&#x65;&#114;&#x6c;i&#110;&#x2f;w&#112;&#x2d;c&#111;&#x6e;t&#101;&#x6e;&#116;&#x2f;&#x75;&#112;&#x6c;&#x6f;&#97;&#x64;s&#47;&#x32;0&#50;&#x32;/&#48;&#x35;/&#76;&#x45;&#84;&#x54;&#x45;&#120;&#x42;&#x45;&#82;&#x4c;I&#78;&#x49;S&#67;&#x48;E&#95;&#x62;y&#84;&#x4b;&#114;&#x75;&#x73;&#101;&#x5f;&#x31;&#55;&#x2d;2&#52;&#x30;x&#51;&#x30;0&#64;&#x32;x&#46;&#x6a;&#112;&#x67; 480w" sizes="(max-width: 276px) 100vw, 276px" />Unter der Leitung unserer Kollegin <strong>Jacqueline Ostermann</strong> zeigten Absolvent*innen und aktuelle Schüler*innen am 06.05.2022 ihre Arbeiten, die sich mit dem Thema der Ausstellung  auseinandergesetzt haben. So wurden verschiedene Künstlerpersönlichkeiten des 20. Jahrhunderts oder einzelne Kunstwerke als Ausgangspunkt für ihre Entwürfe gewählt.</p>
<p>&nbsp;</p>
<p><strong>Meisterklasse:</strong> Alexander Arnold, Lena Beck, Jola Deking, Wanda Kleinhellefort, Jihun Ko, Darlene Preneta, Eunike Rietz, Alicia Schikowski, Johannes Stoehr, Tamika Threatt, Anna Martha Thomas, Felicitas Volk</p>
<p><strong>Fashion Klasse MOD 23:</strong> Leonie Birkmann, Gerrik Boldermann, Maria Brünings, Ella Anais Fabricius, Sinah Griessler, Elias AL Haschemi, Joe Speckter Völz, Ann-Kathrin Schröder, Clara Schwarz, Nick Tschurov</p>
<p>Die Meisterklasse wird gefördert von:</p>
<p><img decoding="async" class="alignnone wp-image-12589" src="https://www.letteverein.berlin/wp-content/uploads/2020/08/B_SEN_InArSo_Logo_DE_H_PW_RGB.png" alt="" width="304" height="61" srcset="https://www.letteverein.berlin/wp-content/uploads/2020/08/B_SEN_InArSo_Logo_DE_H_PW_RGB.png 1418w, https://www.letteverein.berlin/wp-content/uploads/2020/08/B_SEN_InArSo_Logo_DE_H_PW_RGB-300x60.png 300w, https://www.letteverein.berlin/wp-content/uploads/2020/08/B_SEN_InArSo_Logo_DE_H_PW_RGB-1024x205.png 1024w, https://www.letteverein.berlin/wp-content/uploads/2020/08/B_SEN_InArSo_Logo_DE_H_PW_RGB-768x154.png 768w, https://www.letteverein.berlin/wp-content/uploads/2020/08/B_SEN_InArSo_Logo_DE_H_PW_RGB-570x114.png 570w, https://www.letteverein.berlin/wp-content/uploads/2020/08/B_SEN_InArSo_Logo_DE_H_PW_RGB-860x172.png 860w, https://www.letteverein.berlin/wp-content/uploads/2020/08/B_SEN_InArSo_Logo_DE_H_PW_RGB-280x56.png 280w, https:&#47;&#x2f;&#x77;w&#119;&#x2e;l&#101;&#x74;t&#101;&#x76;e&#114;&#x65;&#x69;&#110;&#x2e;&#x62;e&#114;&#x6c;i&#110;&#x2f;w&#112;&#x2d;&#x63;&#111;&#x6e;&#x74;e&#110;&#x74;/&#117;&#x70;l&#111;&#x61;d&#115;&#x2f;&#x32;&#48;&#x32;&#x30;/&#48;&#x38;/&#66;&#x5f;S&#69;&#x4e;&#x5f;&#73;&#x6e;&#x41;r&#83;&#x6f;_&#76;&#x6f;g&#111;&#x5f;D&#69;&#x5f;&#x48;&#95;&#x50;&#x57;_&#82;&#x47;B&#45;&#x33;0&#48;&#x78;&#x36;&#48;&#x40;&#x32;x&#46;&#x70;n&#103; 600w" sizes="(max-width: 304px) 100vw, 304px" /></p>
<h3><a href="https://berlinischegalerie.de/ausstellung/modebilder-kunstkleider/modenschau-go-beyond/">Hier das Video zur Modenschau ansehen.</a></h3>
<h3>Impressionen von Tobias Kruse &#8211; Fotografie-Absolvent 2022</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_227" class="gallery-img-content"
             data-gallery-id="227"
             data-content-per-page="5"
             data-rating-type="off">
        <div id="huge_it_gallery_container_227"
             data-show-center="off"
             class="huge_it_gallery_container super-list variable-sizes clearfix view-lightbox-gallery">
            <div id="huge_it_gallery_container_moving_227"
                 class="super-list variable-sizes clearfix">
                <input type="hidden" class="pagenum" value="1"/>
                                <input type="hidden" id="total" value="3"/>
                                    <div class="view view-first element element_227" tabindex="0"
                         data-symbol="Foto: Tobias Kruse" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_84.jpg"
                               title="Foto: Tobias Kruse"><img decoding="async"
                                        alt="Foto: Tobias Kruse"
                                        id="wd-cl-img0"
                                        title="Foto: Tobias Kruse"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_84-1024x819.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Tobias Kruse                                                    </h2>
                                                                                                <span class="text-category">"GO BEYOND"</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_227" tabindex="0"
                         data-symbol="Foto: Tobias Kruse" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_85.jpg"
                               title="Foto: Tobias Kruse"><img decoding="async"
                                        alt="Foto: Tobias Kruse"
                                        id="wd-cl-img1"
                                        title="Foto: Tobias Kruse"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_85-819x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Tobias Kruse                                                    </h2>
                                                                                                <span class="text-category">"GO BEYOND"</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_227" tabindex="0"
                         data-symbol="Foto: Tobias Kruse" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_83.jpg"
                               title="Foto: Tobias Kruse"><img decoding="async"
                                        alt="Foto: Tobias Kruse"
                                        id="wd-cl-img2"
                                        title="Foto: Tobias Kruse"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_83-819x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Tobias Kruse                                                    </h2>
                                                                                                <span class="text-category">"GO BEYOND"</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_227" tabindex="0"
                         data-symbol="Foto: Tobias Kruse" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_74.jpg"
                               title="Foto: Tobias Kruse"><img decoding="async"
                                        alt="Foto: Tobias Kruse"
                                        id="wd-cl-img3"
                                        title="Foto: Tobias Kruse"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_74-819x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Tobias Kruse                                                    </h2>
                                                                                                <span class="text-category">"GO BEYOND"</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_227" tabindex="0"
                         data-symbol="Foto: Tobias Kruse" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_70.jpg"
                               title="Foto: Tobias Kruse"><img decoding="async"
                                        alt="Foto: Tobias Kruse"
                                        id="wd-cl-img4"
                                        title="Foto: Tobias Kruse"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_70-1024x819.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Tobias Kruse                                                    </h2>
                                                                                                <span class="text-category">"GO BEYOND"</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_227" tabindex="0"
                         data-symbol="Foto: Tobias Kruse" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_96.jpg"
                               title="Foto: Tobias Kruse"><img decoding="async"
                                        alt="Foto: Tobias Kruse"
                                        id="wd-cl-img5"
                                        title="Foto: Tobias Kruse"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_96-1024x819.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Tobias Kruse                                                    </h2>
                                                                                                <span class="text-category">"GO BEYOND"</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_227" tabindex="0"
                         data-symbol="Foto: Tobias Kruse" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_62.jpg"
                               title="Foto: Tobias Kruse"><img decoding="async"
                                        alt="Foto: Tobias Kruse"
                                        id="wd-cl-img6"
                                        title="Foto: Tobias Kruse"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_62-819x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Tobias Kruse                                                    </h2>
                                                                                                <span class="text-category">"GO BEYOND"</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_227" tabindex="0"
                         data-symbol="Foto: Tobias Kruse" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_51.jpg"
                               title="Foto: Tobias Kruse"><img decoding="async"
                                        alt="Foto: Tobias Kruse"
                                        id="wd-cl-img7"
                                        title="Foto: Tobias Kruse"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_51-819x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Tobias Kruse                                                    </h2>
                                                                                                <span class="text-category">"GO BEYOND"</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_227" tabindex="0"
                         data-symbol="Foto: Tobias Kruse" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_49.jpg"
                               title="Foto: Tobias Kruse"><img decoding="async"
                                        alt="Foto: Tobias Kruse"
                                        id="wd-cl-img8"
                                        title="Foto: Tobias Kruse"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_49-1024x819.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Tobias Kruse                                                    </h2>
                                                                                                <span class="text-category">"GO BEYOND"</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_227" tabindex="0"
                         data-symbol="Foto: Tobias Kruse" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_41.jpg"
                               title="Foto: Tobias Kruse"><img decoding="async"
                                        alt="Foto: Tobias Kruse"
                                        id="wd-cl-img9"
                                        title="Foto: Tobias Kruse"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_41-1024x819.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Tobias Kruse                                                    </h2>
                                                                                                <span class="text-category">"GO BEYOND"</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_227" tabindex="0"
                         data-symbol="Foto: Tobias Kruse" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_22.jpg"
                               title="Foto: Tobias Kruse"><img decoding="async"
                                        alt="Foto: Tobias Kruse"
                                        id="wd-cl-img10"
                                        title="Foto: Tobias Kruse"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_22-819x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Tobias Kruse                                                    </h2>
                                                                                                <span class="text-category">"GO BEYOND"</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_227" tabindex="0"
                         data-symbol="Foto: Tobias Kruse" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_15.jpg"
                               title="Foto: Tobias Kruse"><img decoding="async"
                                        alt="Foto: Tobias Kruse"
                                        id="wd-cl-img11"
                                        title="Foto: Tobias Kruse"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_15-819x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Tobias Kruse                                                    </h2>
                                                                                                <span class="text-category">"GO BEYOND"</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_227" tabindex="0"
                         data-symbol="Foto: Tobias Kruse" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_12.jpg"
                               title="Foto: Tobias Kruse"><img decoding="async"
                                        alt="Foto: Tobias Kruse"
                                        id="wd-cl-img12"
                                        title="Foto: Tobias Kruse"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_12-1024x819.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Tobias Kruse                                                    </h2>
                                                                                                <span class="text-category">"GO BEYOND"</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_227" tabindex="0"
                         data-symbol="Foto: Tobias Kruse" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_11.jpg"
                               title="Foto: Tobias Kruse"><img decoding="async"
                                        alt="Foto: Tobias Kruse"
                                        id="wd-cl-img13"
                                        title="Foto: Tobias Kruse"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_11-819x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Tobias Kruse                                                    </h2>
                                                                                                <span class="text-category">"GO BEYOND"</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_227" tabindex="0"
                         data-symbol="Foto: Tobias Kruse" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_3.jpg"
                               title="Foto: Tobias Kruse"><img decoding="async"
                                        alt="Foto: Tobias Kruse"
                                        id="wd-cl-img14"
                                        title="Foto: Tobias Kruse"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_LETTExBERLINISCHE_byTKruse_3-819x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Tobias Kruse                                                    </h2>
                                                                                                <span class="text-category">"GO BEYOND"</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_227 {
    max-width:275px;
    margin:0 2px 10px 0;
    border:0px solid #eeeeee;
    border-radius:3px;
    outline:none;
    overflow:hidden;
}
.element_227 .image-block_227 {
    position:relative;
    width: 100%;
	width:275px;
    max-width:275px;
}
.element_227 .image-block_227 a {display:block;}
.element_227 .image-block_227 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_227 .image-block_227 img:hover {
    cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}
.element_227 .image-block_227 .play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.element_227:hover .title-block_227 {bottom:0;}
.element_227 .title-block_227 a, .element_227 .title-block_227 a:link, .element_227 .title-block_227 a:visited, .element_227 .title-block_227 {
    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_227 .image-block_227  .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_227 .image-block_227  .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_227 .title-block_227 {
    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_227 .title-block_227 a:hover, .element_227 .title-block_227 a:focus, .element_227 .title-block_227 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_227{
        max-width:100% !important;
    }
}


.view-wrapper img{
    height:auto;
}

</style>
<h3>Impressionen von Michael Wittig, Berlin</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_228" class="gallery-img-content"
             data-gallery-id="228"
             data-content-per-page="5"
             data-rating-type="off">
        <div id="huge_it_gallery_container_228"
             data-show-center="off"
             class="huge_it_gallery_container super-list variable-sizes clearfix view-lightbox-gallery">
            <div id="huge_it_gallery_container_moving_228"
                 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_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1911_Lette_Verein_Go_Beyond_BG_0025.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img0"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1911_Lette_Verein_Go_Beyond_BG_0025-1024x683.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1959_Lette_Verein_Go_Beyond_BG_1728.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img1"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1959_Lette_Verein_Go_Beyond_BG_1728-1024x682.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1947_Lette_Verein_Go_Beyond_BG_1547.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img2"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1947_Lette_Verein_Go_Beyond_BG_1547-1024x682.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1932_Lette_Verein_Go_Beyond_BG_1254_16_Finale.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img3"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1932_Lette_Verein_Go_Beyond_BG_1254_16_Finale-1024x682.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1938_Lette_Verein_Go_Beyond_BG_1482.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img4"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1938_Lette_Verein_Go_Beyond_BG_1482-1024x683.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1930_Lette_Verein_Go_Beyond_BG_1110_16_Finale.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img5"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1930_Lette_Verein_Go_Beyond_BG_1110_16_Finale-682x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1930_Lette_Verein_Go_Beyond_BG_1077_16_Finale.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img6"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1930_Lette_Verein_Go_Beyond_BG_1077_16_Finale-1024x682.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1928_Lette_Verein_Go_Beyond_BG_1008_15_MOD_23.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img7"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1928_Lette_Verein_Go_Beyond_BG_1008_15_MOD_23-682x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1930_Lette_Verein_Go_Beyond_BG_1079_16_Finale.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img8"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1930_Lette_Verein_Go_Beyond_BG_1079_16_Finale-682x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1914_Lette_Verein_Go_Beyond_BG_0077_01_A_Schikowski.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img9"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1914_Lette_Verein_Go_Beyond_BG_0077_01_A_Schikowski-1024x682.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1954_Lette_Verein_Go_Beyond_BG_1649.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img10"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1954_Lette_Verein_Go_Beyond_BG_1649-1024x682.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1927_Lette_Verein_Go_Beyond_BG_0993_15_MOD_23.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img11"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1927_Lette_Verein_Go_Beyond_BG_0993_15_MOD_23-682x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1927_Lette_Verein_Go_Beyond_BG_0952_15_MOD_23.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img12"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1927_Lette_Verein_Go_Beyond_BG_0952_15_MOD_23-682x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1927_Lette_Verein_Go_Beyond_BG_0973_15_MOD_23.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img13"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1927_Lette_Verein_Go_Beyond_BG_0973_15_MOD_23-683x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1927_Lette_Verein_Go_Beyond_BG_0950_15_MOD_23.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img14"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1927_Lette_Verein_Go_Beyond_BG_0950_15_MOD_23-682x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_2002_Lette_Verein_Go_Beyond_BG_1769.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img15"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_2002_Lette_Verein_Go_Beyond_BG_1769-1024x682.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1954_Lette_Verein_Go_Beyond_BG_1636.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img16"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1954_Lette_Verein_Go_Beyond_BG_1636-1024x683.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1925_Lette_Verein_Go_Beyond_BG_0867_13_L_Beck.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img17"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1925_Lette_Verein_Go_Beyond_BG_0867_13_L_Beck-682x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1925_Lette_Verein_Go_Beyond_BG_0847_12_T_Threatt.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img18"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1925_Lette_Verein_Go_Beyond_BG_0847_12_T_Threatt-682x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_228" tabindex="0"
                         data-symbol="Foto: Michael Wittig, Berlin" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1925_Lette_Verein_Go_Beyond_BG_0842_12_T_Threatt.jpg"
                               title="Foto: Michael Wittig, Berlin"><img decoding="async"
                                        alt="Foto: Michael Wittig, Berlin"
                                        id="wd-cl-img19"
                                        title="Foto: Michael Wittig, Berlin"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/05/web_20220506_1925_Lette_Verein_Go_Beyond_BG_0842_12_T_Threatt-1024x683.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Foto: Michael Wittig, Berlin                                                    </h2>
                                                                                                <span class="text-category">fashionfotoberlin</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_228 {
    max-width:275px;
    margin:0 2px 10px 0;
    border:0px solid #eeeeee;
    border-radius:3px;
    outline:none;
    overflow:hidden;
}
.element_228 .image-block_228 {
    position:relative;
    width: 100%;
	width:275px;
    max-width:275px;
}
.element_228 .image-block_228 a {display:block;}
.element_228 .image-block_228 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_228 .image-block_228 img:hover {
    cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}
.element_228 .image-block_228 .play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.element_228:hover .title-block_228 {bottom:0;}
.element_228 .title-block_228 a, .element_228 .title-block_228 a:link, .element_228 .title-block_228 a:visited, .element_228 .title-block_228 {
    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_228 .image-block_228  .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_228 .image-block_228  .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_228 .title-block_228 {
    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_228 .title-block_228 a:hover, .element_228 .title-block_228 a:focus, .element_228 .title-block_228 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_228{
        max-width:100% !important;
    }
}


.view-wrapper img{
    height:auto;
}

</style>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Berlinische Galerie »Modebilder &#8211; Kunstkleider« mit Lette Verein</title>
		<link>https://www.letteverein.berlin/2022/02/18/berlinische-galerie-modebilder-kunstkleider-mit-lette-verein/</link>
		
		<dc:creator><![CDATA[redaktion]]></dc:creator>
		<pubDate>Fri, 18 Feb 2022 12:53:26 +0000</pubDate>
				<category><![CDATA[MODE]]></category>
		<category><![CDATA[Ausstellung]]></category>
		<category><![CDATA[Berlinische Galerie]]></category>
		<category><![CDATA[Kunstkleider]]></category>
		<category><![CDATA[Modebilder]]></category>
		<category><![CDATA[Modedesign]]></category>
		<guid isPermaLink="false">https://www.letteverein.berlin/?p=14225</guid>

					<description><![CDATA[Fotografie, Malerei und Mode 1900 bis heute &#160; Der Lette Verein Berlin ist mit seinem Ausbildungsgang Modedesign Teil der Ausstellung »Modebilder &#8211; Kunstkleider« in der Berlinischen Galerie. Es werden u.a. zehn Zeichnungen von Jacqueline Ostermann, Lette-Absolventin der 1980er-Jahre und seit 2015 Lehrerin im Lette Verein, in dieser Ausstellung gezeigt. Außerdem wird eine Kreation ihres Schülers&#46;&#46;&#46;]]></description>
										<content:encoded><![CDATA[<h3><span dir="ltr" role="presentation">Fotografie, Malerei und Mode </span><span dir="ltr" role="presentation">1900</span> <span dir="ltr" role="presentation">bis heute</span></h3>
<p>&nbsp;</p>
<div id="attachment_14249" style="width: 310px" class="wp-caption alignleft"><img decoding="async" aria-describedby="caption-attachment-14249" class="wp-image-14249 size-medium" src="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Berlinische_Galerie_Ostermann-2-300x225.jpg" alt="Jacqueline Ostermann" width="300" height="225" srcset="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Berlinische_Galerie_Ostermann-2-300x225.jpg 300w, https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Berlinische_Galerie_Ostermann-2-1024x768.jpg 1024w, https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Berlinische_Galerie_Ostermann-2-570x428.jpg 570w, https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Berlinische_Galerie_Ostermann-2-860x645.jpg 860w, https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Berlinische_Galerie_Ostermann-2-280x210.jpg 280w, https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Berlinische_Galerie_Ostermann-2.jpg 1200w, https:&#47;&#x2f;&#x77;w&#119;&#x2e;l&#101;&#x74;&#x74;e&#118;&#x65;r&#101;&#x69;&#x6e;&#46;&#98;&#x65;r&#108;&#x69;&#x6e;&#47;&#119;&#x70;-&#99;&#x6f;&#x6e;&#116;&#x65;&#x6e;t&#47;&#x75;p&#108;&#x6f;&#x61;d&#115;&#x2f;2&#48;&#x32;&#x32;/&#48;&#x32;/&#50;&#x30;&#x32;2&#95;&#x77;e&#98;&#x5f;&#x42;&#101;&#x72;&#x6c;i&#110;&#x69;s&#99;&#x68;&#x65;_&#71;&#x61;l&#101;&#x72;&#x69;e&#95;&#x4f;s&#116;&#x65;&#x72;m&#97;&#x6e;n&#45;&#x32;&#x2d;&#51;&#48;&#x30;x&#50;&#x32;&#x35;&#64;&#x32;&#x78;&#46;&#106;&#x70;g 600w" sizes="(max-width: 300px) 100vw, 300px" /><p id="caption-attachment-14249" class="wp-caption-text">Jacqueline Ostermann</p></div>
<p>Der Lette Verein Berlin ist mit seinem Ausbildungsgang <a href="https://www.letteverein.berlin/modedesign/stellenanzeige_bewerbung-mode/">Modedesign</a> Teil der Ausstellung »Modebilder &#8211; Kunstkleider« in der Berlinischen Galerie. Es werden u.a. zehn Zeichnungen von <a href="https://www.letteverein.berlin/blog/person/jacqueline-ostermann/">Jacqueline Ostermann</a>, Lette-Absolventin der 1980er-Jahre und seit 2015 Lehrerin im Lette Verein, in dieser Ausstellung gezeigt. Außerdem wird eine Kreation ihres Schülers <strong>Luis Steigleder</strong>, Schüler im zweiten Ausbildungsjahr, präsentiert.</p>
<div id="attachment_14257" style="width: 310px" class="wp-caption alignleft"><img loading="lazy" decoding="async" aria-describedby="caption-attachment-14257" class="wp-image-14257 size-medium" src="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Luis_Steigleder_BG-1-300x225.jpg" alt="Luis Steigleder" width="300" height="225" srcset="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Luis_Steigleder_BG-1-300x225.jpg 300w, https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Luis_Steigleder_BG-1-1024x768.jpg 1024w, https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Luis_Steigleder_BG-1-570x428.jpg 570w, https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Luis_Steigleder_BG-1-860x645.jpg 860w, https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Luis_Steigleder_BG-1-280x210.jpg 280w, https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Luis_Steigleder_BG-1.jpg 1200w, https:&#x2f;&#x2f;&#x77;&#x77;&#x77;&#x2e;&#x6c;&#x65;&#x74;&#x74;&#x65;&#x76;&#x65;&#x72;&#x65;&#x69;&#x6e;&#x2e;&#x62;&#x65;&#x72;&#x6c;&#105;&#110;&#47;&#119;&#112;&#45;&#99;&#111;&#110;&#116;&#101;&#110;&#116;&#47;&#117;ploads/2022/&#x30;&#x32;&#x2f;&#x32;&#x30;&#x32;&#x32;&#x5f;&#x77;&#x65;&#x62;&#x5f;&#x4c;&#x75;&#x69;&#x73;&#x5f;&#x53;&#x74;&#x65;&#x69;&#x67;&#x6c;&#101;&#100;&#101;&#114;&#95;&#66;&#71;&#45;&#49;&#45;&#51;&#48;&#48;&#120;&#50;25&#64;2x&#46;jpg 600w" sizes="(max-width: 300px) 100vw, 300px" /><p id="caption-attachment-14257" class="wp-caption-text">Luis Steigleder</p></div>
<p>Die Aufnahme in diese Ausstellung ist eine große Auszeichnung für den Lette Verein, denn er steht gleichberechtigt neben den großen Namen wie<span dir="ltr" role="presentation"> Elvira Bach,  Sibylle </span><span dir="ltr" role="presentation">Bergemann, </span><span dir="ltr" role="presentation"> Marc Brandenburg, </span><span dir="ltr" role="presentation">George Grosz, F. C. Gundlach, Gerd Hartung, </span><span dir="ltr" role="presentation">Käthe Kruse,</span><span dir="ltr" role="presentation"> Jeanne </span><span dir="ltr" role="presentation">Mammen, Helmuth Newton, </span><span dir="ltr" role="presentation">Claudia Skoda, Yva und viele Andere.<br />
</span></p>
<p>Außerdem wird im Rahmen des Begleitprogramms in der Treppenhalle der Berlinischen Galerie am <strong>06.05.22 von 19-22 Uhr</strong> eine Modenschau unter dem Titel &#8222;GO BEYOND&#8220; der Schüler*innen der Meisterklasse präsentiert.</p>
<p>Diese Modenschau unter der Leitung von Jacqueline Ostermann setzt sich mit dem Thema der Ausstellung »Modebilder &#8211; Kunstkleider« auseinander. Die Absolventinnen haben verschiedene Künstlerpersönlichkeiten des 20. Jahrhunderts oder einzelne Kunstwerke als Ausgangspunkt für ihre Entwürfe gewählt. In einer mit Musik unterlegten Projektion zeigen sie jeweils passend zu den  vorgeführten Roben Bilder der Kunstwerke, von denen sie sich haben inspirieren lassen.</p>
<p><strong>Meisterklasse:</strong> Alexander Arnold, Lena Beck, Jola Deking, Wanda Kleinhellefort, Jihun Ko, Darlene Preneta, Eunike Ritz, Alicia Schikowski, Johannes Stoehr, Tamika Threatt, Anna Martha Thomas, Felicitas Volk</p>
<p><strong>Fashion Klasse MOD 23:</strong> Leonie Birkmann, Gerrik Boldermann, Maria Brünings, Ella Anais Fabricius, Sinah Griessler, Elias AL Haschemi, Joe Speckter Völz, Ann-Kathrin Schröder, Clara Schwarz, Nick Tschurov</p>
<p>Die Meisterklasse wird gefördert von:</p>
<p><img decoding="async" class="alignnone wp-image-12589" src="https://www.letteverein.berlin/wp-content/uploads/2020/08/B_SEN_InArSo_Logo_DE_H_PW_RGB.png" alt="" width="304" height="61" srcset="https://www.letteverein.berlin/wp-content/uploads/2020/08/B_SEN_InArSo_Logo_DE_H_PW_RGB.png 1418w, https://www.letteverein.berlin/wp-content/uploads/2020/08/B_SEN_InArSo_Logo_DE_H_PW_RGB-300x60.png 300w, https://www.letteverein.berlin/wp-content/uploads/2020/08/B_SEN_InArSo_Logo_DE_H_PW_RGB-1024x205.png 1024w, https://www.letteverein.berlin/wp-content/uploads/2020/08/B_SEN_InArSo_Logo_DE_H_PW_RGB-768x154.png 768w, https://www.letteverein.berlin/wp-content/uploads/2020/08/B_SEN_InArSo_Logo_DE_H_PW_RGB-570x114.png 570w, https://www.letteverein.berlin/wp-content/uploads/2020/08/B_SEN_InArSo_Logo_DE_H_PW_RGB-860x172.png 860w, https://www.letteverein.berlin/wp-content/uploads/2020/08/B_SEN_InArSo_Logo_DE_H_PW_RGB-280x56.png 280w, https:&#x2f;&#x2f;&#x77;&#x77;&#x77;&#x2e;&#x6c;&#x65;&#x74;&#x74;&#x65;&#x76;&#x65;&#x72;&#x65;&#x69;&#x6e;&#x2e;&#x62;&#x65;&#x72;&#x6c;&#105;&#110;&#47;&#119;&#112;&#45;&#99;&#111;&#110;&#116;&#101;&#110;&#116;&#47;&#117;ploads/2020/&#x30;&#x38;&#x2f;&#x42;&#x5f;&#x53;&#x45;&#x4e;&#x5f;&#x49;&#x6e;&#x41;&#x72;&#x53;&#x6f;&#x5f;&#x4c;&#x6f;&#x67;&#x6f;&#x5f;&#x44;&#x45;&#95;&#72;&#95;&#80;&#87;&#95;&#82;&#71;&#66;&#45;&#51;&#48;&#48;&#120;&#54;0&#64;2x&#46;png 600w" sizes="(max-width: 304px) 100vw, 304px" /></p>
<p><strong>»Modebilder &#8211; Kunstkleider«<br />
</strong><span dir="ltr" role="presentation">Fotografie, Malerei und Mode </span><span dir="ltr" role="presentation">1900</span> <span dir="ltr" role="presentation">bis heute</span></p>
<p><span dir="ltr" role="presentation">18</span> <span dir="ltr" role="presentation">.</span>0<span dir="ltr" role="presentation">2</span> <span dir="ltr" role="presentation">.</span> <span dir="ltr" role="presentation">–</span> <span dir="ltr" role="presentation">30</span><span dir="ltr" role="presentation">.0</span><span dir="ltr" role="presentation">5</span><span dir="ltr" role="presentation">.</span> <span dir="ltr" role="presentation">22</span></p>
<p><span dir="ltr" role="presentation">Berlinische Galerie</span><br role="presentation" /><span dir="ltr" role="presentation">Landesmuseum für Moderne</span><br role="presentation" /><span dir="ltr" role="presentation">Kunst, Fotografie und Architektur</span><br role="presentation" /><span dir="ltr" role="presentation">Alte Jakobstraße</span> <span dir="ltr" role="presentation">124</span> <span dir="ltr" role="presentation">–</span><span dir="ltr" role="presentation">128</span><br />
<span dir="ltr" role="presentation">10969</span> <span dir="ltr" role="presentation">Berlin<br />
</span><br role="presentation" /><span dir="ltr" role="presentation">Tel +</span> <span dir="ltr" role="presentation">49</span> <span dir="ltr" role="presentation">(</span> <span dir="ltr" role="presentation">0</span> <span dir="ltr" role="presentation">)</span> <span dir="ltr" role="presentation">30</span> <span dir="ltr" role="presentation">78</span> <span dir="ltr" role="presentation">902</span> <span dir="ltr" role="presentation">600</span><br role="presentation" /><span dir="ltr" role="presentation">berlinischegalerie.de</span><br role="presentation" /><span dir="ltr" role="presentation">Eintritt</span> <span dir="ltr" role="presentation">10</span> <span dir="ltr" role="presentation">€, ermäßigt</span> <span dir="ltr" role="presentation">6</span> <span dir="ltr" role="presentation">€</span><br role="presentation" /><span dir="ltr" role="presentation">Mi</span> <span dir="ltr" role="presentation">–</span> <span dir="ltr" role="presentation">Mo</span> <span dir="ltr" role="presentation">10</span> <span dir="ltr" role="presentation">–</span><span dir="ltr" role="presentation">18</span> <span dir="ltr" role="presentation">Uhr</span><br role="presentation" /><span dir="ltr" role="presentation">Di geschlossen</span></p>
<p><a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/PM_Modebilder-Kunstkleider_Berlinische-Galerie.pdf">Pressemitteilung der Berlinischen Galerie: Modebilder-Kunstkleider</a><br />
<a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/Pressemappe_Modebilder-Kunstkleider_Berlinische-Galerie.pdf">Pressemappe der Berlinischen Galerie: Modebilder Kunstkleider</a></p>
<h3>Die Arbeiten von Jacqueline Ostermann</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_221" class="gallery-img-content"
             data-gallery-id="221"
             data-content-per-page="5"
             data-rating-type="off">
        <div id="huge_it_gallery_container_221"
             data-show-center="off"
             class="huge_it_gallery_container super-list variable-sizes clearfix view-lightbox-gallery">
            <div id="huge_it_gallery_container_moving_221"
                 class="super-list variable-sizes clearfix">
                <input type="hidden" class="pagenum" value="1"/>
                                <input type="hidden" id="total" value="3"/>
                                    <div class="view view-first element element_221" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-7.jpg"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img0"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-7-768x1024.jpg"/>
                                                                                                        <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_221" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_webZeichnung_Berlinische_Galerie_Ostermann-2.jpg"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img1"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_webZeichnung_Berlinische_Galerie_Ostermann-2-767x1024.jpg"/>
                                                                                                        <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_221" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-11.jpg"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img2"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-11-767x1024.jpg"/>
                                                                                                        <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_221" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-10.jpg"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img3"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-10-767x1024.jpg"/>
                                                                                                        <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_221" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-9.jpg"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img4"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-9-767x1024.jpg"/>
                                                                                                        <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_221" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-8.jpg"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img5"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-8-768x1024.jpg"/>
                                                                                                        <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_221" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-6.jpg"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img6"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-6-767x1024.jpg"/>
                                                                                                        <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_221" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-5.jpg"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img7"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-5-767x1024.jpg"/>
                                                                                                        <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_221" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-4.jpg"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img8"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-4-767x1024.jpg"/>
                                                                                                        <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_221" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-3.jpg"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img9"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-3-768x1024.jpg"/>
                                                                                                        <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_221" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-12.jpg"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img10"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-12-767x1024.jpg"/>
                                                                                                        <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_221" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-13.jpg"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img11"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-13-767x1024.jpg"/>
                                                                                                        <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_221" tabindex="0"
                         data-symbol="" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-14.jpg"
                               title=""><img decoding="async"
                                        alt=""
                                        id="wd-cl-img12"
                                        title=""
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Zeichnung_Berlinische_Galerie_Ostermann-14-767x1024.jpg"/>
                                                                                                        <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_221 {
    max-width:275px;
    margin:0 2px 10px 0;
    border:0px solid #eeeeee;
    border-radius:3px;
    outline:none;
    overflow:hidden;
}
.element_221 .image-block_221 {
    position:relative;
    width: 100%;
	width:275px;
    max-width:275px;
}
.element_221 .image-block_221 a {display:block;}
.element_221 .image-block_221 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_221 .image-block_221 img:hover {
    cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}
.element_221 .image-block_221 .play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.element_221:hover .title-block_221 {bottom:0;}
.element_221 .title-block_221 a, .element_221 .title-block_221 a:link, .element_221 .title-block_221 a:visited, .element_221 .title-block_221 {
    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_221 .image-block_221  .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_221 .image-block_221  .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_221 .title-block_221 {
    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_221 .title-block_221 a:hover, .element_221 .title-block_221 a:focus, .element_221 .title-block_221 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_221{
        max-width:100% !important;
    }
}


.view-wrapper img{
    height:auto;
}

</style>
<h3>Kreation von Luis Steigleder</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_222" class="gallery-img-content"
             data-gallery-id="222"
             data-content-per-page="5"
             data-rating-type="off">
        <div id="huge_it_gallery_container_222"
             data-show-center="off"
             class="huge_it_gallery_container super-list variable-sizes clearfix view-lightbox-gallery">
            <div id="huge_it_gallery_container_moving_222"
                 class="super-list variable-sizes clearfix">
                <input type="hidden" class="pagenum" value="1"/>
                                <input type="hidden" id="total" value="1"/>
                                    <div class="view view-first element element_222" tabindex="0"
                         data-symbol="Luis Steigleder &quot;Opulenz versus Purismus&quot;" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Luis_Steigleder_BG-2.jpg"
                               title="Luis Steigleder &quot;Opulenz versus Purismus&quot;"><img decoding="async"
                                        alt="Luis Steigleder &quot;Opulenz versus Purismus&quot;"
                                        id="wd-cl-img0"
                                        title="Luis Steigleder &quot;Opulenz versus Purismus&quot;"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/02/2022_web_Luis_Steigleder_BG-2-768x1024.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Luis Steigleder "Opulenz versus Purismus"                                                    </h2>
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_222" tabindex="0"
                         data-symbol="Luis Steigleder &quot;Opulenz versus Purismus&quot;" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/Front.jpg"
                               title="Luis Steigleder &quot;Opulenz versus Purismus&quot;"><img decoding="async"
                                        alt="Luis Steigleder &quot;Opulenz versus Purismus&quot;"
                                        id="wd-cl-img1"
                                        title="Luis Steigleder &quot;Opulenz versus Purismus&quot;"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/02/Front.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Luis Steigleder "Opulenz versus Purismus"                                                    </h2>
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_222" tabindex="0"
                         data-symbol="Luis Steigleder &quot;Opulenz versus Purismus&quot;" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/Unbenannt.jpg"
                               title="Luis Steigleder &quot;Opulenz versus Purismus&quot;"><img decoding="async"
                                        alt="Luis Steigleder &quot;Opulenz versus Purismus&quot;"
                                        id="wd-cl-img2"
                                        title="Luis Steigleder &quot;Opulenz versus Purismus&quot;"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/02/Unbenannt.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Luis Steigleder "Opulenz versus Purismus"                                                    </h2>
                                                                                                <span class="text-category"></span>
                                            </div>
                                            <div class="mask-bg">
                                            </div>
                                        </div>
                                    </a>
                        </div>
                        
                    </div>
                                        <div class="view view-first element element_222" tabindex="0"
                         data-symbol="Luis Steigleder &quot;Opulenz versus Purismus&quot;" data-category="alkaline-earth">
                        <div class="view-first-wrapper view-wrapper">
                                                                                                                <a href="https://www.letteverein.berlin/wp-content/uploads/2022/02/Putz_nah.jpg"
                               title="Luis Steigleder &quot;Opulenz versus Purismus&quot;"><img decoding="async"
                                        alt="Luis Steigleder &quot;Opulenz versus Purismus&quot;"
                                        id="wd-cl-img3"
                                        title="Luis Steigleder &quot;Opulenz versus Purismus&quot;"
                                        src="https://www.letteverein.berlin/wp-content/uploads/2022/02/Putz_nah.jpg"/>
                                                                                                        <div class="mask">
                                            <div class="mask-text">
                                                                                                    <h2 >
                                                        Luis Steigleder "Opulenz versus Purismus"                                                    </h2>
                                                                                                <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_222 {
    max-width:275px;
    margin:0 2px 10px 0;
    border:0px solid #eeeeee;
    border-radius:3px;
    outline:none;
    overflow:hidden;
}
.element_222 .image-block_222 {
    position:relative;
    width: 100%;
	width:275px;
    max-width:275px;
}
.element_222 .image-block_222 a {display:block;}
.element_222 .image-block_222 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_222 .image-block_222 img:hover {
    cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}
.element_222 .image-block_222 .play-icon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.element_222:hover .title-block_222 {bottom:0;}
.element_222 .title-block_222 a, .element_222 .title-block_222 a:link, .element_222 .title-block_222 a:visited, .element_222 .title-block_222 {
    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_222 .image-block_222  .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_222 .image-block_222  .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_222 .title-block_222 {
    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_222 .title-block_222 a:hover, .element_222 .title-block_222 a:focus, .element_222 .title-block_222 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_222{
        max-width:100% !important;
    }
}


.view-wrapper img{
    height:auto;
}

</style>
<p>&nbsp;</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
