PageSourceSearch

https://www.ioco.de/about/

html ioco.de collected 2026-10-02 07:54:02 UTC 32,971 bytes, 630 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3<head>
4
5    <title>Über IOCO</title>
6    <meta charset="utf-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    
9    <link rel="preload" as="style" href="https://www.ioco.de/assets/built/screen.css?v=uZsTIyprjB7Bz3mI">
10    <link rel="preload" as="script" href="https://www.ioco.de/assets/built/source.js?v=hgnv3dFRNrcfIROn">
11    
12    <link rel="preload" as="font" type="font/woff2" href="https://www.ioco.de/assets/fonts/inter-roman.woff2?v=OecsB5TBLy27FKD2" crossorigin="anonymous">
13<style>
14    @font-face {
15        font-family: "Inter";
16        font-style: normal;
17        font-weight: 100 900;
18        font-display: optional;
19        src: url(https://www.ioco.de/assets/fonts/inter-roman.woff2?v=OecsB5TBLy27FKD2) format("woff2");
20        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
21    }
22</style>
23
24    <link rel="stylesheet" type="text/css" href="https://www.ioco.de/assets/built/screen.css?v=uZsTIyprjB7Bz3mI">
25
26    <style>
27        :root {
28            --background-color: #ffffff
29        }
30    </style>
31
32    
32<script>
33        /* The script for calculating the color contrast has been taken from
34        https://gomakethings.com/dynamically-changing-the-text-color-based-on-background-color-contrast-with-vanilla-js/ */
35        var accentColor = getComputedStyle(document.documentElement).getPropertyValue('--background-color');
36        accentColor = accentColor.trim().slice(1);
37
38        if (accentColor.length === 3) {
39            accentColor = accentColor[0] + accentColor[0] + accentColor[1] + accentColor[1] + accentColor[2] + accentColor[2];
40        }
41
42        var r = parseInt(accentColor.substr(0, 2), 16);
43        var g = parseInt(accentColor.substr(2, 2), 16);
44        var b = parseInt(accentColor.substr(4, 2), 16);
45        var yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
46        var textColor = (yiq >= 128) ? 'dark' : 'light';
47
48        document.documentElement.className = `has-${textColor}-text`;
49    </script>
49
50
51    <link rel="icon" href="https://storage.ghost.io/c/38/f5/38f5739d-f8a2-4e7b-96ed-d56cfbedb61b/content/images/size/w256h256/2023/11/Screenshot-2023-11-28-at-8.34.20-am.png" type="image/png">
52    <link rel="canonical" href="https://www.ioco.de/about/">
53    <meta name="referrer" content="no-referrer-when-downgrade">
54    
55    <meta property="og:site_name" content="IOCO - Kultur im Netz">
56    <meta property="og:type" content="website">
57    <meta property="og:title" content="Über IOCO">
58    <meta property="og:description" content="IOCO ist einer der führenden Kultur-Multi-Autor-Blogs im deutschen und europäischen Sprachraum.
59
60Unser Ziel ist es, unseren Besuchern Kultur in all ihren Facetten näherzubringen – von Oper, Konzert, Schauspiel bis hin zu Musical, Varieté, Ausstellungen und Personalia.
61
62Zudem informieren wir regelmäßig über aktuelle Geschehnisse aus der Kulturwelt. Ein besonderer">
63    <meta property="og:url" content="https://www.ioco.de/about/">
64    <meta property="og:image" content="https://storage.ghost.io/c/38/f5/38f5739d-f8a2-4e7b-96ed-d56cfbedb61b/content/images/2023/12/DALL-E-2023-12-08-14.48.48---A-sophisticated-banner-image-for-a-cultural-newsletter--focusing-on-opera--theater--and-classical-music--with-a-dominant-red-color-theme.-The-backgrou-1.png">
65    <meta property="article:published_time" content="2023-03-31T01:41:10.000Z">
66    <meta property="article:modified_time" content="2023-12-17T22:39:00.000Z">
67    <meta property="article:publisher" content="https://www.facebook.com/groups/IOCOKulturCommunity/">
68    <meta name="twitter:card" content="summary_large_image">
69    <meta name="twitter:title" content="Über IOCO">
70    <meta name="twitter:description" content="IOCO ist einer der führenden Kultur-Multi-Autor-Blogs im deutschen und europäischen Sprachraum.
71
72Unser Ziel ist es, unseren Besuchern Kultur in all ihren Facetten näherzubringen – von Oper, Konzert, Schauspiel bis hin zu Musical, Varieté, Ausstellungen und Personalia.
73
74Zudem informieren wir regelmäßig über aktuelle Geschehnisse aus der Kulturwelt. Ein besonderer">
75    <meta name="twitter:url" content="https://www.ioco.de/about/">
76    <meta name="twitter:image" content="https://storage.ghost.io/c/38/f5/38f5739d-f8a2-4e7b-96ed-d56cfbedb61b/content/images/2023/12/DALL-E-2023-12-08-14.48.48---A-sophisticated-banner-image-for-a-cultural-newsletter--focusing-on-opera--theater--and-classical-music--with-a-dominant-red-color-theme.-The-backgrou-1.png">
77    <meta name="twitter:label1" content="Written by">
78    <meta name="twitter:data1" content="Daniel Jarosch">
79    <meta name="twitter:site" content="@IOCOKulturNetz">
80    <meta property="og:image:width" content="1200">
81    <meta property="og:image:height" content="686">
82    
83    
83<script type="application/ld+json">
84{
85    "@context": "https://schema.org",
86    "@type": "Article",
87    "publisher": {
88        "@type": "Organization",
89        "name": "IOCO - Kultur im Netz",
90        "url": "https://www.ioco.de/",
91        "logo": {
92            "@type": "ImageObject",
93            "url": "https://storage.ghost.io/c/38/f5/38f5739d-f8a2-4e7b-96ed-d56cfbedb61b/content/images/2023/11/Screenshot-2023-11-28-at-8.23.39-pm.png"
94        }
95    },
96    "author": {
97        "@type": "Person",
98        "name": "Daniel Jarosch",
99        "image": {
100            "@type": "ImageObject",
101            "url": "https://storage.ghost.io/c/38/f5/38f5739d-f8a2-4e7b-96ed-d56cfbedb61b/content/images/2023/08/Screenshot-2023-08-12-at-10.07.49-am.png",
102            "width": 1018,
103            "height": 1104
104        },
105        "url": "https://www.ioco.de/author/daniel/",
106        "sameAs": []
107    },
108    "headline": "Über IOCO",
109    "url": "https://www.ioco.de/about/",
110    "datePublished": "2023-03-31T01:41:10.000Z",
111    "dateModified": "2023-12-17T22:39:00.000Z",
112    "image": {
113        "@type": "ImageObject",
114        "url": "https://storage.ghost.io/c/38/f5/38f5739d-f8a2-4e7b-96ed-d56cfbedb61b/content/images/size/w1200/2023/12/DALL-E-2023-12-08-14.48.48---A-sophisticated-banner-image-for-a-cultural-newsletter--focusing-on-opera--theater--and-classical-music--with-a-dominant-red-color-theme.-The-backgrou-1.png",
115        "width": 1200,
116        "height": 686
117    },
118    "description": "IOCO ist einer der führenden Kultur-Multi-Autor-Blogs im deutschen und europäischen Sprachraum.\n\nUnser Ziel ist es, unseren Besuchern Kultur in all ihren Facetten näherzubringen – von Oper, Konzert, Schauspiel bis hin zu Musical, Varieté, Ausstellungen und Personalia.\n\nZudem informieren wir regelmäßig über aktuelle Geschehnisse aus der Kulturwelt. Ein besonderer Schwerpunkt liegt dabei auf den Rezensionen unserer Autoren zu Theatervorstellungen. Werden auch Sie Teil unserer Community, Support od",
119    "mainEntityOfPage": "https://www.ioco.de/about/"
120}
121    </script>
121
122
123    <meta name="generator" content="Ghost 6.68">
124    <link rel="alternate" type="application/rss+xml" title="IOCO - Kultur im Netz" href="https://www.ioco.de/rss/">
125    
125<script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.71/umd/portal.min.js" data-i18n="true" data-ghost="https://www.ioco.de/" data-key="949b6be526f79f6c4f66d6a373" data-api="https://ioco-kultur-im-netz.ghost.io/ghost/api/content/" data-locale="de" crossorigin="anonymous"></script>
125<style id="gh-members-styles">.gh-post-upgrade-cta-content,
126.gh-post-upgrade-cta {
127    display: flex;
128    flex-direction: column;
129    align-items: center;
130    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
131    text-align: center;
132    width: 100%;
133    color: #ffffff;
134    font-size: 16px;
135}
136
137.gh-post-upgrade-cta-content {
138    border-radius: 8px;
139    padding: 40px 4vw;
140}
141
142.gh-post-upgrade-cta h2 {
143    color: #ffffff;
144    font-size: 28px;
145    letter-spacing: -0.2px;
146    margin: 0;
147    padding: 0;
148}
149
150.gh-post-upgrade-cta p {
151    margin: 20px 0 0;
152    padding: 0;
153}
154
155.gh-post-upgrade-cta small {
156    font-size: 16px;
157    letter-spacing: -0.2px;
158}
159
160.gh-post-upgrade-cta a {
161    color: #ffffff;
162    cursor: pointer;
163    font-weight: 500;
164    box-shadow: none;
165    text-decoration: underline;
166}
167
168.gh-post-upgrade-cta a:hover {
169    color: #ffffff;
170    opacity: 0.8;
171    box-shadow: none;
172    text-decoration: underline;
173}
174
175.gh-post-upgrade-cta a.gh-btn {
176    display: block;
177    background: #ffffff;
178    text-decoration: none;
179    margin: 28px 0 0;
180    padding: 8px 18px;
181    border-radius: 4px;
182    font-size: 16px;
183    font-weight: 600;
184}
185
186.gh-post-upgrade-cta a.gh-btn:hover {
187    opacity: 0.92;
188}</style>
188<script async src="https://js.stripe.com/v3/"></script>
188
189    
189<script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/sodo-search.min.js" data-key="949b6be526f79f6c4f66d6a373" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/main.css" data-sodo-search="https://ioco-kultur-im-netz.ghost.io/" data-locale="de" crossorigin="anonymous"></script>
189
190    
190<script defer src="https://cdn.jsdelivr.net/ghost/announcement-bar@~1.1/umd/announcement-bar.min.js" data-announcement-bar="https://www.ioco.de/" data-api-url="https://www.ioco.de/members/api/announcement/" crossorigin="anonymous"></script>
190
191    <link href="https://www.ioco.de/webmentions/receive/" rel="webmention">
192    
192<script defer src="/public/cards.min.js?v=ShRHxgy4po8zN-Wf"></script>
192
193    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=WwnU9jw5ancNC8Gc">
194    
194<script defer src="/public/comment-counts.min.js?v=oFYkaGLdiMqB8VN9" data-ghost-comments-counts-api="https://www.ioco.de/members/api/comments/counts/"></script>
194
195    
195<script defer src="/public/member-attribution.min.js?v=AKG4hWena9j3yX3I"></script>
195
196    
196<script defer src="/public/ghost-stats.min.js?v=vFcCUf6ZQ0Hyhc8h" data-stringify-payload="false" data-datasource="analytics_events" data-storage="localStorage" data-host="https://www.ioco.de/.ghost/analytics/api/v1/page_hit"  tb_site_uuid="38f5739d-f8a2-4e7b-96ed-d56cfbedb61b" tb_post_uuid="10d27f3c-8014-4b31-9d16-7ba7a276d25c" tb_post_type="page" tb_member_uuid="undefined" tb_member_status="undefined" tb_gift_link=""></script>
196<style>:root {--ghost-accent-color: #ff1a1a;}</style>
197    
198
199
200<!-- Start cookieyes banner --> 
200<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/89ffa9312481ea635d0bb4c6/script.js"></script>
200 <!-- End cookieyes banner -->
201<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 201-202
201
202<script async src="https://www.googletagmanager.com/gtag/js?id=
202G-FZ7FBG0L9C
vendor: 12 bytes, line 202
202"></script>
203<script>
204  
vendor: 134 bytes, lines 204-208
204window.dataLayer = window.dataLayer || [];
205  function gtag(){dataLayer.push(arguments);}
206  gtag('js', new Date());
207
208  gtag('config', '
208G-FZ7FBG0L9C
vendor: 4 bytes, line 208
208');
209</script>
209
210
211<style>
212.gh-head-logo img {
213    max-height: 80px!important;
214}
215</style>
216
217<style>
218
219li[class*="nav-"][class*="--hasHoverDown"] {
220	position: relative;
221}
222li[class*="nav-"][class*="--hasHoverDown"] a:after {
223	content: "▼";
224	padding-left: 15px;
225	font-size: 12px;
226	color: inherit;
227}
228li[class*="nav-"][class*="--hasHoverDown"] .isHoverDown a:after {
229	display:none;
230}
231li[class*="nav-"][class*="--hasHoverDown"]:focus-within > li[class*="nav-"]:after,
232li[class*="nav-"][class*="--hasHoverDown"]:hover > li[class*="nav-"]:after {
233	background-color: transparent;
234}
235li[class*="nav-"][class*="--hasHoverDown"]:focus-within .isHoverDown,
236li[class*="nav-"][class*="--hasHoverDown"]:hover .isHoverDown {
237	opacity: 1;
238	visibility: visible;
239}
240.isHoverDown {
241	z-index: 1;
242	opacity: 0;
243	visibility: hidden;
244	position: absolute;
245	margin: 0;
246	max-width: unset;
247	list-style: none;
248	/* The padding inside the Hover down (the space surrounding the links) */
249	padding: 16px;
250	/* The rounded corners of the Hover down */
251	border-radius: 10px;
252	/* The background color of the Hover down */
253	background: #ffffff;
254    /* The color of the text in the Hover down */
255    color: #00ff00;
256}
257.isHoverDown a {
258    /* Set link color to black */
259    color: #000000;
260}
261li[class*="nav-"] a:hover {
262    /* Set hover color to red */
263    color: #ff0000;
264    /* Make the font bold on hover */
265    font-weight: bold;
266}
267.isHoverDown a:hover {
268    /* Set hover color to red */
269    color: #ff0000;
270}
271.isHoverDown a:hover {
272    /* Set hover color to red */
273    color: #ff0000;
274    /* Make the font bold on hover */
275    font-weight: bold;
276}
277.isHoverDown li[class*="nav-"] {
278	margin-right: 0 !important;
279}
280.isHoverDown li[class*="nav-"]:not(:last-child) {
281	margin-bottom: 100;
282    /* Dividers between the Hover down items */
283    border-bottom: 1px solid #ddd;
284}
285
286/* OPTIONAL: in mobile, left align all menu items and indent submenu items */
287    /*
288@media (max-width: 991px) {
289    #gh-head .gh-head-inner {
290        grid-template-columns: 1fr;
291    	height: auto;
292	}
293	.gh-head-open #gh-head .gh-head-menu,
294    #gh-head .gh-head-menu .nav {
295    	align-items: flex-start;
296    	display: flex;
297    	flex-direction: column;
298        margin: 0 auto;
299	}
300    .gh-head-menu .nav li {
301        text-align: left;
302	}
303    .gh-head-menu .nav li.hasHoverDown {
304        margin: 0;
305    	padding: 0;
306    	display: flex;
307    	flex-direction: column;
308    	align-items: flex-start;
309	}
310    .gh-head-menu ul.isHoverDown {
311    	list-style: none;
312    	text-align: left;
313    	margin: 0;
314    	padding: 0 0 0 10px;
315	}
316    .gh-head-menu ul.isHoverDown li {
317    	margin: 0;
318    	padding: 0;
319    	text-align: left;
320	}
321    .gh-head-menu ul.isHoverDown li a {
322    	font-size: 2rem;
323    	line-height: 1.5;
324	}
325}
326    */
327
328</style>
329
330<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8412990200761203"
331     crossorigin="anonymous"></script>
331
332
333</head>
334<body class="page-template page-about has-sans-title has-sans-body">
335
336<div class="gh-viewport">
337    
338    <header id="gh-navigation" class="gh-navigation is-left-logo gh-outer">
339    <div class="gh-navigation-inner gh-inner">
340
341        <div class="gh-navigation-brand">
342            <a class="gh-navigation-logo is-title" href="https://www.ioco.de">
343                    <img src="https://storage.ghost.io/c/38/f5/38f5739d-f8a2-4e7b-96ed-d56cfbedb61b/content/images/2023/11/Screenshot-2023-11-28-at-8.23.39-pm.png" alt="IOCO - Kultur im Netz">
344            </a>
345            <button class="gh-search gh-icon-button" aria-label="Diese Seite durchsuchen" data-ghost-search>
346    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button>            <button class="gh-burger gh-icon-button" aria-label="Menü">
347                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z"></path></svg>                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"></path></svg>            </button>
348        </div>
349
350        <nav class="gh-navigation-menu">
351            <ul class="nav">
352    <li class="nav-home"><a href="https://www.ioco.de/">Home</a></li>
353    <li class="nav-oper-operette"><a href="https://www.ioco.de/tag/oper/">Oper &amp; Operette</a></li>
354    <li class="nav-theater"><a href="https://www.ioco.de/tag/theater/">Theater</a></li>
355    <li class="nav-ballett-tanz"><a href="https://www.ioco.de/tag/ballett/">Ballett &amp; Tanz</a></li>
356    <li class="nav-konzert-liederabend"><a href="https://www.ioco.de/tag/konzert/">Konzert &amp; Liederabend</a></li>
357    <li class="nav-musical-revue"><a href="https://www.ioco.de/tag/musical/">Musical &amp; Revue</a></li>
358    <li class="nav-kritiken"><a href="https://www.ioco.de/tag/kritiken/">Kritiken</a></li>
359    <li class="nav-ioco-kultur-lexikon"><a href="https://www.ioco.de/kultur-lexikon/">IOCO Kultur Lexikon</a></li>
360    <li class="nav-pressemeldungen-nachrichten"><a href="https://www.ioco.de/tag/pressemeldungen/">Pressemeldungen &amp; Nachrichten</a></li>
361    <li class="nav-interviews"><a href="https://www.ioco.de/tag/interview/">Interviews</a></li>
362    <li class="nav-portraits"><a href="https://www.ioco.de/tag/portraits/">Portraits</a></li>
363    <li class="nav-ioco-archiv"><a href="https://www.ioco.de/archiv/">IOCO Archiv</a></li>
364    <li class="nav-ioco-kultur-reisen"><a href="https://www.ioco.de/kulturreisen/">IOCO Kultur Reisen</a></li>
365</ul>
366
367        </nav>
368
369        <div class="gh-navigation-actions">
370                <button class="gh-search gh-icon-button" aria-label="Diese Seite durchsuchen" data-ghost-search>
371    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button>                <div class="gh-navigation-members">
372                            <a href="#/portal/signin" data-portal="signin">Anmelden</a>
373                                <a class="gh-button" href="#/portal/signup" data-portal="signup">Abonnieren</a>
374                </div>
375        </div>
376
377    </div>
378</header>
379
380    
381
382<main class="gh-main">
383    <article class="gh-article post">
384
385            <header class="gh-article-header gh-canvas">
386                <h1 class="gh-article-title is-title">Über IOCO</h1>
387                    <figure class="gh-article-image">
388        <img
389            srcset="https://storage.ghost.io/c/38/f5/38f5739d-f8a2-4e7b-96ed-d56cfbedb61b/content/images/size/w320/2023/12/DALL-E-2023-12-08-14.48.48---A-sophisticated-banner-image-for-a-cultural-newsletter--focusing-on-opera--theater--and-classical-music--with-a-dominant-red-color-theme.-The-backgrou-1.png 320w,
390                    https://storage.ghost.io/c/38/f5/38f5739d-f8a2-4e7b-96ed-d56cfbedb61b/content/images/size/w600/2023/12/DALL-E-2023-12-08-14.48.48---A-sophisticated-banner-image-for-a-cultural-newsletter--focusing-on-opera--theater--and-classical-music--with-a-dominant-red-color-theme.-The-backgrou-1.png 600w,
391                    https://storage.ghost.io/c/38/f5/38f5739d-f8a2-4e7b-96ed-d56cfbedb61b/content/images/size/w960/2023/12/DALL-E-2023-12-08-14.48.48---A-sophisticated-banner-image-for-a-cultural-newsletter--focusing-on-opera--theater--and-classical-music--with-a-dominant-red-color-theme.-The-backgrou-1.png 960w,
392                    https://storage.ghost.io/c/38/f5/38f5739d-f8a2-4e7b-96ed-d56cfbedb61b/content/images/size/w1200/2023/12/DALL-E-2023-12-08-14.48.48---A-sophisticated-banner-image-for-a-cultural-newsletter--focusing-on-opera--theater--and-classical-music--with-a-dominant-red-color-theme.-The-backgrou-1.png 1200w,
393                    https://storage.ghost.io/c/38/f5/38f5739d-f8a2-4e7b-96ed-d56cfbedb61b/content/images/size/w2000/2023/12/DALL-E-2023-12-08-14.48.48---A-sophisticated-banner-image-for-a-cultural-newsletter--focusing-on-opera--theater--and-classical-music--with-a-dominant-red-color-theme.-The-backgrou-1.png 2000w"
394            sizes="(max-width: 1200px) 100vw, 1120px"
395            src="https://storage.ghost.io/c/38/f5/38f5739d-f8a2-4e7b-96ed-d56cfbedb61b/content/images/size/w1200/2023/12/DALL-E-2023-12-08-14.48.48---A-sophisticated-banner-image-for-a-cultural-newsletter--focusing-on-opera--theater--and-classical-music--with-a-dominant-red-color-theme.-The-backgrou-1.png"
396            alt="Über IOCO"
397        >
398    </figure>
399            </header>
400
401        <section class="gh-content gh-canvas is-body">
402            <p><strong>IOCO ist einer der führenden Kultur-Multi-Autor-Blogs im deutschen und europäischen Sprachraum.</strong> </p><p>Unser Ziel ist es, unseren Besuchern Kultur in all ihren Facetten näherzubringen – von Oper, Konzert, Schauspiel bis hin zu Musical, Varieté, Ausstellungen und Personalia.</p><p>Zudem informieren wir regelmäßig über aktuelle Geschehnisse aus der Kulturwelt. Ein besonderer Schwerpunkt liegt dabei auf den Rezensionen unserer Autoren zu Theatervorstellungen. Werden auch Sie Teil unserer Community, Support oder sogar Autor: <a href="https://www.ioco.de/#/portal/signup">https://www.ioco.de/#/portal/signup</a></p><p><br><strong>Unsere Autoren behandeln sämtliche Aspekte der Kultur, angefangen bei Musik- und Sprechtheater über Varieté und Ausstellungen bis hin zu Konzerten und Personalia. </strong>Darüber hinaus finden Sie bei uns Pressemeldungen von kleinen und großen Theatern, Interviews sowie CD- und Buchbesprechungen bekannter und weniger bekannter Künstler. </p><p><br>Der Name "IOCO" leitet sich vom lateinischen "ich spiele" ab und spiegelt unser fröhliches und lebensnahes Selbstverständnis wider. In unserer großen Facebook-Gruppe "IOCO Kultur community group" mit mehr als 3.500 kulturinteressierten Mitgliedern werden Beiträge von uns und anderen kommuniziert und lebhaft diskutiert. In der IOCO-Community legen wir großen Wert auf Respekt und Toleranz für die Meinungen anderer und pflegen eine positive und fröhliche Atmosphäre. In unserer Kulturcommunity sollte rücksichtslose oder verletzende Sprache vermieden werden, die leider in den sozialen Medien häufig anzutreffen ist, da sie zum Ausschluss aus der IOCO-Community führen kann.</p><p><br>Unsere Plattform wird von etwa 50 Autoren aus dem gesamten deutschen Sprachraum sowie aus Frankreich und England unterstützt, die die zugrunde liegenden Rezensionen und Berichte verfassen. Seit unserer Gründung im Jahr 2001 sind wir kontinuierlich gewachsen und haben uns zu einer zentralen Anlaufstelle für eine große und treue Community von Autoren und Lesern entwickelt. Mit mittlerweile über 20.000 einzigartigen Artikeln bieten wir hochwertigen Content und können auf eine lebendige und engagierte Community verweisen.</p><p><br>Möchten Sie mit uns in Kontakt treten oder haben Sie Ideen, Gedanken oder Vorschläge für IOCO? Werden Sie Teil unserer Community. Wir freuen uns über Ihr Feedback und sind an einer Zusammenarbeit interessiert.</p><p></p><div class="kg-card kg-signup-card kg-width-regular " data-lexical-signup-form="" style="background-color: #F0F0F0; display: none;">
403            
404            <div class="kg-signup-card-content">
405                
406                <div class="kg-signup-card-text ">
407                    <h2 class="kg-signup-card-heading"><span style="white-space: pre-wrap;">Werde Mitglied von IOCO - Kultur im Netz</span></h2>
408                    <p class="kg-signup-card-subheading"><span style="white-space: pre-wrap;">IOCO - Ihr digitales Fenster zur Kultur. Entdecken Sie Kritiken, Interviews und Aktuelles aus Musik, Theater, Oper und mehr. Tauchen Sie in die Kulturszene ein!</span></p>
409                    
410        <form class="kg-signup-card-form" data-members-form="signup">
411            
412            <div class="kg-signup-card-fields">
413                <input class="kg-signup-card-input" id="email" data-members-email="" type="email" required="true" placeholder="Your email">
414                <button class="kg-signup-card-button kg-style-accent" style="color: #FFFFFF;" type="submit">
415                    <span class="kg-signup-card-button-default">Subscribe</span>
416                    <span class="kg-signup-card-button-loading"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
417        <g stroke-linecap="round" stroke-width="2" fill="currentColor" stroke="none" stroke-linejoin="round" class="nc-icon-wrapper">
418            <g class="nc-loop-dots-4-24-icon-o">
419                <circle cx="4" cy="12" r="3"></circle>
420                <circle cx="12" cy="12" r="3"></circle>
421                <circle cx="20" cy="12" r="3"></circle>
422            </g>
423            <style data-cap="butt">
424                .nc-loop-dots-4-24-icon-o{--animation-duration:0.8s}
425                .nc-loop-dots-4-24-icon-o *{opacity:.4;transform:scale(.75);animation:nc-loop-dots-4-anim var(--animation-duration) infinite}
426                .nc-loop-dots-4-24-icon-o :nth-child(1){transform-origin:4px 12px;animation-delay:-.3s;animation-delay:calc(var(--animation-duration)/-2.666)}
427                .nc-loop-dots-4-24-icon-o :nth-child(2){transform-origin:12px 12px;animation-delay:-.15s;animation-delay:calc(var(--animation-duration)/-5.333)}
428                .nc-loop-dots-4-24-icon-o :nth-child(3){transform-origin:20px 12px}
429                @keyframes nc-loop-dots-4-anim{0%,100%{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}
430            </style>
431        </g>
432    </svg></span>
433                </button>
434            </div>
435            <div class="kg-signup-card-success">
436                Email sent! Check your inbox to complete your signup.
437            </div>
438            <div class="kg-signup-card-error" data-members-error=""></div>
439        </form>
440        
441                    <p class="kg-signup-card-disclaimer"><span style="white-space: pre-wrap;">Free. No spam. Unsubscribe anytime.</span></p>
442                </div>
443            </div>
444        </div>
445        </section>
446
447    </article>
448</main>
449
450
451    
452    <footer class="gh-footer gh-outer">
453    <div class="gh-footer-inner gh-inner">
454
455        <div class="gh-footer-bar">
456            <span class="gh-footer-logo is-title">
457                    <img src="https://storage.ghost.io/c/38/f5/38f5739d-f8a2-4e7b-96ed-d56cfbedb61b/content/images/2023/11/Screenshot-2023-11-28-at-8.23.39-pm.png" alt="IOCO - Kultur im Netz">
458            </span>
459            <nav class="gh-footer-menu">
460                <ul class="nav">
461    <li class="nav-uber-ioco nav-current"><a href="https://www.ioco.de/about/">Über Ioco</a></li>
462    <li class="nav-werde-ioco-autor"><a href="https://www.ioco.de/warum-sollte-ich-autor-bei-ioco-de-werden/">Werde IOCO Autor</a></li>
463    <li class="nav-facebook"><a href="https://www.facebook.com/groups/IOCOKulturCommunity">Facebook</a></li>
464    <li class="nav-impressum"><a href="https://www.ioco.de/impressum-2/">Impressum</a></li>
465    <li class="nav-datenschutzerklarung"><a href="https://www.ioco.de/datenschutzerklaerung/">Datenschutzerklärung</a></li>
466    <li class="nav-archiv"><a href="https://www.ioco.de/archiv/">Archiv</a></li>
467    <li class="nav-ioco-kultur-lexikon"><a href="https://www.ioco.de/kultur-lexikon/">IOCO Kultur Lexikon</a></li>
468</ul>
469
470            </nav>
471            <div class="gh-footer-copyright">
472                Erstellt mit <a href="https://ghost.org/" target="_blank" rel="noopener">Ghost</a>
473            </div>
474        </div>
475
476                <section class="gh-footer-signup">
477                    <h2 class="gh-footer-signup-header is-title">
478                        IOCO - Kultur im Netz
479                    </h2>
480                    <p class="gh-footer-signup-subhead is-body">
481                        IOCO - Ihr digitales Fenster zur Kultur. Entdecken Sie Kritiken, Interviews und Aktuelles aus Musik, Theater, Oper und mehr. Tauchen Sie ein!
482                    </p>
483                    <form class="gh-form" data-members-form>
484    <input class="gh-form-input" id="footer-email" name="email" type="email" placeholder="[email protected]" required data-members-email>
485    <button class="gh-button" type="submit" aria-label="Abonnieren">
486        <span><span>Abonnieren</span> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></span>
487        <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
488    <g stroke-linecap="round" stroke-width="2" fill="currentColor" stroke="none" stroke-linejoin="round" class="nc-icon-wrapper">
489        <g class="nc-loop-dots-4-24-icon-o">
490            <circle cx="4" cy="12" r="3"></circle>
491            <circle cx="12" cy="12" r="3"></circle>
492            <circle cx="20" cy="12" r="3"></circle>
493        </g>
494        <style data-cap="butt">
495            .nc-loop-dots-4-24-icon-o{--animation-duration:0.8s}
496            .nc-loop-dots-4-24-icon-o *{opacity:.4;transform:scale(.75);animation:nc-loop-dots-4-anim var(--animation-duration) infinite}
497            .nc-loop-dots-4-24-icon-o :nth-child(1){transform-origin:4px 12px;animation-delay:-.3s;animation-delay:calc(var(--animation-duration)/-2.666)}
498            .nc-loop-dots-4-24-icon-o :nth-child(2){transform-origin:12px 12px;animation-delay:-.15s;animation-delay:calc(var(--animation-duration)/-5.333)}
499            .nc-loop-dots-4-24-icon-o :nth-child(3){transform-origin:20px 12px}
500            @keyframes nc-loop-dots-4-anim{0%,100%{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}
501        </style>
502    </g>
503</svg>
503        <span>E-Mail gesendet</span>
504    </button>
505    <p data-members-error></p>
506</form>
507                </section>
508
509    </div>
510</footer>    
511</div>
512
513    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
514    <div class="pswp__bg"></div>
515
516    <div class="pswp__scroll-wrap">
517        <div class="pswp__container">
518            <div class="pswp__item"></div>
519            <div class="pswp__item"></div>
520            <div class="pswp__item"></div>
521        </div>
522
523        <div class="pswp__ui pswp__ui--hidden">
524            <div class="pswp__top-bar">
525                <div class="pswp__counter"></div>
526
527                <button class="pswp__button pswp__button--close" title="Schließen (Esc)"></button>
528                <button class="pswp__button pswp__button--share" title="Teilen"></button>
529                <button class="pswp__button pswp__button--fs" title="Vollbild umschalten"></button>
530                <button class="pswp__button pswp__button--zoom" title="Vergrößern/Verkleinern"></button>
531
532                <div class="pswp__preloader">
533                    <div class="pswp__preloader__icn">
534                        <div class="pswp__preloader__cut">
535                            <div class="pswp__preloader__donut"></div>
536                        </div>
537                    </div>
538                </div>
539            </div>
540
541            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
542                <div class="pswp__share-tooltip"></div>
543            </div>
544
545            <button class="pswp__button pswp__button--arrow--left" title="Zurück (Pfeiltaste links)"></button>
546            <button class="pswp__button pswp__button--arrow--right" title="Weiter (Pfeiltaste rechts)"></button>
547
548            <div class="pswp__caption">
549                <div class="pswp__caption__center"></div>
550            </div>
551        </div>
552    </div>
553</div>
554<script src="https://www.ioco.de/assets/built/source.js?v=hgnv3dFRNrcfIROn"></script>
554
555
556<script>
557
558(function () {
559const mediaQuery = window.matchMedia('(max-width: 767px)');
560
561// IMPORTANT: For themes other than Casper, change the selector just below to select your theme's header menu selector
562const menu = document.querySelector('.gh-head-menu');
563const nav = menu.querySelector('.nav');
564if (!nav) return;
565
566// IMPORTANT: For themes other than Casper, change the selector just below to select your theme's header logo selector
567const logo = document.querySelector('.gh-head-logo');
568const navHTML = nav.innerHTML;
569
570if (mediaQuery.matches) {
571const items = nav.querySelectorAll('li');
572items.forEach(function (item, index) {
573item.style.transitionDelay = 0.03 * (index + 1) + 's';
574});
575}
576
577const makeHoverdown = function () {
578if (mediaQuery.matches) return;
579
580var hoverDown_list = [],
581latest_navigation_item,
582// IMPORTANT: For themes other than Casper, change the selector just below to select your theme's header menu item selector
583nav_list = document.querySelectorAll('.gh-head-menu li');
584var newMenuList = [];
585var menuTree = {};
586
587nav_list.forEach( (item, index) => {
588if(item.childNodes[0].innerText.startsWith('-')) {
589if(menuTree[newMenuList.length - 1]) {
590menuTree[newMenuList.length - 1].push(item);
591} else {
592menuTree[newMenuList.length - 1] = [item];
593}
594} else {
595newMenuList.push(item);
596}
597});
598
599nav_list = newMenuList.map((item, index) => {
600if(menuTree[index]) {
601let hoverdown = document.createElement('ul');
602hoverdown.className = 'isHoverDown';
603menuTree[index].forEach(child => {
604hoverDown_item_text = child.childNodes[0].innerText;
605child.childNodes[0].innerText = hoverDown_item_text.replace('- ', '');
606hoverdown.appendChild(child);
607});
608item.className += '--hasHoverDown';
609item.appendChild(hoverdown);
610}
611return item;
612});
613}
614
615imagesLoaded(logo, function () {
616makeHoverdown();
617});
618
619window.addEventListener('resize', function () {
620setTimeout(function () {
621nav.innerHTML = navHTML;
622makeHoverdown();
623}, 1);
624});
625
626})();
627</script>
627
628
629</body>
630</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.