PageSourceSearch

https://forum-kreativwirtschaft.de/

html forum-kreativwirtschaft.de collected 2026-10-05 22:00:09 UTC 102,384 bytes, 1,045 lines download raw bytes

1<!DOCTYPE html>
2<html>
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6
7    <title>ForumKreativwirtschaft e.V.</title>
8
9		<!-- All in One SEO 4.9.10 - aioseo.com -->
10	<meta name="robots" content="max-image-preview:large" />
11	<link rel="canonical" href="https://forum-kreativwirtschaft.de/" />
12	<meta name="generator" content="All in One SEO (AIOSEO) 4.9.10" />
13		<meta property="og:locale" content="de_DE" />
14		<meta property="og:site_name" content="Forum-Kreativwirtschaft e.V. | Interessenvertretung der KuK in Regensburg" />
15		<meta property="og:type" content="article" />
16		<meta property="og:title" content="ForumKreativwirtschaft e.V." />
17		<meta property="og:url" content="https://forum-kreativwirtschaft.de/" />
18		<meta property="article:published_time" content="2020-08-26T13:13:08+00:00" />
19		<meta property="article:modified_time" content="2026-03-25T09:32:42+00:00" />
20		<meta name="twitter:card" content="summary" />
21		<meta name="twitter:title" content="ForumKreativwirtschaft e.V." />
22		
22<script type="application/ld+json" class="aioseo-schema">
23			{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/forum-kreativwirtschaft.de\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/forum-kreativwirtschaft.de#listItem","position":1,"name":"Home"}]},{"@type":"Organization","@id":"https:\/\/forum-kreativwirtschaft.de\/#organization","name":"Forum-Kreativwirtschaft e.V.","description":"Interessenvertretung der KuK in Regensburg","url":"https:\/\/forum-kreativwirtschaft.de\/","logo":{"@type":"ImageObject","url":"https:\/\/forum-kreativwirtschaft.de\/wp-content\/uploads\/Forum_Kultur_und_Kreativwirtschaft_Logo_WEB.jpg","@id":"https:\/\/forum-kreativwirtschaft.de\/#organizationLogo","width":245,"height":94},"image":{"@id":"https:\/\/forum-kreativwirtschaft.de\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/forum-kreativwirtschaft.de\/#webpage","url":"https:\/\/forum-kreativwirtschaft.de\/","name":"ForumKreativwirtschaft e.V.","inLanguage":"de-DE","isPartOf":{"@id":"https:\/\/forum-kreativwirtschaft.de\/#website"},"breadcrumb":{"@id":"https:\/\/forum-kreativwirtschaft.de\/#breadcrumblist"},"datePublished":"2020-08-26T13:13:08+00:00","dateModified":"2026-03-25T09:32:42+00:00"},{"@type":"WebSite","@id":"https:\/\/forum-kreativwirtschaft.de\/#website","url":"https:\/\/forum-kreativwirtschaft.de\/","name":"Forum-Kreativwirtschaft e.V.","description":"Interessenvertretung der KuK in Regensburg","inLanguage":"de-DE","publisher":{"@id":"https:\/\/forum-kreativwirtschaft.de\/#organization"}}]}
24		</script>
24
25		<!-- All in One SEO -->
26
27<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://forum-kreativwirtschaft.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fforum-kreativwirtschaft.de%2F" />
28<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://forum-kreativwirtschaft.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fforum-kreativwirtschaft.de%2F&#038;format=xml" />
29<style id="wp-img-auto-sizes-contain-inline-css">
30img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
31/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
32</style>
33<style id="wp-block-library-inline-css">
34:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
34--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
35
36/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
37</style>
38<style id="classic-theme-styles-inline-css">
39/*! This file is auto-generated */
40.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
41/*# sourceURL=/wp-includes/css/classic-themes.min.css */
42</style>
43
44<style id="global-styles-inline-css">
45:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
45--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
45.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
46/*# sourceURL=global-styles-inline-css */
47</style>
48
49<link rel='stylesheet' id='tailwindcss-css' href='https://forum-kreativwirtschaft.de/wp-content/themes/kreativwirtschaft/style.css?ver=7.0.6.1723800859' media='all' />
50<script id="vuejs-js" src="https://forum-kreativwirtschaft.de/wp-content/themes/kreativwirtschaft/vuejs.js?ver=7.0.6.1723800859"></script>
vendor: 1 bytes, line 50
50
51<script id="gsap-js" src="https://forum-kreativwirtschaft.de/wp-content/themes/kreativwirtschaft/gsap.js?ver=7.0.6.1723800859"></script>
vendor: 1 bytes, line 51
51
52<script id="jquery-core-js" src="https://forum-kreativwirtschaft.de/wp-includes/js/jquery/jquery.min.js?ver=3.7.1.1723800859"></script>
vendor: 1 bytes, line 52
52
53<script id="jquery-migrate-js" src="https://forum-kreativwirtschaft.de/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1.1723800859"></script>
53
54<link rel="https://api.w.org/" href="https://forum-kreativwirtschaft.de/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://forum-kreativwirtschaft.de/wp-json/wp/v2/pages/1716" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://forum-kreativwirtschaft.de/xmlrpc.php?rsd" />
55<meta name="generator" content="WordPress 7.0.6" />
56<link rel='shortlink' href='https://forum-kreativwirtschaft.de/' />
57<meta property="og:image" content="" /><meta property="og:description" content="" /><link rel="icon" href="https://forum-kreativwirtschaft.de/wp-content/uploads/cropped-FKW_Favicon_512x512px-32x32.jpg" sizes="32x32" />
58<link rel="icon" href="https://forum-kreativwirtschaft.de/wp-content/uploads/cropped-FKW_Favicon_512x512px-192x192.jpg" sizes="192x192" />
59<link rel="apple-touch-icon" href="https://forum-kreativwirtschaft.de/wp-content/uploads/cropped-FKW_Favicon_512x512px-180x180.jpg" />
60<meta name="msapplication-TileImage" content="https://forum-kreativwirtschaft.de/wp-content/uploads/cropped-FKW_Favicon_512x512px-270x270.jpg" />
61</head>
62
63<body class="home wp-singular page-template page-template-page-startseite page-template-page-startseite-php page page-id-1716 wp-theme-kreativwirtschaft">
64
65    <!-- Navbar -->
66    <div id="navbar" class="z-10 relative bg-white">
67        <div class="relative border-b border-black">
68            <div
69                class="max-w-7xl mx-auto flex justify-between items-center px-4 py-5 sm:px-6 xl:py-0 xl:px-8 xl:justify-start xl:space-x-10">
70                <div class="pr-5">
71                    <a href="https://forum-kreativwirtschaft.de" class="flex">
72                        <img class="h-12 w-auto sm:h-12" src="https://forum-kreativwirtschaft.de/wp-content/themes/kreativwirtschaft/images/kf_logo.svg"
73                            alt="Forum Kreativwirtschaft">
74                    </a>
75                </div>
76                <div class="-mr-2 -my-2 xl:hidden">
77                    <button type="button" v-on:click="isMobileOpen = !isMobileOpen"
78                        class="inline-flex items-center justify-center p-2 rounded-md text-black hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out">
79                        <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
80                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
81                                d="M4 6h16M4 12h16M4 18h16" />
82                        </svg>
83                    </button>
84                </div>
85                <div class="hidden xl:flex-1 xl:flex xl:items-center xl:justify-between xl:space-x-12">
86                    <nav class="flex space-x-10">
87
88                        
89                                                            <a href="https://forum-kreativwirtschaft.de/news/"
90                                        class="text-sm uppercase leading-6 font-medium text-black pt-8 pb-6 border-b-4 border-transparent focus:outline-none transition ease-in-out duration-150">
91                                        News/Blog                                    </a>
92                                
93                                    <div class="relative">
94                                        <!-- Item active: "text-gray-900", Item inactive: "text-gray-500" -->
95
96                                        
97                                        <button type="button" v-on:click="activateVerein()"
98                                            class="text-black group inline-flex items-center space-x-2 text-base leading-6 font-medium pt-8 pb-6 border-b-4 border-transparent focus:border-black focus:outline-none transition ease-in-out duration-150">
99                                            <span class="text-sm uppercase">Verein</span>
100                                            <!-- Item active: "text-gray-600", Item inactive: "text-gray-400" -->
101                                            <svg class="text-black h-5 w-5 transition ease-in-out duration-150"
102                                                viewBox="0 0 20 20" fill="currentColor">
103                                                <path fill-rule="evenodd"
104                                                    d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
105                                                    clip-rule="evenodd" />
106                                            </svg>
107                                        </button>
108                                    </div>
109                                
110                                    <div class="relative">
111                                        <!-- Item active: "text-gray-900", Item inactive: "text-gray-500" -->
112
113                                        
114                                        <button type="button" v-on:click="activateMitglieder()"
115                                            class="text-black group inline-flex items-center space-x-2 text-base leading-6 font-medium pt-8 pb-6 border-b-4 border-transparent focus:border-black focus:outline-none transition ease-in-out duration-150">
116                                            <span class="text-sm uppercase">Mitglieder</span>
117                                            <!-- Item active: "text-gray-600", Item inactive: "text-gray-400" -->
118                                            <svg class="text-black h-5 w-5 transition ease-in-out duration-150"
119                                                viewBox="0 0 20 20" fill="currentColor">
120                                                <path fill-rule="evenodd"
121                                                    d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
122                                                    clip-rule="evenodd" />
123                                            </svg>
124                                        </button>
125                                    </div>
126                                
127                                    <div class="relative">
128                                        <!-- Item active: "text-gray-900", Item inactive: "text-gray-500" -->
129
130                                        
131                                        <button type="button" v-on:click="activatePresse()"
132                                            class="text-black group inline-flex items-center space-x-2 text-base leading-6 font-medium pt-8 pb-6 border-b-4 border-transparent focus:border-black focus:outline-none transition ease-in-out duration-150">
133                                            <span class="text-sm uppercase">Presse</span>
134                                            <!-- Item active: "text-gray-600", Item inactive: "text-gray-400" -->
135                                            <svg class="text-black h-5 w-5 transition ease-in-out duration-150"
136                                                viewBox="0 0 20 20" fill="currentColor">
137                                                <path fill-rule="evenodd"
138                                                    d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
139                                                    clip-rule="evenodd" />
140                                            </svg>
141                                        </button>
142                                    </div>
143                                                                    <a href="https://forum-kreativwirtschaft.de/kontakt/"
144                                        class="text-sm uppercase leading-6 font-medium text-black pt-8 pb-6 border-b-4 border-transparent focus:outline-none transition ease-in-out duration-150">
145                                        Kontakt                                    </a>
146                                                                    <a href="https://forum-kreativwirtschaft.de/mitglied-werden/"
147                                        class="text-sm uppercase leading-6 font-medium text-black pt-8 pb-6 border-b-4 border-transparent focus:outline-none transition ease-in-out duration-150">
148                                        Mitglied werden                                    </a>
149                                                    </nav>
150                    <div class="flex items-center space-x-8">
151                        <div class="relative inline-block text-left">
152                            <div>
153                                <button v-on:click="activateSuche()" class="flex items-center text-black focus:outline-none"
154                                    aria-label="Options" id="options-menu" aria-haspopup="true" aria-expanded="true">
155                                    <svg fill="none" viewBox="0 0 24 24" stroke="currentColor" class="search w-6 h-6">
156                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
157                                            d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
158                                    </svg>
159                                </button>
160                            </div>
161                        
162                            <!-- Suche -->
163                            <transition enter-active-class="transition ease-out duration-100" enter-class="transform opacity-0 scale-95"
164                            enter-to-class="transform opacity-100 scale-100" leave-active-class="transition ease-in duration-75"
165                            leave-class="transform opacity-100 scale-100" leave-to-class="transform opacity-0 scale-95">
166                                <div v-show="isSucheOpen" class="origin-top-right absolute right-0 mt-2 w-auto shadow-lg">
167                                    <div class="bg-white shadow-xs p-5">
168                                        <form class="sm:flex mb-0" id="searchform" method="get" action="https://forum-kreativwirtschaft.de/">
169                                            <input aria-label="Suchbegriff eingeben" type="text" required
170                                                class="search-field appearance-none w-auto px-5 py-3 border border-gray-300 text-base leading-6 text-black bg-white placeholder-gray-500 focus:outline-none focus:shadow-outline focus:border-blue-300 transition duration-150 ease-in-out sm:max-w-xs"
171                                                placeholder="Suchbegriff eingeben" name="s" value="">
172                                            <div class="mt-3 shadow sm:mt-0 sm:ml-3 sm:flex-shrink-0">
173                                                <button type="submit" value="Search"
174                                                    class="w-full flex items-center justify-center px-5 py-3 border border-transparent text-base leading-6 font-medium text-white bg-black hover:bg-gray-800 focus:outline-none focus:shadow-outline transition duration-150 ease-in-out">
175                                                    Suchen
176                                                </button>
177                                            </div>
178                                        </form>
179                                    </div>
180                                </div>
181                            </transition>
182                        </div>
183                    </div>
184                </div>
185            </div>
186        </div>
187
188                    <transition enter-active-class="transition ease-out duration-200" enter-class="opacity-0 -translate-y-1"
189            enter-to-class="opacity-100 translate-y-0" leave-active-class="transition ease-in duration-150"
190            leave-class="opacity-100 translate-y-0" leave-to-class="opacity-0 -translate-y-1">
191
192            
193                <div v-show="isVereinOpen" class="hidden md:block absolute inset-x-0 transform shadow-lg">
194                    <div class="bg-white">
195                        <div
196                            class="max-w-7xl mx-auto grid row-gap-6 px-4 py-8 sm:grid-cols-2 sm:gap-8 sm:px-6 lg:grid-cols-5 lg:px-8">
197
198                                                                <a href="https://forum-kreativwirtschaft.de/verein/"
199                                        class="-m-3 p-3 flex flex-col justify-between space-y-6 transition ease-in-out duration-150">
200                                        <div class="space-x-4 flex md:h-full lg:flex-col lg:space-x-0">
201                                            <div class="flex-shrink-0">
202                                                                                                <img class="w-48" src="https://forum-kreativwirtschaft.de/wp-content/uploads/menu_verein_infos.jpg">
203                                            </div>
204                                            <div class="md:flex-1 md:flex md:flex-col md:justify-between">
205                                                <div>
206                                                    <p class="py-4 text-base leading-6 font-semibold text-black">
207                                                        Der Verein ForumKreativwirtschaft                                                    </p>
208                                                    <p class="text-sm leading-5 text-black">
209                                                        Wer wir sind, was wir wollen und was wir für unsere Mitglieder tun                                                    </p>
210                                                </div>
211                                            </div>
212                                        </div>
213                                    </a>
214                                                                    <a href="https://forum-kreativwirtschaft.de/kultur-und-kreativwirtschaft/"
215                                        class="-m-3 p-3 flex flex-col justify-between space-y-6 transition ease-in-out duration-150">
216                                        <div class="space-x-4 flex md:h-full lg:flex-col lg:space-x-0">
217                                            <div class="flex-shrink-0">
218                                                                                                <img class="w-48" src="https://forum-kreativwirtschaft.de/wp-content/uploads/menu_verein_kukw.jpg">
219                                            </div>
220                                            <div class="md:flex-1 md:flex md:flex-col md:justify-between">
221                                                <div>
222                                                    <p class="py-4 text-base leading-6 font-semibold text-black">
223                                                        Kultur- und Kreativwirtschaft                                                    </p>
224                                                    <p class="text-sm leading-5 text-black">
225                                                        Unsere Branche – ein Überblick und wichtige Kennzahlen                                                    </p>
226                                                </div>
227                                            </div>
228                                        </div>
229                                    </a>
230                                                                    <a href="https://forum-kreativwirtschaft.de/vorstand-beirat-organe/"
231                                        class="-m-3 p-3 flex flex-col justify-between space-y-6 transition ease-in-out duration-150">
232                                        <div class="space-x-4 flex md:h-full lg:flex-col lg:space-x-0">
233                                            <div class="flex-shrink-0">
234                                                                                                <img class="w-48" src="https://forum-kreativwirtschaft.de/wp-content/uploads/menu_verein_vbo.jpg">
235                                            </div>
236                                            <div class="md:flex-1 md:flex md:flex-col md:justify-between">
237                                                <div>
238                                                    <p class="py-4 text-base leading-6 font-semibold text-black">
239                                                        Vorstand / Beirat / Organe                                                    </p>
240                                                    <p class="text-sm leading-5 text-black">
241                                                        So arbeiten wir – Organisation, Aufgabenverteilung und unsere Satzung                                                    </p>
242                                                </div>
243                                            </div>
244                                        </div>
245                                    </a>
246                                                                    <a href="https://forum-kreativwirtschaft.de/partner/"
247                                        class="-m-3 p-3 flex flex-col justify-between space-y-6 transition ease-in-out duration-150">
248                                        <div class="space-x-4 flex md:h-full lg:flex-col lg:space-x-0">
249                                            <div class="flex-shrink-0">
250                                                                                                <img class="w-48" src="https://forum-kreativwirtschaft.de/wp-content/uploads/menu_verein_partner-1.jpg">
251                                            </div>
252                                            <div class="md:flex-1 md:flex md:flex-col md:justify-between">
253                                                <div>
254                                                    <p class="py-4 text-base leading-6 font-semibold text-black">
255                                                        Partner des Vereins                                                    </p>
256                                                    <p class="text-sm leading-5 text-black">
257                                                        Wir vernetzen uns – mit Verbänden, Hochschulen, Kommunen und anderen Partnern                                                    </p>
258                                                </div>
259                                            </div>
260                                        </div>
261                                    </a>
262                                                                    <a href="https://forum-kreativwirtschaft.de/newsletter/"
263                                        class="-m-3 p-3 flex flex-col justify-between space-y-6 transition ease-in-out duration-150">
264                                        <div class="space-x-4 flex md:h-full lg:flex-col lg:space-x-0">
265                                            <div class="flex-shrink-0">
266                                                                                                <img class="w-48" src="https://forum-kreativwirtschaft.de/wp-content/uploads/menu_verein_newsletter.jpg">
267                                            </div>
268                                            <div class="md:flex-1 md:flex md:flex-col md:justify-between">
269                                                <div>
270                                                    <p class="py-4 text-base leading-6 font-semibold text-black">
271                                                        Newsletter                                                    </p>
272                                                    <p class="text-sm leading-5 text-black">
273                                                        Wichtige Informationen – der Newsletter hält die Branche und Interessierte auf dem Laufenden                                                    </p>
274                                                </div>
275                                            </div>
276                                        </div>
277                                    </a>
278                                
279                        </div>
280                    </div>
281                </div>
282            </transition>
283                    <transition enter-active-class="transition ease-out duration-200" enter-class="opacity-0 -translate-y-1"
284            enter-to-class="opacity-100 translate-y-0" leave-active-class="transition ease-in duration-150"
285            leave-class="opacity-100 translate-y-0" leave-to-class="opacity-0 -translate-y-1">
286
287            
288                <div v-show="isMitgliederOpen" class="hidden md:block absolute inset-x-0 transform shadow-lg">
289                    <div class="bg-white">
290                        <div
291                            class="max-w-7xl mx-auto grid row-gap-6 px-4 py-8 sm:grid-cols-2 sm:gap-8 sm:px-6 lg:grid-cols-5 lg:px-8">
292
293                                                                <a href="https://forum-kreativwirtschaft.de/mitglieder/"
294                                        class="-m-3 p-3 flex flex-col justify-between space-y-6 transition ease-in-out duration-150">
295                                        <div class="space-x-4 flex md:h-full lg:flex-col lg:space-x-0">
296                                            <div class="flex-shrink-0">
297                                                                                                <img class="w-48" src="https://forum-kreativwirtschaft.de/wp-content/uploads/menu_mitglieder_profile.jpg">
298                                            </div>
299                                            <div class="md:flex-1 md:flex md:flex-col md:justify-between">
300                                                <div>
301                                                    <p class="py-4 text-base leading-6 font-semibold text-black">
302                                                        Mitglieder Profile                                                    </p>
303                                                    <p class="text-sm leading-5 text-black">
304                                                        Wer dabei ist – und was unsere Mitglieder anbieten, leisten und kreativ möglich machen                                                    </p>
305                                                </div>
306                                            </div>
307                                        </div>
308                                    </a>
309                                                                    <a href="https://forum-kreativwirtschaft.de/foerdermitglieder/"
310                                        class="-m-3 p-3 flex flex-col justify-between space-y-6 transition ease-in-out duration-150">
311                                        <div class="space-x-4 flex md:h-full lg:flex-col lg:space-x-0">
312                                            <div class="flex-shrink-0">
313                                                                                                <img class="w-48" src="https://forum-kreativwirtschaft.de/wp-content/uploads/menu_mitglieder_foedermitglieder.jpg">
314                                            </div>
315                                            <div class="md:flex-1 md:flex m
315d:flex-col md:justify-between">
316                                                <div>
317                                                    <p class="py-4 text-base leading-6 font-semibold text-black">
318                                                        Fördermitglieder                                                    </p>
319                                                    <p class="text-sm leading-5 text-black">
320                                                        Win-win-Situation – wer uns fördert und dafür an unseren Angeboten teilhaben kann                                                    </p>
321                                                </div>
322                                            </div>
323                                        </div>
324                                    </a>
325                                
326                        </div>
327                    </div>
328                </div>
329            </transition>
330                    <transition enter-active-class="transition ease-out duration-200" enter-class="opacity-0 -translate-y-1"
331            enter-to-class="opacity-100 translate-y-0" leave-active-class="transition ease-in duration-150"
332            leave-class="opacity-100 translate-y-0" leave-to-class="opacity-0 -translate-y-1">
333
334            
335                <div v-show="isPresseOpen" class="hidden md:block absolute inset-x-0 transform shadow-lg">
336                    <div class="bg-white">
337                        <div
338                            class="max-w-7xl mx-auto grid row-gap-6 px-4 py-8 sm:grid-cols-2 sm:gap-8 sm:px-6 lg:grid-cols-5 lg:px-8">
339
340                                                                <a href="https://forum-kreativwirtschaft.de/pressespiegel/"
341                                        class="-m-3 p-3 flex flex-col justify-between space-y-6 transition ease-in-out duration-150">
342                                        <div class="space-x-4 flex md:h-full lg:flex-col lg:space-x-0">
343                                            <div class="flex-shrink-0">
344                                                                                                <img class="w-48" src="https://forum-kreativwirtschaft.de/wp-content/uploads/menu_presse_spiegel.jpg">
345                                            </div>
346                                            <div class="md:flex-1 md:flex md:flex-col md:justify-between">
347                                                <div>
348                                                    <p class="py-4 text-base leading-6 font-semibold text-black">
349                                                        Pressespiegel                                                    </p>
350                                                    <p class="text-sm leading-5 text-black">
351                                                        Eine Auswahl an Artikeln über unseren Verein.                                                    </p>
352                                                </div>
353                                            </div>
354                                        </div>
355                                    </a>
356                                                                    <a href="https://forum-kreativwirtschaft.de/pressemitteilungen/"
357                                        class="-m-3 p-3 flex flex-col justify-between space-y-6 transition ease-in-out duration-150">
358                                        <div class="space-x-4 flex md:h-full lg:flex-col lg:space-x-0">
359                                            <div class="flex-shrink-0">
360                                                                                                <img class="w-48" src="https://forum-kreativwirtschaft.de/wp-content/uploads/menu_presse_mitteilungen.jpg">
361                                            </div>
362                                            <div class="md:flex-1 md:flex md:flex-col md:justify-between">
363                                                <div>
364                                                    <p class="py-4 text-base leading-6 font-semibold text-black">
365                                                        Pressemitteilungen                                                    </p>
366                                                    <p class="text-sm leading-5 text-black">
367                                                        Eine Auswahl an Meldungen über unseren Verein.                                                    </p>
368                                                </div>
369                                            </div>
370                                        </div>
371                                    </a>
372                                
373                        </div>
374                    </div>
375                </div>
376            </transition>
377         
378    
379        <!-- Mobile menu, show/hide based on mobile menu state. -->
380        <transition enter-active-class="duration-200 ease-out" enter-class="opacity-0 scale-95"
381                enter-to-class="opacity-100 scale-100" leave-active-class="duration-100 ease-in"
382                leave-class="opacity-100 scale-100" leave-to-class="opacity-0 scale-95">
383            <div v-show="isMobileOpen" class="absolute z-20 top-0 inset-x-0 p-2 transition transform origin-top-right xl:hidden">
384                <div class="rounded-lg shadow-lg">
385                    <div class="rounded-lg shadow-xs bg-white divide-y-2 divide-gray-50">
386                        <div class="pt-5 pb-6 px-5 space-y-6 sm:space-y-8 sm:pb-8">
387                            <div class="flex items-center justify-between">
388                                <a href="https://forum-kreativwirtschaft.de">
389                                    <img class="h-10 w-auto sm:h-12" src="https://forum-kreativwirtschaft.de/wp-content/themes/kreativwirtschaft/images/kf_logo.svg"
390                                        alt="Forum Kreativwirtschaft">
391                                </a>
392                                <div class="-mr-2">
393                                    <button type="button" v-on:click="isMobileOpen = !isMobileOpen"
394                                        class="inline-flex items-center justify-center p-2 rounded-md text-black hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out">
395                                        <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
396                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
397                                                d="M6 18L18 6M6 6l12 12" />
398                                        </svg>
399                                    </button>
400                                </div>
401                            </div>
402                            <div class="mt-5 flex-grow flex flex-col">
403                                <nav class="flex-1 px-2 bg-white">
404                                                                                <a href="https://forum-kreativwirtschaft.de/news/"
405                                                class="group w-full flex items-center pl-7 pr-2 py-2 text-sm leading-5 font-medium text-black rounded-md hover:bg-gray-100 focus:outline-none focus:bg-gray-200 transition ease-in-out duration-150">
406                                                News/Blog                                            </a>
407                                        
408                                            <!-- Item active: "text-gray-900", Item inactive: "text-gray-500" -->
409                                            
410                                            <button v-on:click="activateVerein()" class="mt-1 group w-full flex items-center pr-2 py-2 text-sm leading-5 font-medium rounded-md bg-white text-black hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
411                                            <!-- Expanded: "text-gray-400 rotate-90", Collapsed: "text-gray-300" -->
412                                                <svg class="mr-2 h-5 w-5 transform transition-colors ease-in-out duration-150" viewB
412ox="0 0 20 20">
413                                                    <path d="M6 6L14 10L6 14V6Z" fill="currentColor" />
414                                                </svg>
415                                                Verein                                            </button>
416
417                                            
418                                            <div v-show="isVereinOpen" class="mt-1 space-y-1">
419                                                                                                        <a href="https://forum-kreativwirtschaft.de/verein/" class="group w-full flex items-center pl-10 pr-2 py-2 text-sm leading-5 font-medium text-black rounded-md hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
420                                                            Der Verein ForumKreativwirtschaft                                                        </a>
421                                                                                                            <a href="https://forum-kreativwirtschaft.de/kultur-und-kreativwirtschaft/" class="group w-full flex items-center pl-10 pr-2 py-2 text-sm leading-5 font-medium text-black rounded-md hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
422                                                            Kultur- und Kreativwirtschaft                                                        </a>
423                                                                                                            <a href="https://forum-kreativwirtschaft.de/vorstand-beirat-organe/" class="group w-full flex items-center pl-10 pr-2 py-2 text-sm leading-5 font-medium text-black rounded-md hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
424                                                            Vorstand / Beirat / Organe                                                        </a>
425                                                                                                            <a href="https://forum-kreativwirtschaft.de/partner/" class="group w-full flex items-center pl-10 pr-2 py-2 text-sm leading-5 font-medium text-black rounded-md hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
426                                                            Partner des Vereins                                                        </a>
427                                                                                                            <a href="https://forum-kreativwirtschaft.de/newsletter/" class="group w-full flex items-center pl-10 pr-2 py-2 text-sm leading-5 font-medium text-black rounded-md hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
428                                                            Newsletter                                                        </a>
429                                                                                                </div>
430
431                                        
432                                            <!-- Item active: "text-gray-900", Item inactive: "text-gray-500" -->
433                                            
434                                            <button v-on:click="activateMitglieder()" class="mt-1 group w-full flex items-center pr-2 py-2 text-sm leading-5 font-medium rounded-md bg-white text-black hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
435                                            <!-- Expanded: "text-gray-400 rotate-90", Collapsed: "text-gray-300" -->
436                                                <svg class="mr-2 h-5 w-5 transform transition-colors ease-in-out duration-150" viewBox="0 0 20 20">
437                                                    <path d="M6 6L14 10L6 14V6Z" fill="currentColor" />
438                                                </svg>
439                                                Mitglieder                                            </button>
440
441                                            
442                                            <div v-show="isMitgliederOpen" class="mt-1 space-y-1">
443                                                                                                        <a href="https://forum-kreativwirtschaft.de/mitglieder/" class="group w-full flex items-center pl-10 pr-2 py-2 text-sm leading-5 font-medium text-black rounded-md hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
444                                                            Mitglieder Profile                                                        </a>
445                                                                                                            <a href="https://forum-kreativwirtschaft.de/foerdermitglieder/" class="group w-full flex items-center pl-10 pr-2 py-2 text-sm leading-5 font-medium text-black rounded-md hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
446                                                            Fördermitglieder                                                        </a>
447                                                                                                </div>
448
449                                        
450                                            <!-- Item active: "text-gray-900", Item inactive: "text-gray-500" -->
451                                            
452                                            <button v-on:click="activatePresse()" class="mt-1 group w-full flex items-center pr-2 py-2 text-sm leading-5 font-medium rounded-md bg-white text-black hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
453                                            <!-- Expanded: "text-gray-400 rotate-90", Collapsed: "text-gray-300" -->
454                                                <svg class="mr-2 h-5 w-5 transform transition-colors ease-in-out duration-150" viewB
454ox="0 0 20 20">
455                                                    <path d="M6 6L14 10L6 14V6Z" fill="currentColor" />
456                                                </svg>
457                                                Presse                                            </button>
458
459                                            
460                                            <div v-show="isPresseOpen" class="mt-1 space-y-1">
461                                                                                                        <a href="https://forum-kreativwirtschaft.de/pressespiegel/" class="group w-full flex items-center pl-10 pr-2 py-2 text-sm leading-5 font-medium text-black rounded-md hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
462                                                            Pressespiegel                                                        </a>
463                                                                                                            <a href="https://forum-kreativwirtschaft.de/pressemitteilungen/" class="group w-full flex items-center pl-10 pr-2 py-2 text-sm leading-5 font-medium text-black rounded-md hover:bg-gray-50 focus:outline-none focus:bg-gray-50 transition ease-in-out duration-150">
464                                                            Pressemitteilungen                                                        </a>
465                                                                                                </div>
466
467                                                                                    <a href="https://forum-kreativwirtschaft.de/kontakt/"
468                                                class="group w-full flex items-center pl-7 pr-2 py-2 text-sm leading-5 font-medium text-black rounded-md hover:bg-gray-100 focus:outline-none focus:bg-gray-200 transition ease-in-out duration-150">
469                                                Kontakt                                            </a>
470                                                                                    <a href="https://forum-kreativwirtschaft.de/mitglied-werden/"
471                                                class="group w-full flex items-center pl-7 pr-2 py-2 text-sm leading-5 font-medium text-black rounded-md hover:bg-gray-100 focus:outline-none focus:bg-gray-200 transition ease-in-out duration-150">
472                                                Mitglied werden                                            </a>
473                                                                            <a href="https://forum-kreativwirtschaft.de/datenschutzerklaerung"
474                                        class="group w-full flex items-center pl-7 pr-2 py-2 text-sm leading-5 font-medium text-black rounded-md hover:bg-gray-100 focus:outline-none focus:bg-gray-200 transition ease-in-out duration-150">
475                                        Datenschutzerklärung
476                                    </a>
477                                    <a href="https://forum-kreativwirtschaft.de/datenschutzerklaerung"
478                                        class="group w-full flex items-center pl-7 pr-2 py-2 text-sm leading-5 font-medium text-black rounded-md hover:bg-gray-100 focus:outline-none focus:bg-gray-200 transition ease-in-out duration-150">
479                                        Impressum
480                                    </a>
481                                </nav>
482                            </div>
483                        </div>
484                        <div class="py-6 px-5 space-y-6">
485                            <div class="space-y-6">
486                                <form class="w-full flex">
487                                    <input aria-label="Suchbegriff eingeben" type="text" required
488                                        class="appearance-none w-full px-5 py-3 border border-gray-300 text-sm leading-6 rounded-md text-black bg-white placeholder-gray-500 focus:outline-none focus:shadow-outline focus:border-blue-300 transition duration-150 ease-in-out"
489                                        placeholder="Suchbegriff">
490                                    <div class="rounded-md shadow mt-0 ml-3 flex-shrink-0">
491                                        <button
492                                            class="w-full flex items-center justify-center px-5 py-3 border border-transparent text-sm leading-6 font-medium rounded-md text-white bg-black hover:bg-gray-800 focus:outline-none focus:shadow-outline transition duration-150 ease-in-out">
493                                            Suchen
494                                        </button>
495                                    </div>
496                                </form>
497                                <p class="text-center text-sm leading-6 font-medium text-black">
498                                   Noch nicht genug?
499                                    <a href="#"
500                                        class="text-black transition ease-in-out duration-150">
501                                        Newsletter abonnieren
502                                    </a>
503                                </p>
504                            </div>
505                        </div>
506                    </div>
507                </div>
508            </div>
509        </transition>
510    </div>
511    
512        <div id="post-1716">
513            
514            <!-- Videos -->
515                        
516            <video id="herovideo" class="herovideo w-full md:mb-8 bg-gray-100" type="video/mp4" autoplay="autoplay" muted="muted" poster=""></video>
517
518            
518<script>
519                (function ($) {
520                    $(document).ready(function() {
521
522                        var videoArray = [{"src":"https:\/\/forum-kreativwirtschaft.de\/wp-content\/uploads\/Kreativ_Formum_Header_Design.mp4","poster":"https:\/\/forum-kreativwirtschaft.de\/wp-content\/uploads\/Kreativ_Formum_Header_Design.jpg"},{"src":"https:\/\/forum-kreativwirtschaft.de\/wp-content\/uploads\/Kreativ_Formum_Header_Musik.mp4","poster":"https:\/\/forum-kreativwirtschaft.de\/wp-content\/uploads\/Kreativ_Formum_Header_Musik.jpg"},{"src":"https:\/\/forum-kreativwirtschaft.de\/wp-content\/uploads\/Kreativ_Formum_Header_Kunst.mp4","poster":"https:\/\/forum-kreativwirtschaft.de\/wp-content\/uploads\/Kreativ_Formum_Header_Kunst.jpg"},{"src":"https:\/\/forum-kreativwirtschaft.de\/wp-content\/uploads\/Kreativ_Formum_Header_Architektur.mp4","poster":"https:\/\/forum-kreativwirtschaft.de\/wp-content\/uploads\/Kreativ_Formum_Header_Architektur.jpg"},{"src":"https:\/\/forum-kreativwirtschaft.de\/wp-content\/uploads\/Kreativ_Formum_Header_Games.mp4","poster":"https:\/\/forum-kreativwirtschaft.de\/wp-content\/uploads\/Kreativ_Formum_Header_Games.jpg"}];
523
524                        console.log(videoArray);
525
526                        function videoRepeat() {
527                            
528                            var herovideo = document.getElementById("herovideo");
529                            herovideo.setAttribute("src", videoArray[0]['src']);
530                            herovideo.setAttribute("poster", videoArray[0]['poster']);
531
532                            herovideo.onended = function() {
533                                herovideo.setAttribute("src", videoArray[1]['src']);
534                                herovideo.setAttribute("poster", videoArray[1]['poster']);
535                                herovideo.load();
536                                herovideo.id = "heroVideoOne";
537
538                                var heroVideoOne = document.getElementById("heroVideoOne");
539
540                                heroVideoOne.onended = function() {
541                                    heroVideoOne.setAttribute("src", videoArray[2]['src']);
542                                    heroVideoOne.setAttribute("poster", videoArray[2]['poster']);
543                                    heroVideoOne.load();
544                                    heroVideoOne.id = "heroVideoTwo";
545
546                                    var heroVideoTwo = document.getElementById("heroVideoTwo");
547
548                                    heroVideoTwo.onended = function() {
549                                        heroVideoTwo.setAttribute("src", videoArray[3]['src']);
550                                        heroVideoTwo.setAttribute("poster", videoArray[3]['poster']);
551                                        heroVideoTwo.load();
552                                        heroVideoTwo.id = "heroVideoThree";
553
554                                        var heroVideoThree = document.getElementById("heroVideoThree");
555
556                                        heroVideoThree.onended = function() {
557                                            heroVideoThree.setAttribute("src", videoArray[4]['src']);
558                                            heroVideoThree.setAttribute("poster", videoArray[4]['poster']);
559                                            heroVideoThree.load();
560                                            heroVideoThree.id = "herovideo";
561
562                                            var herovideo = document.getElementById("herovideo");
563                                            
564                                            herovideo.onended = function() {
565                                                return;
566                                            }
567                                        }
568                                    }
569                                }
570                            }
571                        }
572
573                        videoRepeat();
574                        setInterval(videoRepeat, 27500);
575
576                    });
577                }(jQuery));
578            </script>
578
579
580
581            <!-- Intro -->
582			            <div class="box max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-5 sm:py-12">
583                <h1 class="text-3xl uppercase tracking-tight leading-10 font-bold text-black sm:text-5xl sm:leading-none">Forum Kreativwirtschaft</h1>
584                <p class="py-6 lg:px-64 lg:py-10 text-black">Das Forum Kreativwirtschaft e.V. steht für die Kultur- und Kreativwirtschaft in Regensburg – aus der Branche für die Branche. Wir fördern den Cluster Kreativwirtschaft, indem wir ihn in der Stadt sichtbar machen, seine Interessen vertreten, die Professionalisierung vorantreiben und die Vernetzung nach innen und außen entwickeln.<br />
585<br />
586Unser Büro ist mitten in der Altstadt - im Degginger in der Wahlenstraße im Raum 104 (Zugang über Raum 103). Jeden Mittwoch von 10-12 Uhr sind wir dort persönlich anzutreffen und haben ein offenes Ohr für eure Fragen, Ideen, Impulse und Anliegen. </p>
587            </div>
588
589
590
591            <!-- Veranstaltungen -->
592                                <div style="background-image:url(https://forum-kreativwirtschaft.de/wp-content/uploads/image_veranstaltungen.jpg)" class="box bg-gray-200 bg-no-repeat bg-center bg-cover slide relative" >
593                        <img src="https://forum-kreativwirtschaft.de/wp-content/themes/kreativwirtschaft/images/Forum_Kultur_und_Kreativwirtschaft_Logo_Orange.svg" class="hidden xl:block absolute" style=" width:350px; left: 7vw; top:-3rem">
594                        <div class="w-full h-full bg-black bg-opacity-50 flex justify-center slide_caption">
595                            <h2 class="text-3xl sm:text-5xl sm:leading-none uppercase text-center tracking-tight leading-10 font-bold text-white py-24 lg:py-56">Termine<br />
596Veranstaltungen<br />
597Workshops</h2>
598                        </div>
599                    </div>
600                            
600<script>
601				var slideIndex = 0;
602				carousel();
603
604				function carousel() {
605					var i;
606					var x = document.getElementsByClassName("slide");
607					var y = document.getElementsByClassName("slide_caption");
608					for (i = 0; i < x.length; i++) {
609						x[i].style.opacity = "0";
610						y[i].style.display = "none";
611					}
612					slideIndex++;
613					if (slideIndex > x.length) { slideIndex = 1 }
614					x[slideIndex - 1].style.opacity = "1";
615					y[slideIndex - 1].style.display = "block";
616					setTimeout(carousel, 3000);
617				}
618            </script>
618
619            
620            <!-- Kalender -->
621            <div id="kalender">
622
623                <div v-if="!loaded" class="flex justify-center">
624                    <span class="inline-flex rounded-md shadow-sm">
625                        <button type="button" class="inline-flex items-center px-4 py-2 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-black hover:bg-gray-800 focus:outline-none focus:border-black focus:shadow-outline-indigo active:bg-black transition ease-in-out duration-150 cursor-not-allowed" disabled="">
626                        <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
627                            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
628                            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
629                        </svg>
630                        Laden ...
631                        </button>
632                    </span>
633                </div>
634
635                <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
636
637                    <div v-bind:key="termin.id" v-for="termin in termineZukunft.slice(0,3)" class="lg:grid lg:grid-cols-12">
638                        <div class="lg:col-span-6 lg:border-r-2 lg:border-black p-4 lg:p-0 lg:pr-12 lg:py-12 lg:text-right relative">
639                            <div class="lg:flex lg:justify-end">
640                                <p class="font-semibold mb-4 lg:mr-6">
641                                    <span v-html="getWochentag(termin.datum)"></span><br>
642                                    <span v-html="getDatum(termin.datum)"></span><br>
643                                    <span>{{ termin.zeit }} Uhr</span>
644                                </p>
645                                <div class="w-10 h-0 lg:border-b-2 lg:border-black absolute top-16 right-0 -mr-5"></div>
646                                <div v-on:click="filterTermine(termin.id)" class="p-6 mb-6 inline-block cursor-pointer relative" v-bind:class="getClass(termin.bemerkung)">
647                                    <p class="text-white uppercase font-semibold text-sm leading-5" v-html="termin.bemerkung"></p>
648                                    <div class="absolute bottom-0 left-0 h-0 w-0 -mb-4 bg-transparent" style="border-left: 2rem solid transparent;" v-bind:style="getStyling(termin.bemerkung)"></div>
649                                </div>
650                            </div>
651                        </div>
652
653                        <div class="border-b border-black lg:border-transparent my-4 lg:my-0 lg:col-span-6 p-4 lg:p-0 lg:px-12 lg:py-12 mb-8 md:mb-2">
654                            <h4 v-on:click="filterTermine(termin.id)" class="text-xl lg:text-3xl leading-tight font-semibold uppercase cursor-pointer text-black">{{ termin.titel }}</h4>
655                            <p class="mt-4 text-sm text-black">Ort: {{ termin.ort }}</p>
656                            <p class="mt-4 text-sm text-black" v-html="truncate(termin.beschreibung,500)"></p>
657                            <a v-on:click="filterTermine(termin.id)" class="inline-block px-4 py-2 mt-6 border border-gray-700 text-sm uppercase leading-6 text-black bg-white focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-50 shadow-sm cursor-pointer transition ease-in-out duration-150">
658                                Mehr erfahren
659                            </a>
660                        </div>
661
662                    </div>
663
664                </div>
665
666                <div class="flex justify-center mb-12 lg:mb-32">
667                    <span class="inline-flex rounded-md shadow-sm">
668                        <a href="https://forum-kreativwirtschaft.de/kalender" class="inline-flex items-center px-4 py-2 border border-transparent text-base leading-6 font-medium text-white uppercase bg-black hover:bg-gray-800 focus:outline-none focus:border-black focus:shadow-outline-indigo active:bg-black transition ease-in-out duration-150 cursor-pointer">
669                        Alle Termine ansehen
670                        </a>
671                    </span>
672                </div>
673
674                <div v-if="terminDetails" class="w-full h-full pb-32 fixed overflow-scroll block top-0 left-0 bg-gray-100 bg-opacity-75 z-50">
675                    <div class="mx-auto flex items-center py-4 px-4 mt-4 md:mt-8 max-w-screen-xl bg-white sm:px-6 lg:px-8">
676                        <div class="w-full flex items-center justify-between py-6 space-x-6">
677                            <div class="flex-1 truncate">
678                                <div class="flex items-center space-x-3">
679                                    <h3 class="text-sm leading-5 font-semibold truncate"> Forum Kreativwirtschaft </h3>
680                                </div>
681                                <p class="mt-1 text-black text-sm leading-5 truncate"> Veranstaltungen </p>
682                            </div>
683                        </div>
684                        <button v-on:click="terminDetails = !terminDetails" type="button" class="-mr-1 flex p-2 bg-gray-800 hover:bg-black focus:outline-none focus:bg-black transition ease-in-out duration-150" aria-label="Dismiss">
685                            <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor">
686                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
687                            </svg>
688                        </button>
689                    </div>
690                    
691                    <div v-bind:key="termin.id" v-for="termin in terminInfos" class="mx-auto max-w-screen-xl p-8 bg-white">
692                        <div class="text-lg max-w-3xl mx-auto mb-6">
693                            <h1 class="mt-2 mb-8 text-3xl text-center leading-8 font-medium tracking-tight text-black sm:text-4xl sm:leading-10">{{ termin.titel }}</h1>
694                            <img v-if="termin.bild" class="w-full rounded-lg mb-8" v-bind:src="'https://www.vereinonline.org/Forum_Kultur_und_Kreativwirtschaft_Regensburg_e_V/?download='+ termin.bild">
695                            <p class="text-base text-black leading-6 mb-6" v-html="termin.beschreibung"></p>
696
697                            <div class="bg-white shadow overflow-hidden sm:rounded-lg">
698                                <div class="px-4 py-5 sm:p-0">
699                                    <dl>
700                                        <div class="sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6 sm:py-5">
701                                            <dt class="text-sm leading-5 font-medium text-black">
702                                            Datum
703                                            </dt>
704                                            <dd v-html="getDatum(termin.datum)" class="mt-1 text-sm leading-5 text-black sm:mt-0 sm:col-span-2">
705                                            </dd>
706                                        </div>
707                                        <div class="mt-8 sm:mt-0 sm:grid sm:grid-cols-3 sm:gap-4 sm:border-t sm:border-gray-200 sm:px-6 sm:py-5">
708                                            <dt class="text-sm leading-5 font-medium text-black">
709                                            Uhrzeit
710                                            </dt>
711                                            <dd class="mt-1 text-sm leading-5 text-black sm:mt-0 sm:col-span-2">
712                                            {{ termin.zeit }} Uhr
713                                            </dd>
714                                        </div>
715                                        <div class="mt-8 sm:mt-0 sm:grid sm:grid-cols-3 sm:gap-4 sm:border-t sm:border-gray-200 sm:px-6 sm:py-5">
716                                            <dt class="text-sm leading-5 font-medium text-black">
717                                            Kosten für Mitglieder
718                                            </dt>
719                                            <dd class="mt-1 text-sm leading-5 text-black sm:mt-0 sm:col-span-2">
720                                                <span v-if="termin.kostenmitglied != 0">{{ termin.kostenmitglied }} &#x80;</span>
721                                                <span v-if="termin.kostenmitglied == 0">kostenlos</span>
722                                            </dd>
723                                        </div>
724                                        <div class="mt-8 sm:mt-0 sm:grid sm:grid-cols-3 sm:gap-4 sm:border-t sm:border-gray-200 sm:px-6 sm:py-5">
725                                            <dt class="text-sm leading-5 font-medium text-black">
726                                            Kosten für Nicht-Mitglieder
727                                            </dt>
728                                            <dd class="mt-1 text-sm leading-5 text-black sm:mt-0 sm:col-span-2">
729                                                <span v-if="termin.kostenfremd != 0">{{ termin.kostenfremd }} &#x80;</span>
730                                                <span v-if="termin.kostenfremd == 0">kostenlos</span>
731                                            </dd>
732                                        </div>
733                                    </dl>
734                                </div>
735                            </div>
736
737                            <a v-bind:href="'https://www.vereinonline.org/Forum_Kultur_und_Kreativwirtschaft_Regensburg_e_V/?veranstaltunganmelden='+ termin.idmandant +'&dialog=1'" target="_blank" class="inline-block px-4 py-2 mt-8 border border-gray-300 text-sm uppercase leading-6 text-white bg-black hover:text-gray-300 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:text-gray-800 active:bg-gray-50 shadow-sm cursor-pointer transition ease-in-out duration-150">
738                                Jetzt anmelden
739                            </a>
740                        </div>
741                    </div>
742                </div>
743
744
745            </div>
746
747
748
749            <!-- Mitglieder -->
750			            <div style="background-image:url(https://forum-kreativwirtschaft.de/wp-content/uploads/image_kreative.jpg)" class="box bg-gray-200 bg-no-repeat bg-center bg-cover relative" >
751                <div class="w-full h-full bg-black bg-opacity-50 flex justify-center">
752                    <img src="https://forum-kreativwirtschaft.de/wp-content/themes/kreativwirtschaft/images/Forum_Kultur_und_Kreativwirtschaft_Logo_Lila.svg" class="hidden xl:block absolute" style=" width:350px; left: 7vw; top:-6rem">
753                    <h2 class="text-3xl sm:text-5xl sm:leading-none uppercase text-center tracking-tight leading-10 font-bold text-white py-24 lg:py-56">Kreative Konzepte<br />
754Kreative Mitglieder</h2>
755                </div>
756            </div>
757            <div id="mitglieder" class="box max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-5 sm:py-12 md:my-12">
758                <div v-if="!loaded" class="flex justify-center">
759                    <span class="inline-flex rounded-md shadow-sm">
760                        <button type="button" class="inline-flex items-center px-4 py-2 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-black hover:bg-gray-800 focus:outline-none focus:border-black focus:shadow-outline-indigo active:bg-black transition ease-in-out duration-150 cursor-not-allowed" disabled="">
761                        <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
762                            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
763                            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
764                        </svg>
765                        Laden ...
766                        </button>
767                    </span>
768                </div>
769                <ul class="grid grid-cols-1 gap-6 sm:grid-cols-2">
770                    <li v-bind:key="mitglied.id" v-for="mitglied in auszugMitglieder" class="col-span-1 bg-white border-b-4 mb-6 border-black">
771                        <a v-bind:href="mitglied.acf.link" v-bind:title="mitglied.acf.firmenadresse.namederfirma">
772                            <div class="flex-shrink-0">
773                                <img class="h-64 w-full bg-gray-200 object-cover" v-bind:src="mitglied.acf.detailbild" v-bind:alt="mitglied.acf.firmenadresse.namederfirma">
774                            </div>
775                            <div class="w-full flex items-center justify-between py-6 space-x-6">
776                                <img class="w-12 h-12 bg-gray-300 rounded-full border border-gray-200 object-cover flex-shrink-0" v-bind:src="mitglied.acf.profil.logo" alt="">
777                                <div class="flex-1 truncate">
778                                    <div class="flex items-center space-x-3">
779                                        <h3 class="text-black text-sm leading-5 font-semibold truncate"> {{ mitglied.acf.firmenadresse.namederfirma }} </h3>
780                                    </div>
781                                    <p class="mt-1 text-black text-sm leading-5 truncate"> {{ mitglied.acf.firmeninformationen.branche }} </p>
782                                </div>
783                            </div>
784                        </a>
785                    </li>
786                </ul>
787            </div> <!-- #mitglieder -->
788            <div class="box flex justify-center mb-12 lg:mb-32">
789                <span class="inline-flex rounded-md shadow-sm">
790                    <a href="https://forum-kreativwirtschaft.de/mitglieder" class="inline-flex items-center px-4 py-2 border border-transparent text-base leading-6 font-medium text-white uppercase bg-black hover:bg-gray-800 focus:outline-none focus:border-black focus:shadow-outline-indigo active:bg-black transition ease-in-out duration-150 cursor-pointer">
791                    Alle Mitglieder Profile ansehen
792                    </a>
793                </span>
794            </div>
795
796
797
798            <!-- News / Blog -->
799			            <div style="background-image:url(https://forum-kreativwirtschaft.de/wp-content/uploads/image_kreative.jpg)" class="box bg-gray-200 bg-no-repeat bg-center bg-cover relative" >
800                <div class="w-full h-full bg-black bg-opacity-50 flex justify-center">
801                    <img src="https://forum-kreativwirtschaft.de/wp-content/themes/kreativwirtschaft/images/Forum_Kultur_und_Kreativwirtschaft_Logo_Rot.svg" class="hidden xl:block absolute" style=" width:350px; right: 7vw; top:-3rem">
802                    <h2 class="text-3xl sm:text-5xl sm:leading-none uppercase text-center tracking-tight leading-10 font-bold text-white py-24 lg:py-56">Kreative Konzepte<br />
803Kreative Mitglieder</h2>
804                </div>
805            </div>
806            <div id="news" class="box max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-5 sm:py-12 md:my-12">
807                <div v-if="!loaded" class="flex justify-center">
808                    <span class="inline-flex rounded-md shadow-sm">
809                        <button type="button" class="inline-flex items-center px-4 py-2 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-black hover:bg-gray-800 focus:outline-none focus:border-black focus:shadow-outline-indigo active:bg-black transition ease-in-out duration-150 cursor-not-allowed" disabled="">
810                        <svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
811                            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
812                            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
813                        </svg>
814                        Laden ...
815                        </button>
816                    </span>
817                </div>
818                <ul class="grid grid-cols-1 gap-6 md:gap-16 sm:grid-cols-2 xl:grid-cols-3">
819                    <li v-bind:key="news.id" v-for="beitrag in news.slice(0,newsToShow)" class="col-span-1 bg-white">
820                        <div class="flex justify-between">
821                            <div v-bind:class ="(beitrag._embedded['wp:term'][0][0].id == 1)?'bg-purple-800':'bg-orange-500'" class="p-6 inline-block relative">
822                                <p class="text-white upercase font-semibold text-sm leading-5" v-html="beitrag._embedded['wp:term'][0][0].name"></p>
823                                <div v-if="beitrag._embedded['wp:term'][0][0].id == 1" class="absolute bottom-0 left-0 h-0 w-0 -mb-4 bg-transparent" style="border-top: 1rem solid #5521b5; border-left: 2rem solid transparent;"></div>
824                                <div v-else class="absolute bottom-0 left-0 h-0 w-0 -mb-4 bg-transparent" style="border-top: 1rem solid #ff5a1f; border-left: 2rem solid transparent;"></div>
825                            </div>
826                            <div class="self-end">
827                                <p class="text-sm leading-5" v-html="getDatum(beitrag.date)"></p>
828                            </div>
829                        </div>
830                        <div class="border-t-4 border-black my-6">
831                            <a v-bind:href="beitrag.link" v-bind:title="beitrag.title.rendered">
832                                <div class="w-full flex items-center justify-between py-6 space-x-6">
833                                    <div class="flex-1">
834                                        <h3 class="text-black text-base leading-5 font-semibold mb-4 break-words" v-html="beitrag.title.rendered"></h3>
835                                        <div class="text-black text-sm" v-html="beitrag.excerpt.rendered"></div>
836                                    </div>
837                                </div>
838                                <div class="flex-shrink-0">
839                                    <img class="h-64 w-full bg-gray-200 object-cover" v-bind:src="beitrag._embedded['wp:featuredmedia']['0'].source_url" v-bind:alt="beitrag.title.rendered">
840                                </div>
841                            </a>
842                        </div>
843                    </li>
844                </ul>
845                <div class="flex justify-center mt-8 mb-12">
846                    <button v-if="news.length >
846 6 && newsToShow < news.length" v-on:click="loadMore" class="inline-flex items-center px-4 py-2 border border-transparent text-base leading-6 font-medium text-white uppercase bg-black hover:bg-gray-800 focus:outline-none focus:border-black focus:shadow-outline-indigo active:bg-black transition ease-in-out duration-150 cursor-pointer">
847                        Mehr laden
848                    </button>
849                </div>
850            </div> <!-- #news -->
851
852
853
854            <!-- Call To Action -->
855            <div class="box bg-gray-100 px-4 sm:px-6 lg:px-8 py-12">
856                <div class="max-w-7xl mx-auto sm:py-12">
857                    <h3 class="text-xl sm:text-3xl sm:leading-none mb-4 md:mb-12 text-center tracking-tight leading-10 font-semibold">Interesse geweckt? Lerne uns kennen!</h3>
858                    <div class="grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3">
859                        
860                                <a href="https://forum-kreativwirtschaft.de/verein/" class="px-4 py-2 border border-transparent text-base text-center leading-6 font-medium text-white uppercase bg-black hover:bg-gray-800 focus:outline-none focus:border-black focus:shadow-outline-indigo active:bg-black transition ease-in-out duration-150 cursor-pointer">
861                                    Verein                                </a>
862
863                            
864                                <a href="https://forum-kreativwirtschaft.de/mitglieder/" class="px-4 py-2 border border-transparent text-base text-center leading-6 font-medium text-white uppercase bg-black hover:bg-gray-800 focus:outline-none focus:border-black focus:shadow-outline-indigo active:bg-black transition ease-in-out duration-150 cursor-pointer">
865                                    Mitglieder Profile                                </a>
866
867                            
868                                <a href="https://forum-kreativwirtschaft.de/foerdermitglieder/" class="px-4 py-2 border border-transparent text-base text-center leading-6 font-medium text-white uppercase bg-black hover:bg-gray-800 focus:outline-none focus:border-black focus:shadow-outline-indigo active:bg-black transition ease-in-out duration-150 cursor-pointer">
869                                    Fördermitglieder                                </a>
870
871                                                </div>
872                </div>
873            </div>
874
875
876        </div>
877
878    
879        </div>
880        <!-- /.row -->
881    </div>
882    <!-- /.container -->
883
884    <!-- Footer -->
885    <footer>
886        <!-- Newsletter -->
887        <div class="bg-gray-200 md:py-24 md:pb-40" style="background-image: url('https://forum-kreativwirtschaft.de/wp-content/themes/kreativwirtschaft/images/footer_background.jpg)');">
888            <div class="bg-white shadow-lg max-w-3xl mx-auto relative">
889                <div class="px-4 py-8 sm:px-20 sm:py-16">
890                    <h4 class="text-xl md:text-3xl font-semibold leading-tight mb-8">Noch nicht genug?<br><span class="text-lg">Newsletter abonnieren oder gleich Mitglied werden!</span></h4>
891                    <a href="https://forum-kreativwirtschaft.de/newsletter" class="inline-flex items-center px-6 py-3 border border-black uppercase text-base leading-6 font-medium text-black bg-white focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-50 cursor-pointer transition ease-in-out duration-150">
892                        Newsletter-Abo
893                    </a>
894					<a href="https://forum-kreativwirtschaft.de/mitglied-werden" class="inline-flex items-center mt-3 px-6 py-3 border border-black uppercase text-base leading-6 font-medium text-black bg-white focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-50 cursor-pointer transition ease-in-out duration-150">
895                        Mitglied werden
896                    </a>
897                </div>
898                <div class="hidden lg:block absolute bottom-0 left-0 h-0 w-0 -mb-20 bg-transparent" style="border-top: 5rem solid white; border-left: 8rem solid transparent;"></div>
899            </div>
900        </div>
901        <!-- Fußbereich -->
902        <div class="bg-black">
903            <div class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
904                <div class="xl:grid xl:grid-cols-3 xl:gap-8">
905                <div class="xl:col-span-1">
906                    <img class="h-12" src="https://forum-kreativwirtschaft.de/wp-content/themes/kreativwirtschaft/images/kf_logo_neg.svg" alt="Forum Kreativwirtschaft">
907                    <p class="mt-8 text-white text-base leading-6">
908                        Forum Kultur- und Kreativwirtschaft <span class="inline-block">Regensburg e. V.</span><br>
909                        Wahlenstraße 17<br>
910                        D-93047 Regensburg
911                    </p>
912                    <div class="mt-8 flex">
913                    <a href="https://www.facebook.com/ForumKulturundKreativwirtschaft" target="_blank" class="text-white">
914                        <span class="sr-only">Facebook</span>
915                        <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
916                        <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
917                        </svg>
918                    </a>
919                    <a href="https://www.instagram.com/forumkreativwirtschaft/" target="_blank" class="ml-6 text-white">
920                        <span class="sr-only">Instagram</span>
921                        <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
922                        <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
923                        </svg>
924                    </a>
925                    </div>
926                </div>
927                <div class="mt-12 grid md:grid-cols-2 gap-8 xl:mt-0 xl:col-span-2">
928                    <div class="md:grid md:grid-cols-2 md:gap-8">
929                    <div class="mt-0">
930                        <h4 class="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">
931                        Aktuelles
932                        </h4>
933                                                <ul>
934                                                            <li class="mt-4">
935                                    <a href="https://forum-kreativwirtschaft.de/news/" class="text-base leading-6 text-white">
936                                        News/Blog                                    </a>
937                                </li>
938                                                            <li class="mt-4">
939                                    <a href="https://forum-kreativwirtschaft.de/mitglieder/" class="text-base leading-6 text-white">
940                                        Mitglieder                                    </a>
941                                </li>
942                                                            <li class="mt-4">
943                                    <a href="https://forum-kreativwirtschaft.de/foerdermitglieder/" class="text-base leading-6 text-white">
944                                        Fördermitglieder                                    </a>
945                                </li>
946                                                            <li class="mt-4">
947                                    <a href="https://forum-kreativwirtschaft.de/?page_id=25" class="text-base leading-6 text-white">
948                                        Kalender                                    </a>
949                                </li>
950                                                            <li class="mt-4">
951                                    <a href="https://forum-kreativwirtschaft.de/newsletter/" class="text-base leading-6 text-white">
952                                        Newsletter                                    </a>
953                                </li>
954                                                    </ul>
955                    </div>
956                    <div class="mt-12 md:mt-0">
957                        <h4 class="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">
958                        Presse
959                        </h4>
960                                                <ul>
961                                                            <li class="mt-4">
962                                    <a href="https://forum-kreativwirtschaft.de/pressemitteilungen/" class="text-base leading-6 text-white">
963                                        Pressemitteilungen                                    </a>
964                                </li>
965                                                            <li class="mt-4">
966                                    <a href="https://forum-kreativwirtschaft.de/pressespiegel/" class="text-base leading-6 text-white">
967                                        Pressespiegel                                    </a>
968                                </li>
969                                                    </ul>
970                    </div>
971                    </div>
972                    <div class="md:grid md:grid-cols-2 md:gap-8">
973                    <div>
974                        <h4 class="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">
975                        Verein
976                        </h4>
977                                                <ul>
978                                                            <li class="mt-4">
979                                    <a href="https://forum-kreativwirtschaft.de/verein/" class="text-base leading-6 text-white">
980                                        Der Verein Forum Kreativwirtschaft                                    </a>
981                                </li>
982                                                            <li class="mt-4">
983                                    <a href="https://forum-kreativwirtschaft.de/kultur-und-kreativwirtschaft/" class="text-base leading-6 text-white">
984                                        Kultur- und Kreativwirtschaft                                    </a>
985                                </li>
986                                                            <li class="mt-4">
987                                    <a href="https://forum-kreativwirtschaft.de/vorstand-beirat-organe/" class="text-base leading-6 text-white">
988                                        Vorstand / Beirat / Organe                                    </a>
989                                </li>
990                                                            <li class="mt-4">
991                                    <a href="https://forum-kreativwirtschaft.de/partner/" class="text-base leading-6 text-white">
992                                        Partner des Vereins                                    </a>
993                                </li>
994                                                    </ul>
995                    </div>
996                    <div class="mt-12 md:mt-0">
997                        <h4 class="text-sm leading-5 font-semibold tracking-wider text-gray-400 uppercase">
998                        Rechtliches
999                        </h4>
1000                                                <ul>
1001                                                            <li class="mt-4">
1002                                    <a href="https://forum-kreativwirtschaft.de/mitglied-werden/" class="text-base leading-6 text-white">
1003                                        Mitglied werden                                    </a>
1004                                </li>
1005                                                            <li class="mt-4">
1006                                    <a href="https://forum-kreativwirtschaft.de/dsgvo-fuer-online-befragungen/" class="text-base leading-6 text-white">
1007                                        Informationen nach Art. 13 DSGVO für Online-Befragungen:                                    </a>
1008                                </li>
1009                                                            <li class="mt-4">
1010                                    <a href="https://forum-kreativwirtschaft.de/datenschutzerklaerung/" class="text-base leading-6 text-white">
1011                                        Datenschutzerklärung                                    </a>
1012                                </li>
1013                                                            <li class="mt-4">
1014                                    <a href="https://forum-kreativwirtschaft.de/impressum/" class="text-base leading-6 text-white">
1015                                        Impressum                                    </a>
1016                                </li>
1017                                                            <li class="mt-4">
1018                                    <a href="https://forum-kreativwirtschaft.de/kontakt/" class="text-base leading-6 text-white">
1019                                        Kontakt                                    </a>
1020                                </li>
1021                                                    </ul>
1022                    </div>
1023                    </div>
1024                </div>
1025                </div>
1026                <div class="mt-12 border-t border-gray-200 pt-8">
1027                <p class="text-base leading-6 text-white text-left">
1028                    &copy; 2026 Forum Kultur- und Kreativwirtschaft Regensburg e. V.
1029                </p>
1030                </div>
1031            </div>
1032        </div>
1033
1034    </footer><!-- /footer -->
1035
1036<script type="speculationrules">
1037{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/kreativwirtschaft/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1038</script>
vendor: 1 bytes, line 1038
1038
1039<script id="vuecalendar-js" src="https://forum-kreativwirtschaft.de/wp-content/themes/kreativwirtschaft/vuecalendar.js?ver=7.0.6.1723800859"></script>
vendor: 1 bytes, line 1039
1039
1040<script id="appjs-js" src="https://forum-kreativwirtschaft.de/wp-content/themes/kreativwirtschaft/app.js?ver=7.0.6.1723800859"></script>
vendor: 1 bytes, line 1040
1040
1041<script id="scrolltrigger-js" src="https://forum-kreativwirtschaft.de/wp-content/themes/kreativwirtschaft/ScrollTrigger.js?ver=7.0.6.1723800859"></script>
vendor: 1 bytes, line 1041
1041
1042<script id="customscript-js" src="https://forum-kreativwirtschaft.de/wp-content/themes/kreativwirtschaft/customscript.js?ver=1723800859"></script>
1042
1043
1044</body>
1045</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.