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 & 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 & Tanz</a></li> 356 <li class="nav-konzert-liederabend"><a href="https://www.ioco.de/tag/konzert/">Konzert & Liederabend</a></li> 357 <li class="nav-musical-revue"><a href="https://www.ioco.de/tag/musical/">Musical & 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 & 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.