https://culture-on-the-road.de/startseite.html

1<!DOCTYPE html>
2<html lang="de">
3<head>
4<meta charset="utf-8">
5<title>Startseite - Culture on the Road</title>
6<base href="https://culture-on-the-road.de/">
7<meta name="robots" content="index,follow">
8<meta name="description" content="">
9<meta name="keywords" content="">
10<meta name="generator" content="Contao Open Source CMS">
11<meta name="viewport" content="width=device-width,initial-scale=1.0">
12<style>#right{width:200px}#container{padding-right:200px}</style>
13<link rel="stylesheet" href="assets/css/be6af86e3181.css">

14<script src="assets/js/8ae20ade7574.js"></script>

14
15<!--[if lt IE 9]>

15<script src="assets/html5shiv/3.7.2/html5shiv.js"></script>

15<![endif]-->
16</head>
17<body id="top" class="unknown chrome blink ch128">
18
19<div id="wrapper">
20
21<header id="header">
22
23<div id="logo">
24<a href="https://culture-on-the-road.de/" title="zur Startseite von Culture on the Road">
25<img src=" 	files/cotr/logo_COTR_hellrot_gross.jpg" alt="Culture on the Road" width="300" height="169" title="zur Startseite von Culture on the Road" />
26</a>
27</div> 
28</header>
29<div class="custom">
30
31<div id="mainnav">
32<div class="inside">
33
34<!-- indexer::stop -->
35<nav class="mod_navigation block">
36
37  
38  <a href="startseite.html#skipNavigation9" class="invisible">Navigation überspringen</a>
39
40  
41<ul class="level_1">
42            <li class="first"><a href="ueber-uns.html" title="Über Uns" class="first">Über Uns</a></li>
43                <li><a href="aktivitäten.html" title="Aktivitäten">Aktivitäten</a></li>
44                <li class="submenu"><a href="Projekttage.html" title="Konzepte" class="submenu" aria-haspopup="true">Konzepte</a>
45<ul class="level_2">
46            <li class="first"><a href="Projekttage.html" title="Projekttage" class="first">Projekttage</a></li>
47                <li><a href="Schul-AGs.html" title="Schul-AGs">Schul-AGs</a></li>
48                <li class="last"><a href="Multiplikatorinnen.html" title="Multiplikator*innen" class="last">Multiplikator*innen</a></li>
49      </ul>
50</li>
51                <li><a href="schulprojekttage.html" title="Workshopangebote">Workshop- angebote</a></li>
52                <li><a href="team.html" title="Referent_innen">Referent*innen</a></li>
53                <li><a href="kooperationspartner.html" title="Kooperationspartner">Kooperations- partner</a></li>
54                <li class="last"><a href="kontakt.html" title="Kontakt" class="last">Kontakt</a></li>
55      </ul>
56
57  <a id="skipNavigation9" class="invisible">&nbsp;</a>
58
59</nav>
60<!-- indexer::continue -->
61
62</div>
63</div>
64
65</div>
66
67<div id="container">
68
69<div id="main">
70
71<div class="mod_article first last block" id="startseite">
72
73  
74  
75<div class="ce_sliderStart first block">
76
77  
78  <div class="content-slider" data-config="3000,1500,0,1">
79    <div class="slider-wrapper">
80
81<div class="ce_image block">
82
83  
84  
85  <figure class="image_container">
86
87          <a href="hiphop-djing.html">
88    
89    
90
91<img src="files/cotr/banner/culturebanner_djing.jpg" width="900" height="600" alt="">
92
93
94
95          </a>
96    
97    
98  </figure>
99
100
101</div>
102
103<div class="ce_image block">
104
105  
106  
107  <figure class="image_container">
108
109          <a href="medienworkshops-video-foto-fanzine-literatur.html">
110    
111    
112
113<img src="files/cotr/banner/culturebanner_foto.jpg" width="900" height="600" alt="">
114
115
116
117          </a>
118    
119    
120  </figure>
121
122
123</div>
124
125<div class="ce_image block">
126
127  
128  
129  <figure class="image_container">
130
131          <a href="comic.html">
132    
133    
134
135<img src="files/cotr/banner/culturebanner_manga.jpg" width="900" height="600" alt="">
136
137
138
139          </a>
140    
141    
142  </figure>
143
144
145</div>
146
147<div class="ce_image block">
148
149  
150  
151  <figure class="image_container">
152
153          <a href="von-hardcore-zu-emo.html">
154    
155    
156
157<img src="files/cotr/banner/culturebanner_metal.jpg" width="900" height="600" alt="">
158
159
160
161          </a>
162    
163    
164  </figure>
165
166
167</div>
168
169<div class="ce_image block">
170
171  
172  
173  <figure class="image_container">
174
175          <a href="Identitäten-Migration-Jugendkulturen.html">
176    
177    
178
179<img src="files/cotr/banner/culturebanner_migranten.jpg" width="900" height="600" alt="">
180
181
182
183          </a>
184    
185    
186  </figure>
187
188
189</div>
190
191<div class="ce_image block">
192
193  
194  
195  <figure class="image_container">
196
197          <a href="hiphop-graffiti.html">
198    
199    
200
201<img src="files/cotr/banner/banner_900_600_graffiti.jpg" width="900" height="600" alt="">
202
203
204
205          </a>
206    
207    
208  </figure>
209
210
211</div>
212
213<div class="ce_image block">
214
215  
216  
217  <figure class="image_container">
218
219          <a href="hiphop-djing.html">
220    
221    
222
223<img src="files/cotr/banner/culturebanner_musikproduktion.jpg" width="900" height="600" alt="">
224
225
226
227          </a>
228    
229    
230  </figure>
231
232
233</div>
234
235<div class="ce_image block">
236
237  
238  
239  <figure class="image_container">
240
241          <a href="skinheads.html">
242    
243    
244
245<img src="files/cotr/banner/banner_900_600_punk.jpg" width="900" height="600" alt="">
246
247
248
249          </a>
250    
251    
252  </figure>
253
254
255</div>
256
257<div class="ce_image block">
258
259  
260  
261  <figure class="image_container">
262
263          <a href="skateboarding.html">
264    
265    
266
267<img src="files/cotr/banner/banner_900_600_skateboarding.jpg" width="900" height="600" alt="">
268
269
270
271          </a>
272    
273    
274  </figure>
275
276
277</div>
278
279<div class="ce_image block">
280
281  
282  
283  <figure class="image_container">
284
285          <a href="hiphop-rap.html">
286    
287    
288
289<img src="files/cotr/banner/culturebanner_rap.jpg" width="900" height="600" alt="">
290
291
292
293          </a>
294    
295    
296  </figure>
297
298
299</div>
300
301<div class="ce_image block">
302
303  
304  
305  <figure class="image_container">
306
307          <a href="hiphop-breakdance.html">
308    
309    
310
311<img src="files/cotr/banner/banner_900_600_streetdance.jpg" width="900" height="600" alt="">
312
313
314
315          </a>
316    
317    
318  </figure>
319
320
321</div>
322
323<div class="ce_image block">
324
325  
326  
327  <figure class="image_container">
328
329          <a href="techno-house.html">
330    
331    
332
333<img src="files/cotr/banner/culturebanner_techno.jpg" width="900" height="600" alt="">
334
335
336
337          </a>
338    
339    
340  </figure>
341
342
343</div>
344
345<div class="ce_image block">
346
347  
348  
349  <figure class="image_container">
350
351          <a href="medienworkshops-video-foto-fanzine-literatur.html">
352    
353    
354

355<img src="files/cotr/banner/banner_900_600_videoworkshop.jpg" width="900" height="600" alt="">
356
357
358
359          </a>
360    
361    
362  </figure>
363
364
365</div>
366
367<div class="ce_image block">
368
369  
370  
371  <figure class="image_container">
372
373          <a href="skinheads.html">
374    
375    
376
377<img src="files/cotr/banner/culturebanner_scinhead.jpg" width="900" height="600" alt="">
378
379
380
381          </a>
382    
383    
384  </figure>
385
386
387</div>
388
389<div class="ce_image block">
390
391  
392  
393  <figure class="image_container">
394
395          <a href="comic.html">
396    
397    
398
399<img src="files/cotr/banner/banner_900_600_comic.jpg" width="900" height="600" alt="">
400
401
402
403          </a>
404    
405    
406  </figure>
407
408
409</div>
410
411<div class="ce_image block">
412
413  
414  
415  <figure class="image_container">
416
417          <a href="fussballfankultur-hooligans-ultras-homophobie.html">
418    
419    
420
421<img src="files/cotr/banner/Banner%20Fussball%20Fankulture.jpg" width="900" height="600" alt="">
422
423
424
425          </a>
426    
427    
428  </figure>
429
430
431</div>
432
433<div class="ce_image block">
434
435  
436  
437  <figure class="image_container">
438
439          <a href="skinheads.html">
440    
441    
442
443<img src="files/cotr/banner/culturebanner_gothic.jpg" width="900" height="600" alt="">
444
445
446
447          </a>
448    
449    
450  </figure>
451
452
453</div>
454
455<div class="ce_image block">
456
457  
458  
459  <figure class="image_container">
460
461          <a href="maedchen-in-jugendkulturen.html">
462    
463    
464
465<img src="files/cotr/banner/banner_900_600_maedchen.jpg" width="900" height="600" alt="">
466
467
468
469          </a>
470    
471    
472  </figure>
473
474
475</div>
476
477<div class="ce_image block">
478
479  
480  
481  <figure class="image_container">
482
483          <a href="reggae-dancehall.html">
484    
485    
486
487<img src="files/cotr/banner/banner_900_600_reggae.jpg" width="900" height="600" alt="">
488
489
490
491          </a>
492    
493    
494  </figure>
495
496
497</div>
498
499    </div>
500  </div>
501
502  <nav class="slider-control">
503    <a href="#" class="slider-prev">Zurück</a>
504    <span class="slider-menu"></span>
505    <a href="#" class="slider-next">Vorwärts</a>
506  </nav>
507
508</div>
509
510<div class="ce_text last block">
511
512  
513  
514      <p><span style="font-size: 15px;"><br><strong>Culture on the Road - Projekte mit Jugendlichen vor Ort gegen Diskriminierungen</strong></span></p>
515<p>Auf unserer Seite findet Ihr/finden Sie ein großes Workshop- und Vortrags- angebot: angefangen bei "Jugendkulturen allgemein" über einzelne Jugendszenen bis hin zu Antidiskriminierungs-, Foto-, Video- und Literaturwerkstätten.</p>
516<p>Alle Workshops lassen sich miteinander verbinden, sie sind einzeln oder als umfangreiches Programm realisierbar, für zehn oder an großen Projekttagen für bis zu 350 Menschen, für Jugendliche, MultiplikatorInnen und andere, in Berlin (auch in unserer Einrichtung), bundesweit oder international. Interessiert?</p>
517<p>Ruft an, mailt, schreibt, kommt vorbei. Wir sind fast immer für Euch/Sie da und stellen mit Euch/Ihnen einen individuellen Projekttag zusammen. Bis dahin viel Spaß beim Stöbern.</p>
518<p><a title="Gabriele Rohmann" href="&#109;&#97;&#105;&#108;&#116;&#111;&#58;&#x69;&#110;&#x66;&#x6F;&#x40;&#x63;&#x75;&#108;&#116;&#x75;&#x72;&#101;&#45;&#111;&#110;&#x2D;&#116;&#104;&#101;&#45;&#114;&#111;&#97;&#x64;&#46;&#100;&#101;">Gabriele Rohmann</a>, Leiterin</p>  
519  
520  
521
522</div>
523
524  
525</div>
526 
527 
528</div>
529
530<aside id="right">
531
532<div id="newsletter">
533    <a href="https://jugendkulturen.de/newsletter-abonnieren.html" title="Archiv der Jugendkulturen Newsletter" target="_blank">
534    <img src=" 	files/cotr/newsletter-3723465_960_720.png" alt="newsletter"/>
535  </a>
536<div id="socials">
537    <a href="http://www.youtube.com/user/Jugendkulturen" title="Archiv der Jugendkulturen bei Youtube" target="_blank">
538    <img src=" 	files/cotr/icons8-youtube-play-48.png" alt="youtube"/>
539  </a>
540  <a href="https://www.facebook.com/jugendkulturen" title="Archiv der Jugendkulturen bei Facebook" target="_blank">
541    <img src=" 	files/cotr/icons8-facebook-48.png" alt="facebook"/>
542  </a>
543    <a href="https://www.instagram.com/archiv_der_jugendkulturen/" title="Archiv der Jugendkulturen bei Instagram" target="_blank">
544    <img src=" 	files/cotr/icons8-instagram-48.png" alt="instagram"/>
545  </a>
546      <a href="https://twitter.com/jugendkulturen?lang=de" title="Archiv der Jugendkulturen bei Twitter" target="_blank">
547    <img src=" 	files/cotr/icons8-twitter-48.png" alt="twitter"/>
548  </a>
549</div>
550<div id="coop bmfsfj">
551    <a href="http://www.bmfsfj.de/" title="Bundesministerium für Familie, Senioren, Frauen und Jugend" target="_blank">
552    <img src="files/cotr/lgos/BMFSFJ_2.png" alt="BMFSFJ" />
553  </a>
554  </div>
555<div id="coop demokratie">
556    <a href="https://www.demokratie-leben.de/" title="Bundesministerium für Familie, Senioren, Frauen und Jugend" target="_blank">
557    <img src="files/cotr/lgos/Demokratie Leben!_2.png" alt="BMFSFJ" />
558  </a>
559  </div>
560<div id="coopbpb">
561    <a href="https://www.bpb.de/" title="Bundeszentrale für politische Bildung" target="_blank">
562    <img src=" 	files/cotr/lgos/Logo Bpb.jpg" alt="BpB" width="132" height="70" />
563    </a>
564  </div> 
565</aside>
566
567</div>
568
569<footer id="footer">
570
571<!-- indexer::stop -->
572<nav class="mod_customnav block">
573
574  
575  <a href="startseite.html#skipNavigation11" class="invisible">Navigation überspringen</a>
576
577  
578<ul class="level_1">
579            <li class="first"><a href="impressum.html" title="Impressum" class="first">Impressum</a></li>
580                <li class="last"><a href="datenschutz.html" title="Datenschutz" class="last">Datenschutz</a></li>
581      </ul>
582
583  <a id="skipNavigation11" class="invisible">&nbsp;</a>
584
585</nav>
586<!-- indexer::continue -->
587 
588</footer>
589
590</div>
591

592<script src="assets/jquery/ui/1.11.4/jquery-ui.min.js"></script>

592

593<script>
594  (function($) {
595    $(document).ready(function() {
596      $(document).accordion({
597        // Put custom options here
598        heightStyle: 'content',
599        header: 'div.toggler',
600        collapsible: true,
601        create: function(event, ui) {
602          ui.header.addClass('active');
603          $('div.toggler').attr('tabindex', 0);
604        },
605        activate: function(event, ui) {
606          ui.newHeader.addClass('active');
607          ui.oldHeader.removeClass('active');
608          $('div.toggler').attr('tabindex', 0);
609        }
610      });
611    });
612  })(jQuery);
613</script>

613
614

615<script src="assets/jquery/colorbox/1.6.1/js/colorbox.min.js"></script>

615

616<script>
617  (function($) {
618    $(document).ready(function() {
619      $('a[data-lightbox]').map(function() {
620        $(this).colorbox({
621          // Put custom options here
622          loop: false,
623          rel: $(this).attr('data-lightbox'),
624          maxWidth: '95%',
625          maxHeight: '95%'
626        });
627      });
628    });
629  })(jQuery);
630</script>

630
631

632<script src="assets/jquery/mediaelement/2.21.2/js/mediaelement-and-player.min.js"></script>

632

633<script>
634  (function($) {
635    $(document).ready(function() {
636      $('video,audio').filter(function() {
637          return $(this).parents('picture').length === 0;
638      }).mediaelementplayer({
639        // Put custom options here
640        pluginPath: '/assets/jquery/mediaelement/2.21.2/',
641        flashName: 'legacy/flashmediaelement.swf',
642        silverlightName: 'legacy/silverlightmediaelement.xap'
643      });
644    });
645  })(jQuery);
646</script>

646
647

648<script src="assets/swipe/2.0/js/swipe.min.js"></script>

648

649<script>
650  (function($) {
651    $(document).ready(function() {
652      $('.ce_sliderStart').each(function(i, cte) {
653        var s = $('.content-slider', cte)[0],
654            c = s.getAttribute('data-config').split(',');
655        new Swipe(s, {
656          // Put custom options here
657          'auto': parseInt(c[0]),
658          'speed': parseInt(c[1]),
659          'startSlide': parseInt(c[2]),
660          'continuous': parseInt(c[3]),
661          'menu': $('.slider-control', cte)[0]
662        });
663      });
664    });
665  })(jQuery);
666</script>

666
667

668<script>
669  (function() {
670    window.addEvent('domready', function() {
671      new Fx.Accordion($$('div.toggler'), $$('div.accordion'), {
672        opacity: false,
673        alwaysHide: true,
674        onActive: function(tog, el) {
675          el.setProperty('aria-hidden', 'false');
676          tog.addClass('active');
677          tog.getNext('div').fade('in');
678          tog.setProperty('aria-expanded', 'true');
679          return false;
680        },
681        onBackground: function(tog, el) {
682          el.setProperty('aria-hidden', 'true');
683          tog.removeClass('active');
684          tog.getNext('div').fade('out');
685          tog.setProperty('aria-expanded', 'false');
686          return false;
687        }
688      });
689      $$('div.toggler').each(function(el) {
690        el.setProperty('role', 'tab');
691        el.setProperty('tabindex', 0);
692        el.addEvents({
693          'keypress': function(event) {
694            if (event.code == 13 || event.code == 32) {
695              this.fireEvent('click');
696            }
697          },
698          'focus': function() {
699            this.addClass('hover');
700          },
701          'blur': function() {
702            this.removeClass('hover');
703          },
704          'mouseenter': function() {
705            this.addClass('hover');
706          },
707          'mouseleave': function() {
708            this.removeClass('hover');
709          }
710        });
711      });
712      $$('div.accordion').each(function(el) {
713        el.setProperty('role', 'tabpanel');
714      });
715    });
716  })();
717</script>

717
718

719<script src="assets/js/f461dda7860f.js"></script>

719

720<script>
721  (function() {
722    window.addEvent('domready', function() {
723      $$('select.tl_chosen').chosen();
724    });
725  })();
726</script>

726
727

728<script src="assets/mootools/mediabox/1.4.6/js/mediabox.js"></script>

728

729<script>
730  (function($) {
731    window.addEvent('domready', function() {
732      $$('a[data-lightbox]').mediabox({
733        // Put custom options here
734      }, function(el) {
735        return [el.href, el.title, el.getAttribute('data-lightbox')];
736      }, function(el) {
737        var data = this.getAttribute('data-lightbox').split(' ');
738        return (this == el) || (data[0] && el.getAttribute('data-lightbox').match(data[0]));
739      });
740      $('mbImage').addEvent('swipe', function(e) {
741        (e.direction == 'left') ? $('mbNextLink').fireEvent('click') : $('mbPrevLink').fireEvent('click');
742      });
743    });
744  })(document.id);
745</script>

745
746

747<script src="assets/swipe/2.0/js/swipe.min.js"></script>

747

748<script>
749  (function() {
750    window.addEvent('domready', function() {
751      $$('.ce_sliderStart').each(function(cte) {
752        var s = cte.getElement('.content-slider'),
753            c = s.getAttribute('data-config').split(',');
754        new Swipe(s, {
755          // Put custom options here
756          'auto': parseInt(c[0]),
757          'speed': parseInt(c[1]),
758          'startSlide': parseInt(c[2]),
759          'continuous': parseInt(c[3]),
760          'menu': cte.getElement('.slider-control')
761        });
762      });
763    });
764  })();
765</script>

765
766

767<script>setTimeout(function(){var e=function(e,t){try{var n=new XMLHttpRequest}catch(r){return}n.open("GET",e,!0),n.onreadystatechange=function(){this.readyState==4&&this.status==200&&typeof t=="function"&&t(this.responseText)},n.send()},t="system/cron/cron.";e(t+"txt",function(n){parseInt(n||0)<Math.round(+(new Date)/1e3)-86400&&e(t+"php")})},5e3);</script>

767
768

769<script src="assets/contao/js/scheduler.js?t=86400" id="cron"></script>

769
770
771</body>
772</html>