https://adamkaramanlis.com/

1<!DOCTYPE html>
2<html class="no-js" lang="de">
3
4<head>
5    <meta charset="UTF-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
8    <link href="https://fonts.googleapis.com/css?family=Lekton:400,700|Montserrat:700" rel="stylesheet">
9    <link href="https://fonts.googleapis.com/css?family=Knewave" rel="stylesheet">
10    <link href="https://fonts.googleapis.com/css?family=Patrick+Hand" rel="stylesheet">
11    <link href="https://adamkaramanlis.com/combine/5e83529ef697d1e5da85732226747c1e-1583911506" rel="stylesheet">
12
13    
14    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
15    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
16    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
17
18    <link rel="apple-touch-icon" sizes="57x57" href="https://adamkaramanlis.com/themes/adam/assets/images/favicon/apple-icon-57x57.png">
19    <link rel="apple-touch-icon" sizes="60x60" href="https://adamkaramanlis.com/themes/adam/assets/images/favicon/apple-icon-60x60.png">
20    <link rel="apple-touch-icon" sizes="72x72" href="https://adamkaramanlis.com/themes/adam/assets/images/favicon/apple-icon-72x72.png">
21    <link rel="apple-touch-icon" sizes="76x76" href="https://adamkaramanlis.com/themes/adam/assets/images/favicon/apple-icon-76x76.png">
22    <link rel="apple-touch-icon" sizes="114x114" href="https://adamkaramanlis.com/themes/adam/assets/images/favicon/apple-icon-114x114.png">
23    <link rel="apple-touch-icon" sizes="120x120" href="https://adamkaramanlis.com/themes/adam/assets/images/favicon/apple-icon-120x120.png">
24    <link rel="apple-touch-icon" sizes="144x144" href="https://adamkaramanlis.com/themes/adam/assets/images/favicon/apple-icon-144x144.png">
25    <link rel="apple-touch-icon" sizes="152x152" href="https://adamkaramanlis.com/themes/adam/assets/images/favicon/apple-icon-152x152.png">
26    <link rel="apple-touch-icon" sizes="180x180" href="https://adamkaramanlis.com/themes/adam/assets/images/favicon/apple-icon-180x180.png">
27    <link rel="icon" type="image/png" sizes="192x192"  href="https://adamkaramanlis.com/themes/adam/assets/images/favicon/android-icon-192x192.png">
28    <link rel="icon" type="image/png" sizes="32x32" href="https://adamkaramanlis.com/themes/adam/assets/images/favicon/favicon-32x32.png">
29    <link rel="icon" type="image/png" sizes="96x96" href="https://adamkaramanlis.com/themes/adam/assets/images/favicon/favicon-96x96.png">
30    <link rel="icon" type="image/png" sizes="16x16" href="https://adamkaramanlis.com/themes/adam/assets/images/favicon/favicon-16x16.png">
31    <link rel="manifest" href="https://adamkaramanlis.com/themes/adam/assets/images/favicon/manifest.json">
32    <meta name="msapplication-TileColor" content="#ffffff">
33    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
34    <meta name="theme-color" content="#ffffff">
35
36    <title>Adam Karamanlis</title>
37</head>
38
39<body>
40    <!-- Header -->
41    <nav id="header" class="navbar navbar-expand-lg  home-header ">
42        <a href="https://adamkaramanlis.com" class="logo navbar-brand ">
43    <img src="https://adamkaramanlis.com/themes/adam/assets/images/adam-karamanlis_logo.png">
44
45</a>
46
47<a class="lines-button">
48    <span></span>
49</a>
50
51<div class="nav-wrapper collapse navbar-collapse justify-content-end">
52    <ul class="main-nav navbar-nav">
53        <li role="presentation" class="   nav-item">
54            <a href="https://adamkaramanlis.com/ueber-adam">
55                Über mich
56            </a>
57
58        </li>
59        <li role="presentation" class="   nav-item">
60            <a href="https://adamkaramanlis.com/kunstwerke">
61                Kunstwerke
62            </a>
63
64        </li>
65        <li role="presentation" class="   nav-item">
66            <a href="https://adamkaramanlis.com/termine">
67                Termine
68            </a>
69
70        </li>
71        <li role="presentation" class="   nav-item">
72            <a href="https://adamkaramanlis.com/presse">
73                Presse
74            </a>
75
76        </li>
77        <li role="presentation" class="   nav-item">
78            <a href="https://adamkaramanlis.com/kontakt">
79                Kontakt
80            </a>
81        </li>
82        <li role="presentation" class="nav-item lang-options d-flex align-items-center">
83                        
84            <a href="#" class="lang-underline" data-request="onSwitchLocale" data-request-data="locale: 'de'">
85                de
86            </a>

87                        <span> /</span>
88            <a href="#" class="" data-request="onSwitchLocale" data-request-data="locale: 'en'">
89                en
90            </a>
91                        <span> /</span>
92            <a href="#" class="" data-request="onSwitchLocale" data-request-data="locale: 'pt'">
93                pt
94            </a>
95                        <span> /</span>
96            <a href="#" class="" data-request="onSwitchLocale" data-request-data="locale: 'es'">
97                es
98            </a>
99                    </li>
100    </ul>
101</div>    </nav>
102
103    
104    <!-- Content -->
105    <div class="full-swiper">
106     <!-- Video Ratio -->
107    <div class="swiper-container" >
108        <!-- Additional required wrapper -->
109        <div class="swiper-wrapper">
110            <!-- Slides -->
111
112            <div class="swiper-slide">
113                <div class="full-swiper-tag">
114                    <h2 class="">
115
116                    </h2>
117                </div>
118                <div class="full-swiper-splatter">
119                    <div class="swiper-slide video-bg">
120                        <video id="video-1" class="video-bg" muted autoplay playsinline loop>
121                            <source src="https://adamkaramanlis.com/themes/adam/assets/video/adam-karamanlis_vernissage-cologne_2020.mov" type="video/mp4" />
122                            Your browser doesn't support HTML5 video. Here's a <a target="_blank" href="#">link</a> to download the video.
123                        </video>
124                    </div>
125                </div>
126            </div>
127            <div class="video-controls">
128                <img id="videoPause" src="https://adamkaramanlis.com/themes/adam//assets/video/svg/stop.svg">
129                <img id="videoPlay" src="https://adamkaramanlis.com/themes/adam//assets/video/svg/play.svg">
130                <img id="videoMute" src="https://adamkaramanlis.com/themes/adam//assets/video/svg/mute.svg">
131                <img id="videoUnmute" src="https://adamkaramanlis.com/themes/adam//assets/video/svg/unmute.svg">
132            </div>
133        </div>
134    </div>
135</div>
136<div id="content">
137    <div class="page-container">
138        <div class="container-fluid">
139            <div class="tag-container tag-container-center ">
140                <h2 style="text-align: center;">Social Media </h2>
141            </div>
142
143
144
145            <div class="news-stream row justify-content-center" id="news-stream-container">
146
147
148            </div>
149
150
151            <div class="tag-container tag-container-center ">
152                <h2 style="text-align: center;">Über Adam</h2>
153                <span> Mit seinen <strong>Schafen</strong> eroberte der in Düsseldorf lebende griechische Maler Adam Karamanlis die Kunstszene. Inspiriert durch ein Zitat von Albert Einstein <strong>"um ein tadelloses Mitglied einer Schafherde zu sein, muss man vor Allem ein Schaf sein,"</strong> lud Adam auf humorvolle Weise viele berühmte Persönlichkeiten ein, Mitglieder seiner <strong>Schafherde</strong> zu sein. <a href="https://adamkaramanlis.com/ueber-adam" style="font-weight: bold;"> (weiterlesen) </a></span>
154
155            </div>
156
157            <br>
158            <br>
159        </div>
160    </div>
161</div>
162

163<script id="social-feed-template" type="text/template">
164    <div id="socialFeed{=it.id}" class="col-12 col-md-6 social-feed" dt-create="{=it.dt_create}" social-feed-id="{=it.id}" > 
165            <div class="grid">
166                <a href="{link}" target="_blank">
167                <figure class="effect-zoe" style="background: url({image}); background-size: cover; background-position: center;">
168                    <div class="darker-figure"></div>
169                   <figcaption>
170                        <h2></h2>
171                        <p class="description">{message}</p>
172                    </figcaption>
173                </figure>
174                </a>
175            </div>
176        </div>
177</script>

177
178
179
180
181    <!-- Newsletter -->
182    <div class="container-fluid">
183    <div class="newsletter-sign-in-container row align-items-center justify-content-center">
184        <div class="page-container">
185            <form id="newsletterForm" class="newsletterFormular newsletter-form" data-request="onSendSubscriber" data-request-success="$('.newsletterFormular').trigger('reset')" data-request-validate data-request-flash>
186                <div class="col-12 newsletter-email">
187    <label for="email">Melden Sie sich hier für unseren Newsletter an, um Informationen zu erhalten:</label>
188    <input id="email" name="email" type="text">
189    <span data-validate-error data-message style="display: block;color: red;"></span>
190</div>
191<div class="col-12 newsletter-form-control">
192    <input type="checkbox" id="privacy_newsletter" name="privacy_newsletter">
193    <label for="privacy_newsletter">Hiermit bestätigen ich die <a href="https://adamkaramanlis.com/datenschutz">Datenschutzbedingungen</a></label><br>
194    <button data-attach-loading class="btn" type="submit">Einschreiben</button>
195</div>            </form>
196        </div>
197    </div>
198</div>
199    <!-- Footer -->
200    <div id="footer">
201        <div class="page-container">
202    <div class="container-fluid">
203        <div class="row">
204            <div class="footer-nav col-xs-12 col-sm-12 col-md-12 mh-item">
205                <ul>
206                    <li><a href="https://adamkaramanlis.com/ueber-adam">Über Adam</a></li>
207                    <li><a href="https://adamkaramanlis.com/kunstwerke">Kunstwerke</a></li>
208                    <li><a href="https://adamkaramanlis.com/termine">Termine</a></li>
209                    <li><a href="https://adamkaramanlis.com/presse">Presse</a></li>
210                    <li><a href="https://adamkaramanlis.com/kontakt">Kontakt</a></li>
211                    <li><a href="https://adamkaramanlis.com/impressum">Impressum</a></li>
212                    <li><a href="https://adamkaramanlis.com/datenschutz">Datenschutz</a></li>
213                </ul>
214            </div>
215            <div class="footer-nav col-xs-12 col-sm-12 col-md-12 mh-item">
216                <ul>
217                    <li>
218                        <a class="footer-icon-link" href="https://www.facebook.com/adam.karamanlis" target="_blank">
219                            <img class="footer-icon" src="https://adamkaramanlis.com/themes/adam/assets/images/icons/003-facebook.png">
220                        </a>
221                    </li>
222                    <li>
223                        <a class="footer-icon-link" href="https://www.youtube.com/channel/UC6oWBarzPK82dDZG02DbpRg/" target="_blank">
224                            <img class="footer-icon" src="https://adamkaramanlis.com/themes/adam/assets/images/icons/001-youtube.png">
225                        </a>
226                    </li>
227                    <li>
228                        <a class="footer-icon-link" href="https://www.instagram.com/adamkaramanlis/" target="_blank">
229                            <img class="footer-icon" src="https://adamkaramanlis.com/themes/adam/assets/images/icons/002-instagram.png">
230                        </a>
231                    </li>
232                </ul>
233            </div>
234            <div class="footer-nav col-xs-12 col-sm-12 col-md-12 mh-item footer-last">
235                <ul>
236                    <li style="color: #fff; ">
237                        © 2026 Adam Karamanlis
238                    </li>
239                </ul>
240            </div>
241        </div>
242    </div>
243</div>    </div>
244
245    <!-- To top -->
246    <i id="toTop" class="fas fa-arrow-alt-circle-up to-top"></i>
247    <!-- Scripts
248    

248<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBSPtDI2RpL_ENmahfChv1rgLtn2oPw_rQ&libraries=weather,geometry,visualization,places,drawing&language=fr&region=DE" type="text/javascript"></script>

248
249-->
250
251    

251<script src="https://adamkaramanlis.com/combine/6d44a76db4b579bc08db50aed96537e3-1582720164.js"></script>

251
252    

252<script src="/modules/system/assets/js/framework.js"></script>

252

253<script src="/modules/system/assets/js/framework.extras.js"></script>

253
254<link rel="stylesheet" property="stylesheet" href="/modules/system/assets/css/framework.extras.css">
255    

255<script type="text/javascript">
256      $.get('https://next-levels.de/api/service/socialfeed/adamkaramanlis/2', function (data) {
257        let maxImages = 6;
258      let socialFeedContainer = $('#news-stream-container');
259      const fields = $('#social-feed-template').html();
260
261
262      for (let i = 0; i < maxImages; i++) {
263        if (i === 4) {
264          socialFeedContainer = $('#news-stream-container');
265        }
266
267        if (i < data.length) {
268
269          let $this = data[i].node;
270          let image = 'https://next-levels.de/api/service/imageproxy/' +
271              btoa($this.thumbnail_src);
272          let link = 'https://www.instagram.com/p/' + $this.shortcode;
273          var message = $this.shortcode.text;
274          var id = $this.id;
275      
276          if ($this) {
277               var ready = fields.replace('{image}',image);
278               //var ready = fields.replace('{it.id}',id);
279               var ready = ready.replace('{message}',message);
280               var ready = ready.replace('{link}',link);
281               socialFeedContainer.append(ready);
282          } else {
283            maxImages++;
284          }
285          /*}*/
286        }
287      }
288    });
289    </script>

289
290
291
292    <!-- Global site tag (gtag.js) - Google Analytics -->

292
293    <script async src="https://www.googletagmanager.com/gtag/js?id=

293UA-125028396-1

293"></script>
294    

294<script>
295        

295window.dataLayer = window.dataLayer || [];
296        function gtag(){dataLayer.push(arguments);}
297        gtag('js', new Date());
298
299        gtag('config', '

299UA-125028396-1

299');
300    

300</script>

300
301
302
303
304</body>
305</html>