PageSourceSearch

https://www.expert-marketplace.de/en/pricing

html expert-marketplace.de collected 2026-09-24 22:49:10 UTC 273,661 bytes, 4,238 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en"
3      class="scroll-smooth scroll-pt-115
4      "
5      style="
6      --primary-nav-bg-color:38 42 46; --primary-nav-color:255,255,255;
7      --primary-profile-bg-color:32 36 39; --primary-profile-color:255,255,255;  ">
8<head>
9    <meta charset="utf-8">
10    <meta name="viewport" content="width=device-width, initial-scale=1">
11    <meta name="description" content="Inspiring and motivating people – the best selection of speakers, trainers, entrepreneurs &amp; entertainers.">
12    <!-- CSRF Token -->
13    <meta name="csrf-token" content="54wPC4kt7w8kdYO9nuBlh5znOgQt5aFJXywkWaFD">
14    <meta name="is-user-logged-in" content="">
15    
16    <link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg">
17    <link rel="shortcut icon" href="/favicons/favicon.ico"/>
18    <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/apple-touch-icon.png">
19    <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
20    <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
21    <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#ef233c">
22    <link rel="manifest" href="/site.webmanifest">
23
24    <meta name="msapplication-TileColor" content="#ffffff">
25    <meta name="theme-color" content="#fff">
26    <meta name="apple-mobile-web-app-title" content="Referenten" />
27    <link rel="canonical" href="https://www.expert-marketplace.de/en/pricing">
28    <meta property="og:locale" content="en_EN"/>
29    <meta property="og:type" content="website"/>
30    <meta property="og:title" content="Find and Book Experts | Expert Marketplace"/>
31    <meta property="og:description" content="Inspiring and motivating people – the best selection of speakers, trainers, entrepreneurs &amp; entertainers."/>
32    <meta property="og:url" content="https://www.expert-marketplace.de/en/pricing"/>
33    <meta property="og:image" content="https://www.expert-marketplace.de/images/expert-marketplace-og-img.svg"/>
34    <meta property="og:logo" content="https://www.expert-marketplace.de/images/expert-marketplace-avatar-og.svg" />
35    <meta property="og:site_name" content="Expert Marketplace"/>
36    <meta property="twitter:card" content="summary"/>
37    <meta property="twitter:description" content="Inspiring and motivating people – the best selection of speakers, trainers, entrepreneurs &amp; entertainers."/>
38    <meta property="twitter:title" content="Find and Book Experts | Expert Marketplace"/>
39    <meta property="twitter:image" content="https://www.expert-marketplace.de/images/logo-red.svg"/>
40        
41    <title>Find and Book Experts | Expert Marketplace</title>
42
43    
43<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="4f9fdefb-0542-474c-b8a7-3a6f156ead97" data-blockingmode="auto" type="text/javascript"></script>
43
44
45        
45<script data-cookieconsent="preferences" src="https://d2wy8f7a9ursnm.cloudfront.net/v8/bugsnag.min.js"></script>
45
46    
46<script data-cookieconsent="preferences" type="module">
47      import BugsnagPerformance from 'https://d2wy8f7a9ursnm.cloudfront.net/v1/bugsnag-performance.min.js'
48      Bugsnag.start({ apiKey: '438424c5a3196a33b940c5b343cb9ffe' })
49      BugsnagPerformance.start({ apiKey: '438424c5a3196a33b940c5b343cb9ffe' })
50    </script>
50
51    
52    <link rel="stylesheet" href="https://www.expert-marketplace.de/lib/css/choices.min.css" defer/>
53    <link rel="stylesheet" href="https://www.expert-marketplace.de/lib/css/jquery-ui.multidatespicker.css" defer/>
54    <link rel="stylesheet" href="https://www.expert-marketplace.de/lib/css/jquery-ui.css" defer/>
55    
56    <link href="/css/app.css?id=57610830fbe56265ef5b0a8041020048" rel="stylesheet" defer>
57        <meta name="robots" content="noindex, nofollow">
58    <style>
59        .header-nav {
60            position: fixed;
61            width: 100%;
62            background-color: transparent;
63            z-index: 9;
64            left: 0;
65            box-shadow: none;
66            transition: background-color .3s;
67        }
68
69        .header-nav.header-nav-scrolled {
70            background-color: #ffffff;
71            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
72        }
73
74        .header-nav form {
75            display: none;
76        }
77    </style>
78
79    
79<script data-cookieconsent="ignore" src="https://www.expert-marketplace.de/lib/js/choices.min.js" ></script>
79
80    
80<script data-cookieconsent="ignore" src="https://www.expert-marketplace.de/lib/js/jquery.min.js"></script>
80
81    
81<script data-cookieconsent="ignore" src="https://www.expert-marketplace.de/lib/js/jquery-ui.min.js" defer></script>
81
82    
82<script data-cookieconsent="ignore" src="https://www.expert-marketplace.de/lib/js/jquery-ui.multidatespicker.min.js" defer></script>
82
83
84    
84<script>
85        window.showAnalytics = true;
86        window.showUserNotifications = true;
87    </script>
87
88
89    
89<script data-cookieconsent="ignore" src="/js/app.js?id=20a74a9d6f59f39322a8ef2be2fa8148" defer></script>
89
90    
90<script data-cookieconsent="ignore" src="/js/dataProcessor.js?id=bd1f85d255e4e3127e2040b2684243d9" defer></script>
90
91    <style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style>
92
93            <!-- Hotjar Tracking Code for Expert Marketplace (Beta) -->
94        <!-- Hotjar Tracking Code for Expert Marketplace -->
95        
95<script>
vendor: 149 bytes, lines 95-98
95
96            (function(h,o,t,j,a,r){
97                h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
98                h._hjSettings={hjid:
983901673
vendor: 306 bytes, lines 98-104
98,hjsv:6};
99                a=o.getElementsByTagName('head')[0];
100                r=o.createElement('script');r.async=1;
101                r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
102                a.appendChild(r);
103            })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
104        
104</script>
104
105        <!-- Google Tag Manager -->
106        
106<script>
vendor: 582 bytes, lines 106-118
106(function (w, d, s, l, i) {
107                w[l] = w[l] || [];
108                w[l].push({
109                    'gtm.start':
110                        new Date().getTime(), event: 'gtm.js'
111                });
112                var f = d.getElementsByTagName(s)[0],
113                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
114                j.async = true;
115                j.src =
116                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
117                f.parentNode.insertBefore(j, f);
118            })(window, document, 'script', 'dataLayer', '
118GTM-PKST87W
vendor: 3 bytes, line 118
118');
118</script>
118
119        <!-- End Google Tag Manager -->
120        <!-- Google tag (gtag.js) firebase -->
vendor: 72 bytes, lines 120-121
120
121        <script async src="https://www.googletagmanager.com/gtag/js?id=
121G-CHBQ1T1NRW
vendor: 20 bytes, lines 121-122
121"></script>
122        
122<script>
123            
vendor: 164 bytes, lines 123-127
123window.dataLayer = window.dataLayer || [];
124            function gtag(){dataLayer.push(arguments);}
125            gtag('js', new Date());
126
127            gtag('config', '
127G-CHBQ1T1NRW
vendor: 12 bytes, lines 127-128
127');
128        
128</script>
128
129        <!-- Meta Pixel Code -->
130        
130<script>
vendor: 471 bytes, lines 130-139
130
131        !function(f,b,e,v,n,t,s)
132        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
133        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
134        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
135        n.queue=[];t=b.createElement(e);t.async=!0;
136        t.src=v;s=b.getElementsByTagName(e)[0];
137        s.parentNode.insertBefore(t,s)}(window, document,'script',
138        'https://connect.facebook.net/en_US/fbevents.js');
139        fbq('init', '
139401309615790466
vendor: 46 bytes, lines 139-141
139');
140        fbq('track', 'PageView');
141        
141</script>
141
142        <noscript><img height="1" width="1" style="display:none"
143        src=https://www.facebook.com/tr?id=401309615790466&ev=PageView&noscript=1
144        /></noscript>
145        <!-- End Meta Pixel Code -->
146        <!-- Google tag (gtag.js) -->
vendor: 64 bytes, line 146
146 <script async src="https://www.googletagmanager.com/gtag/js?id=
146AW-18228904904
vendor: 12 bytes, line 146
146"></script> 
146<script> 
vendor: 127 bytes, line 146
146window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
146AW-18228904904
vendor: 4 bytes, line 146
146'); 
146</script>
146
147        </head>
148<body class="text-emp-blue-900 font-normal font-Inter" x-data="chatOpen()" x-bind:class="{ 'overflow-hidden': modalOpen }">
149<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 149-150
149
150<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
150GTM-PKST87W
vendor: 83 bytes, line 150
150" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
151<!-- End Google Tag Manager (noscript) -->
152<template x-if="modalOpen">
153    <div @keydown.escape.window="modalOpen = false">
154        <slot></slot>
155    </div>
156</template>
157
158   <div x-data="{ showBanner: localStorage.getItem('hideBottomBanner') !== 'true' }"
159    x-show="showBanner"
160    x-cloak
161    class="fixed bottom-0 left-0 right-0 bg-emp-blue-700 text-white text-sm md:text-base px-4 md:px-32 py-12 md:py-4 flex flex-col md:flex-row md:justify-between md:items-center shadow-xl space-y-4 md:space-y-0 usage-note-banner">
162    <div class="flex flex-col md:flex-row md:items-center space-y-2 md:space-y-0 md:space-x-4 text-left">
163        <strong class="font-semibold">Usage note</strong>
164        <span>Services offered by Expert Marketplace are intended for business customers only. No contract is concluded with end consumers.</span>
165    </div>
166    <button @click="showBanner = false; localStorage.setItem('hideBottomBanner', 'true')"
167        class="self-start md:self-center bg-white text-[#5C5C6A] text-sm font-semibold px-4 py-1 rounded-full hover:bg-gray-200 transition">
168        Acknowledged
169    </button>
170</div>
171
172    <div @click="openChat = true"
173         class="h-[63px] w-[63px] bg-emp-red-700 fixed right-[calc(0%+24px)] bottom-[calc(0%+101px)] z-50 rounded-full flex items-center justify-center cursor-pointer">
174        <svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
175    <path d="M8.54167 5.125V11.9583M5.125 8.54167H11.9583M10.25 29.0417V35.875M6.83333 32.4583H13.6667M22.2083 5.125L26.1131 16.8393L35.875 20.5L26.1131 24.1607L22.2083 35.875L18.3036 24.1607L8.54167 20.5L18.3036 16.8393L22.2083 5.125Z" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
176</svg>
177    </div>
178    <div x-cloak x-show="openChat" x-transition x-data="initChat()"
179     class="drop-shadow-filter fixed md:right-[calc(0%+24px)] md:bottom-[calc(0%+20px)] z-[1000] bg-emp-blue-50 xs:max-w-full sm:max-w-full md:max-w-[639px] w-full md:max-h-chat-modal h-full rounded-[5px] pt-3 pb-2 pl-5 flex flex-col justify-between">
180    <div class="flex flex-col h-full">
181        
182        <div class="w-full flex items-center justify-between pb-3 pr-5">
183            <div class="flex items-center">
184                <svg width="32" height="32" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
185    <path d="M8.54167 5.125V11.9583M5.125 8.54167H11.9583M10.25 29.0417V35.875M6.83333 32.4583H13.6667M22.2083 5.125L26.1131 16.8393L35.875 20.5L26.1131 24.1607L22.2083 35.875L18.3036 24.1607L8.54167 20.5L18.3036 16.8393L22.2083 5.125Z" stroke="#EF233C" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
186</svg>
187                <h5 class="text-l font-bold leading-6 tracking-[-0.02em] text-emp-blue-900 !text-emp-blue-700 ml-3">
188    EventPilot
189                    – AI Assistent
190</h5>
191            </div>
192            <div class="flex items-center">
193                                <form action="https://www.expert-marketplace.de/en/chat"
194                      method="POST"
195                      id="start_new_chat"
196                      class="mb-0 flex items center">
197                    <input type="hidden" name="_token" value="54wPC4kt7w8kdYO9nuBlh5znOgQt5aFJXywkWaFD" autocomplete="off">                    <button class="mr-5 opacity-50"
198                            type="button"
199                            data-modal-toggle="start_new_ai_chat"
200                        disabled>
201                        <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" style="opacity: 0.25">
202    <g>
203        <path d="M14.6668 6.66667H8.00016C6.5274 6.66667 5.3335 7.86058 5.3335 9.33334V24C5.3335 25.4728 6.5274 26.6667 8.00016 26.6667H22.6668C24.1396 26.6667 25.3335 25.4728 25.3335 24V17.3333M23.4479 4.78105C24.4893 3.73965 26.1777 3.73965 27.2191 4.78105C28.2605 5.82245 28.2605 7.51089 27.2191 8.55228L15.7714 20H12.0002L12.0002 16.2288L23.4479 4.78105Z" stroke="#666877" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
204    </g>
205</svg>
206                    </button>
207                </form>
208                <button @click="openChat = false" x-transition class="mr-2">
209                    <svg  xmlns="http://www.w3.org/2000/svg"  width="18" height="18" viewBox="0 0 18 18"
210     fill="none">
211    <path d="M1 17L17 1M1 1L17 17" stroke="#666877" stroke-width="2" stroke-linecap="round"
212          stroke-linejoin="round"/>
213</svg>
214                </button>
215            </div>
216        </div>
217
218                    <div class="w-full h-full pt-[108px] pb-7 pr-5 overflow-y-auto">
219    <div class="m-auto flex flex-col max-w-[360px]">
220        <span class="m-auto"><svg xmlns="http://www.w3.org/2000/svg" width="53" height="53" viewBox="0 0 24 30"
221     fill="none">
222    <path  class=""
223          d="M18 7.5C18 10.8137 15.3137 13.5 12 13.5C8.68629 13.5 6 10.8137 6 7.5C6 4.18629 8.68629 1.5 12 1.5C15.3137 1.5 18 4.18629 18 7.5Z"
224          stroke="#2B2D42" stroke-width="2" stroke-linecap="round"
225          stroke-linejoin="round"/>
226    <path  class=""
227          d="M12 18C6.20101 18 1.5 22.701 1.5 28.5H22.5C22.5 22.701 17.799 18 12 18Z"
228          stroke="#2B2D42" stroke-width="2" stroke-linecap="round"
229          stroke-linejoin="round"/>
230</svg>
231</span>
232        <p class="text-base font-medium my-5 mx-auto text-center max-w-[340px] leading-7 text-emp-blue-900">
233    Log in with your Expert Marketplace account to use the EventPilot.
234</p>
235        <form method="POST" action="https://www.expert-marketplace.de/en/login">
236            <input type="hidden" name="_token" value="54wPC4kt7w8kdYO9nuBlh5znOgQt5aFJXywkWaFD" autocomplete="off">            <input type='hidden' name='source' value='chat'>
237
238            <div class="mb-1">
239                <label class="text-s font-normal tracking-[-0.02em] text-emp-blue-700" for="email">
240    Email
241</label>
242                <input name="email" value=""
243    class="inline-block text-base bg-emp-blue-100 text-emp-blue-800 border border-transparent
244    rounded py-[9px] px-3 font-medium transition duration-200 ease-in-out hover:border-emp-blue-300 placeholder:font-normal placeholder:text-emp-blue-500
245    focus:bg-white focus:border-emp-blue-300 focus:outline-none focus:text-emp-blue-900 focus:font-medium w-full" autofocus="autofocus">
246                            </div>
247            <div class="mb-4 md:mb-6">
248                <label class="text-s font-normal tracking-[-0.02em] text-emp-blue-700" for="password">
249    Password
250</label>
251                <div class="relative bg-emp-blue-100 flex items-center h-11 rounded-default focus:bg-white">
252                    <input name="password" value=""
253    class="inline-block text-base bg-emp-blue-100 text-emp-blue-800 border border-transparent
254    rounded py-[9px] px-3 font-medium transition duration-200 ease-in-out hover:border-emp-blue-300 placeholder:font-normal placeholder:text-emp-blue-500
255    focus:bg-white focus:border-emp-blue-300 focus:outline-none focus:text-emp-blue-900 focus:font-medium w-full pr-50" type="password">
256                </div>
257                                <div class="mb-8">
258                    <div class="flex justify-center">
259                        <button type="submit" 
260    class="bg-gradient-to-r from-emp-red-500 to-emp-red-600 hover:bg-none hover:bg-emp-red-700 text-s md:text-base px-3 whitespace-nowrap md:whitespace-normal md:px-4 py-0.5 md:py-2 items-center justify-center leading-base
261 cursor-pointer text-white font-bold inline-flex rounded-full w-180 mt-6 one-click-action">
262    Log in
263</button>
264                    </div>
265                    <div class="flex justify-center mt-7">
266                        <p class="text-base font-medium text-s text-emp-blue-500 mr-1">
267    New here?
268</p>
269                        <a href="https://www.expert-marketplace.de/en/register" class="text-s text-emp-red-500">
270    Sign up
271</a>
272                    </div>
273                </div>
274            </div>
275        </form>
276    </div>
277</div>
278                <a href="/en/datenschutz" class="text-s text-emp-blue-500 block text-center mt-2 mr-5">
279    Privacy
280</a>
281
282        <div class="relative z-60 hidden" id="start_new_ai_chat">
283    <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity"></div>
284    <div class="fixed inset-0 z-60 overflow-y-auto">
285        <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
286            <div class="relative bg-white w-[512px] rounded shadow-popup">
287                <div class="p-6">
288                    <div class="sm:flex sm:items-start justify-center w-full">
289                        <div class="text-center mb-6 w-full">
290                            <div class="flex">
291                                <div
292                                    class="flex h-12 w-12 flex-shrink-0 items-left justify-center rounded-full float-left mr-3">
293                                    <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
294    <rect width="40" height="40" rx="20" fill="#E0F2FE"/>
295    <path d="M21 24H20V20H19M20 16H20.01M29 20C29 24.9706 24.9706 29 20 29C15.0294 29 11 24.9706 11 20C11 15.0294 15.0294 11 20 11C24.9706 11 29 15.0294 29 20Z" stroke="#3B82F6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
296</svg>
297                                </div>
298                                <div>
299                                    <p class="text-xl font-semibold text-emp-blue-900 leading-8 text-start">
300    Start a new expert search?
301</p>
302                                    <div class="mt-2 text-start">
303                                        <p class="text-s font-medium text-emp-blue-700">
304    Your current chat will be lost.
305</p>
306                                    </div>
307                                </div>
308                            </div>
309                        </div>
310                    </div>
311                    <div class="flex justify-end w-full space-x-3">
312                        <button class="h-8 md:h-11 rounded-full text-center font-bold inline-flex items-center justify-center bg-emp-blue-200
313hover:bg-emp-blue-300 px-3 md:px-4 py-2 text-s md:text-base text-emp-blue-800 disabled:opacity-25 disabled:cursor-default light whitespace-nowrap md:whitespace-normal 
313!w-1/4" data-modal-toggle="start_new_ai_chat">
314    Cancel
315</button>
316                        <button type="submit" 
317    class="bg-gradient-to-r from-emp-red-500 to-emp-red-600 hover:bg-none hover:bg-emp-red-700 text-s md:text-base px-3 whitespace-nowrap md:whitespace-normal md:px-4 py-0.5 md:py-2 items-center justify-center leading-base
318 cursor-pointer text-white font-bold inline-flex rounded-full !w-1/4" data-modal-toggle="start_new_ai_chat" @click="document.getElementById('start_new_chat').submit()">
319    OK
320</button>
321                    </div>
322                </div>
323            </div>
324        </div>
325    </div>
326</div>
327    </div>
328    <div x-show="toastMessage" aria-live="assertive" class="pointer-events-none fixed top-1.5 right-5 z-50 w-full flex items-end sm:items-start hidden " id="chat_flash_notification">
329    <div class="flex w-full flex-col items-center space-y-4 sm:items-end">
330        <div class="pointer-events-auto max-w-400 w-full overflow-hidden rounded-lg bg-white shadow-lg ring-1 ring-black ring-opacity-5">
331            <div class="p-6">
332                <div class="flex">
333                    <div class="flex-shrink-0">
334                        <img src="https://www.expert-marketplace.de/images/information.svg" width="20" height="20" alt="error" x-show="toastMessageStatusCode === 100">
335                        <img src="https://www.expert-marketplace.de/images/success.svg" width="20" height="20" alt="success" x-show="toastMessageStatusCode === 200">
336                        <img src="https://www.expert-marketplace.de/images/error.svg" width="20" height="20" alt="error" x-show="toastMessageStatusCode === 400">
337                    </div>
338                    <div class="ml-3 -mt-1.5 w-0 flex-1 pt-0.5">
339                        <p class="text-s font-semibold m-0" x-show="toastCustomTitle" x-text="toastCustomTitle">
340    Title
341</p>
342                        <p class="text-s font-normal text-emp-blue-700 break-words inline-block w-280 mt-1" x-text="toastMessage">
343    
344</p>
345                    </div>
346                    <div class="ml-4 flex flex-shrink-0">
347                        <button type="button"  class="ml-auto mt-0.5 bg-white rounded-lg p-1.5 inline-flex" @click="toastMessage = ''">
348    <svg  xmlns="http://www.w3.org/2000/svg"  width="12" height="12" viewBox="0 0 18 18"
349     fill="none">
350    <path d="M1 17L17 1M1 1L17 17" stroke="#666877" stroke-width="2" stroke-linecap="round"
351          stroke-linejoin="round"/>
352</svg>
353</button>
354                    </div>
355                </div>
356            </div>
357        </div>
358    </div>
359</div>
360</div>
361
362<script data-cookieconsent="ignore">
363    function initChat() {
364        return {
365            message: '',
366            chat: [],
367            loading: false,
368            apiChatUrl: "https://speakers-excellence-fastapi-827825582488.europe-west3.run.app",
369            //chatId: '',
370            previous_response_id: '',
371            speakerData: '',
372            defaultImage: 'https://www.expert-marketplace.de/images/default-image-large.jpg',
373            openWatchlist: '',
374            eventsPlucked: [],
375            newEventOpen: [],
376            newEventNames: [0],
377            toastCustomTitle: false,
378            toastMessage: '',
379            toastMessageStatusCode: 200,
380            toastTimeoutId: false,
381            isChecked: false,
382            headers: {
383                'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').content,
384                'Accept': 'application/json',
385                'Content-Type': 'application/json',
386            },
387            currentStreamAnchorId: '',
388            firstExpertCardId: '',
389            hadExpertsThisStream: false,
390            _lastStickTs: 0,
391            userScrolledThisStream: false,
392            _progScrollUntil: 0,
393            init() {
394                this.sendMessage();
395                this.chat = (this.chat || []).map((m) => this.hydrateMessage(m));
396
397                this.attachScrollDetectorsOnce();
398                this.$watch('openChat', value => {
399                    if (value && false && this.chat.length === 0 && !this.loading) {
400                        this.initialAIChat();
401                    }
402                });
403            },
404
405            hydrateMessage(m) {
406                if (this.isAnchorMsg(m) || m.speaker_id) {
407                    return { ...m, asHtml: true };
408                }
409
410                if (m.sender === 'ai' && m.content) {
411                    return {
412                        ...m,
413                        content: this.nl2br(m.content),
414                        asHtml: true,
415                        showAIAvatar: true,
416                    };
417                }
418
419                return m;
420            },
421
422            isAnchorMsg(m) {
423                return !!(m && m.sender === 'ai' && !m.speaker_id
424                    && typeof m.content === 'string'
425                    && m.content.includes('data-scroll-anchor="true"'));
426            },
427
428            startProgrammaticScroll(ms = 600) {
429                this._progScrollUntil = performance.now() + ms;
430            },
431
432            isProgrammaticScroll() {
433                return performance.now() < this._progScrollUntil;
434            },
435
436            attachScrollDetectorsOnce() {
437                this.$nextTick(() => {
438                    const chat = this.getChatEl();
439                    if (!chat || chat._scrollDetectorsAttached) return;
440                    chat._scrollDetectorsAttached = true;
441
442                    // If user uses wheel/touch, consider it manual immediately
443                    chat.addEventListener('wheel',      () => { if (!this.isProgrammaticScroll()) this.userScrolledThisStream = true; }, { passive: true });
444                    chat.addEventListener('touchstart', () => { if (!this.isProgrammaticScroll()) this.userScrolledThisStream = true; }, { passive: true });
445
446                    // Fallback for scroll via keyboard / trackpad momentum
447                    chat.addEventListener('scroll', () => {
448                        if (!this.isProgrammaticScroll()) this.userScrolledThisStream = true;
449                    }, { passive: true });
450                });
451            },
452
453            pushStreamAnchorOnce() {
454                if (this.currentStreamAnchorId) return;
455                const id = `expert-stream-anchor-${Date.now()}`;
456                const anchorHtml = `<div id="${id}" class="expert-stream-anchor" data-scroll-anchor="true" style="height:0;margin:0;padding:0;"></div>`;
457                this.chat.push({ sender: 'ai', content: anchorHtml, showAIAvatar: false });
458                this.currentStreamAnchorId = id;
459            },
460
461            stickToBottom() {
462                if (this.hadExpertsThisStream) return;
463                const now = performance.now();
464                if (now - this._lastStickTs > 120) {
465                    const chat = this.getChatEl();
466                    chat?.scrollTo({ top: chat.scrollHeight, behavior: 'auto' });
467                    this._lastStickTs = now;
468                }
469            },
470
471            getChatEl() {
472                return document.getElementById('ai_chat_container');
473            },
474
475            computeScrollTop(target, container, overhang = 0) {
476                const containerRect = container.getBoundingClientRect();
477                const targetRect    = target.getBoundingClientRect();
478                const padTop = parseFloat(getComputedStyle(container).paddingTop) || 0;
479                return (targetRect.top - containerRect.top) + container.scrollTop - padTop - overhang;
480            },
481
482            scrollToAnchorIfAny({ immediate = true, overhang = 8 } = {}) {
483                if (!this.currentStreamAnchorId) return false;
484                this.$nextTick(() => {
485                    const chat = this.getChatEl();
486                    const target = document.getElementById(this.currentStreamAnchorId);
487                    if (!chat || !target) return;
488
489                    // a *positive* overhang pulls the scroll slightly ABOVE the anchor,
490                    // so the card that follows begins right at the top edge.
491                    const top = this.computeScrollTop(target, chat, -overhang); // negative to go a bit further up
492                    this.startProgrammaticScroll(immediate ? 250 : 700);
493                    chat.scrollTo({ top, behavior: immediate ? 'auto' : 'smooth' });
494                });
495                return true;
496            },
497
498            scrollToEl(elId, { immediate = true, overhang = 12 } = {}) {
499                if (!elId) return false;
500                this.$nextTick(() => {
501                    const chat = this.getChatEl();
502                    const target = document.getElementById(elId);
503                    if (!chat || !target) return;
504
505                    // pull a little extra above the element so the card starts right at the top
506                    const top = this.computeScrollTop(target, chat, -overhang);
507                    this.startProgrammaticScroll(immediate ? 250 : 700);
508                    chat.scrollTo({ top, behavior: immediate ? 'auto' : 'smooth' });
509                });
510                return true;
511            },
512
513            scrollToBottom() {
514                this.$nextTick(() => {
515                    const chat = this.getChatEl();
516                    if (!chat) return;
517                    chat.scrollTo({ top: chat.scrollHeight, behavior: 'smooth' });
518                });
519            },
520
521            resetStreamScrollState() {
522                // clean old temporary anchor
523                if (this.currentStreamAnchorId) {
524                    const old = document.getElementById(this.currentStreamAnchorId);
525                    if (old) old.removeAttribute('id');
526                }
527
528                // clean old first-card id (avoid scrolling to an earlier stream)
529                if (this.firstExpertCardId) {
530                    const oldCard = document.getElementById(this.firstExpertCardId);
531                    if (oldCard) oldCard.removeAttribute('id');
532                }
533
534                this.currentStreamAnchorId   = '';
535                this.firstExpertCardId       = '';
536                this.hadExpertsThisStream    = false;
537                this.userScrolledThisStream  = false;
538            },
539
540            escapeHtml(str) {
541                return String(str)
542                    .replace(/&/g, '&amp;')
543                    .replace(/</g, '&lt;')
544                    .replace(/>/g, '&gt;')
545                    .replace(/"/g, '&quot;')
546                    .replace(/'/g, '&#39;');
547            },
548
549            nl2br(str) {
550                return this.escapeHtml(str)
551                    .replace(/\r\n/g, '\n')
552                    .replace(/\n\n/g, '<br><br>')
553                    .replace(/\n/g, '<br>');
554            },
555
556            async initialAIChat() {
557                this.loading = true;
558                let aiMessage = '';
559
560                try {
561                    const response = await fetch(`${this.apiChatUrl}/chat`, {
562                        method: 'POST',
563                        headers: this.headers,
564                        body: JSON.stringify({
565                            language_code: 'en',
566                            previous_response_id: null,
567                            user_query: 'Hi!',
568                        })
569                    });
570
571                    if (!response.body) throw new Error('No response body');
572
573                    this.resetStreamScrollState();
574
575                    const reader = response.body.getReader();
576                    let aiMessageIndex = this.chat.length;
577                    this.chat.push({sender: 'ai', content: '', showAIAvatar: true});
578                    this.startProgrammaticScroll(300);
579                    this.scrollToBottom();
580
581                    while (true) {
582                        const {done, value} = await reader.read();
583                        if (done) break;
584
585                        const chunkText = new TextDecoder().decode(value).trim();
586                        const lines = chunkText.split("\n").filter(line => line.startsWith("data: "));
587
588                        for (const line of lines) {
589                            try {
590                                const jsonString = line.replace("data: ", "").trim();
591                                const parsedChunk = JSON.parse(jsonString);
592
593                                if (parsedChunk.type === 'chunk' && parsedChunk.data) {
594                                    aiMessage += parsedChunk.data;
595                                    // this.chat[aiMessageIndex].content += parsedChunk.data;
596                                    this.appendAiMessage(parsedChunk.data, { avatar: true });
597                                    this.stickToBottom();
598                                } else if (parsedChunk.type === 'response_id' && parsedChunk.data) {
599                                    this.previous_response_id = parsedChunk.data;
600                                }
601                            } catch (error) {
602                                console.error('Error parsing chunk:', line, error);
603                            }
604                        }
605                    }
606
607                    if (this.userScrolledThisStream) {
608                        // user took control; do nothing
609                    } else if (this.firstExpertCardId) {
610                        // finish by ensuring we’re aligned to the card (smooth is fine now)
611                        this.scrollToEl(this.firstExpertCardId, { immediate: false, overhang: 12 });
612                    } else if (this.currentStreamAnchorId) {
613                        // fallback if no card rendered for some reason
614                        this.scrollToEl(this.currentStreamAnchorId, { immediate: false, overhang: 12 });
615                    } else {
616                        this.scrollToBottom();
617                    }
618                } catch (error) {
619                    console.error('Error:', error);
620                    this.chat.push({sender: 'ai', content: 'Something went wrong. Try again.'});
621                } finally {
622                    if (aiMessage.trim() !== '') {
623                        await this.saveMessage(aiMessage, 'ai', this.previous_response_id);
624                    }
625
626                    this.loading = false;
627                }
628            },
629
630            async sendMessage() {
631                if (!this.message.trim()) return;
632
633                this.chat.push({sender: 'user', content: this.message});
634
635                this.$nextTick(() => {
636                    const c = document.getElementById('ai_chat_container');
637                    c?.scrollTo({ top: c.scrollHeight, behavior: 'smooth' });
638                });
639
640                const userMessage = this.message;
641                this.message = '';
642                this.loading = true;
643
644                let aiMessage = '';
645                let speakerId = null;
646                let collectingSpeakerData = false;
647                let speakerDescription = '';
648                let collectingAiMessage = true;
649                let expertIndexes = {};
650
651                await this.saveMessage(userMessage, 'user', this.previous_response_id);
652
653                try {
654                    const response = await fetch(`${this.apiChatUrl}/chat`, {
655                        method: 'POST',
656                        headers: this.headers,
657                        body: JSON.stringify({
658                            language_code: 'en',
659                            previous_response_id: this.previous_response_id ?? null,
660                            user_query: userMessage,
661                        })
662                    });
663
664                    if (!response.body) throw new Error("No response body");
665
666                    this.resetStreamScrollState();
667
668                    const reader = response.body.getReader();
669                    let aiMessageIndex = this.chat.length;
670                    this.chat.push({sender: 'ai', content: '', showAIAvatar: true});
671                    this.startProgrammaticScroll(300);
672                    this.scrollToBottom();
673
674                    while (true) {
675                        const {done, value} = await reader.read();
676                        if (done) break;
677
678                        if (!this._decoder) this._decoder = new TextDecoder();
679                        this._buffer = (this._buffer || '') + this._decoder.decode(value, { stream: true });
680
681                        const lines = this._buffer.split("\n");
682                        this._buffer = lines.pop();
683
684                        for (const line of lines) {
685                            if (!line.startsWith("data: ")) continue;
686                            const jsonString = line.replace("data: ", "").trim();
687
688                            try {
689                                const parsedChunk = JSON.parse(jsonString);
690
691                                if(parsedChunk.type === 'response_id' && parsedChunk.data) {
692                                    this.previous_response_id = parsedChunk.data;
693                                }
694
695                                if (parsedChunk.type === 'chunk' && parsedChunk.data) {
696                                    if (collectingSpeakerData) {
697                                        speakerDescription += parsedChunk.data;
698                                    } else {
699                                        aiMessage += parsedChunk.data;
700                                        // this.chat[aiMessageIndex].content += parsedChunk.data;
701                                        this.appendAiMessage(parsedChunk.data, { avatar: true });
702                                        this.stickToBottom();
703                                    }
704                                }
705
706                                if (parsedChunk.type === 'event' && parsedChunk.data) {
707                                    const {event, speaker_id} = parsedChunk.data;
708
709                                    if (event === 'new_speaker_presentation' && speaker_id) {
710                                        if (!this.hadExpertsThisStream) {
711                                            this.hadExpertsThisStream = true;
712
713                                            if (!this.currentStreamAnchorId) {
714                                                const id = `expert-stream-anchor-${Date.now()}`;
715                                                const anchorHtml = `<div id="${id}" class="expert-stream-anchor" data-scroll-anchor="true" style="height:0;margin:0;padding:0;"></div>`;
716                                                this.chat.push({ sender: 'ai', content: anchorHtml, showAIAvatar: false });
717                                                this.currentStreamAnchorId = id;
718
719                                                // scroll to the temporary marker immediately (only if user didn’t scroll)
720                                                if (!this.userScrolledThisStream) {
721                                                    this.scrollToEl(this.currentStreamAnchorId, { immediate: true, overhang: 12 });
722                                                }
723                                            }
724
725                                            this.pushStreamAnchorOnce();
726
727                                            if (!this.userScrolledThisStream) {
728                                                this.scrollToAnchorIfAny({ immediate: true, overhang: 12 }); // small extra pull so the card starts at top
729                                            }
730                                        }
731
732                                        collectingSpeakerData = true;
733                                        collectingAiMessage = false;
734                                        speakerId = speaker_id;
735                                        speakerDescription = '';
736
737                                        if (aiMessage.length !== 0) {
738                                            await this.saveMessage(aiMessage, 'ai', this.previous_response_id);
739                                        }
740
741                                        this.chat.push({sender: 'ai', content: '', showAIAvatar: false});
742                                        expertIndexes[speakerId] = this.chat.length - 1;
743                                    }
744
745                                    if (event === 'end_speaker_presentation' && speaker_id && expertIndexes[speaker_id] !== undefined) {
746                                        collectingSpeakerData = false;
747                                        collectingAiMessage = true;
748
749                                        if (speaker_id && speakerDescription.trim()) {
750                                            await this.appendSpeakerDetails(speaker_id, speakerDescription.trim());
751                                        }
752
753                                        aiMessage = '';
754                                        aiMessageIndex = this.chat.length;
755                                        this.chat.push({sender: 'ai', content: '', showAIAvatar: true});
756                                    }
757                                }
758                            } catch (error) {
759                                console.error('Error parsing chunk:', line, error);
760                            }
761                        }
762                    }
763
764                    if (this.userScrolledThisStream) {
765                        // user took control; do nothing
766                    } else if (this.firstExpertCardId) {
767                        // finish by ensuring we’re aligned to the card (smooth is fine now)
768                        this.scrollToEl(this.firstExpertCardId, { immediate: false, overhang: 12 });
769                    } else if (this.currentStreamAnchorId) {
770                        // fallback if no card rendered for some reason
771                        this.scrollToEl(this.currentStreamAnchorId, { immediate: false, overhang: 12 });
772                    } else {
773                        this.scrollToBottom();
774                    }
775                } catch (error) {
776                    console.error('Error:', error);
777                    this.chat.push({sender: 'ai', content: 'Something went wrong. Try again.'});
778                } finally {
779                    if (aiMessage.trim() !== '') {
780                        await this.saveMessage(aiMessage, 'ai', this.previous_response_id);
781                    }
782
783                    this.loading = false;
784                }
785            },
786
787            async saveMessage(userMessage, sender, previous_response_id = null) {
788                const bodyData = {
789                    message: userMessage,
790                    sender
791                };
792
793                if (previous_response_id) {
794                    bodyData.previous_response_id = previous_response_id;
795                }
796
797                await fetch('/chat/message', {
798                    method: 'POST',
799                    headers: this.headers,
800                    body: JSON.stringify(bodyData),
801                }).then(response => response.json())
802                    .then((data) => {
803                        this.previous_response_id = data.previous_response_id;
804                    })
805                    .catch(error => console.error('Error saving message:', error));
806            },
807
808            appendAiMessage(content, { avatar = true } = {}) {
809                if (typeof content !== 'string') return;
810
811                const collapsed = content.replace(/(?:\r?\n){3,}/g, '\n\n');
812
813                const formattedContent = this.nl2br(collapsed);
814
815                const last = this.chat[this.chat.length - 1];
816                if (last && last.sender === 'ai' && last.showAIAvatar === avatar && last.asHtml === true) {
817                    last.content = (last.content || '') + formattedContent;
818                } else {
819                    this.chat.push({
820                        sender: 'ai',
821                        content: formattedContent,
822                        showAIAvatar: avatar,
823                        asHtml: true,
824                    });
825                }
826            },
827
828            async appendSpeakerDetails(speakerId, speakerDescription) {
829                try {
830                    const response = await fetch('/en/chat/get-expert', {
831                        method: 'POST',
832                        headers: this.headers,
833                        body: JSON.stringify({speakerId, speakerDescription})
834                    });
835
836                    const speakerData = await response.json();
837
838                    let expertData = {
839                        speaker_id: speakerId,
840                        content: speakerDescription || '',
841                        speaker: {
842                            top_status: speakerData.top_status || '',
843                            top_status_badge: speakerData.top_status_badge || '',
844                            name: speakerData.name || '',
845                            user: {
846                                image_full_path: (() => {
847                                    try {
848                                        return speakerData.user?.image_full_path || '';
849                                    } catch (error) {
850                                        return '';
851                                    }
852                                })(),
853                            },
854                            current_ml: {
855                                slug: speakerData.current_ml?.slug || '',
856                                topics: this.getTopics({speaker: speakerData}),
857                                references: this.getReferences({speaker: speakerData}),
858                            }
859                        },
860                    };
861
862                    let template = document.getElementById('expert-template');
863                    let newExpert = template.cloneNode(true);
864                    newExpert.removeAttribute('id');
865                    newExpert.setAttribute('x-data', JSON.stringify({msg: expertData}));
866
867                    this.chat.push({
868                        sender: 'ai',
869                        showAIAvatar: false,
870                        speaker_id: speakerId,
871                        content: (speakerDescription || '').trim(),   // plain text
872                        speaker: {
873                            top_status: speakerData.top_status || '',
874                            top_status_badge: speakerData.top_status_badge || '',
875                            name: speakerData.name || '',
876                            user: { image_full_path: speakerData.user?.image_full_path || '' },
877                            current_ml: {
878                                slug: speakerData.current_ml?.slug || '',
879                                topics: this.getTopics({ speaker: speakerData }),
880                                references: this.getReferences({ speaker: speakerData }),
881                            }
882                        }
883                    });
884                    this.$nextTick(() => {
885                        const card = this.getLastExpertInDom();
886                        if (!card) return;
887
888                        if (!this.firstExpertCardId) {
889                            const id = `expert-card-${Date.now()}`;
890                            card.id = id;
891                            this.firstExpertCardId = id;
892                            if (!this.userScrolledThisStream) {
893                                this.scrollToEl(this.firstExpertCardId, { immediate: true, overhang: 12 });
894                            }
895                        }
896                    });
897                } catch (error) {
898                    console.error("Error appending speaker details:", error);
899                }
900            },
901
902            getLastExpertInDom() {
903                const chat = document.getElementById('ai_chat_container');
904                if (!chat) return null;
905                const list = Array.from(chat.querySelectorAll('.expert-presentation'))
906                    .filter(el => !el.closest('#expert-template'));
907                return list[list.length - 1] || null;
908            },
909
910            getReferences(msg) {
911                if (msg.speaker && msg.speaker.current_ml) {
912                    const references = msg.speaker.current_ml.references;
913
914                    if(!references) {
915                        return '';
916                    }
917
918                    return references.length > 300
919                            ? references.slice(0, 300) + '...'
920                            : references;
921                }
922
923                return '';
924            },
925
926            getTopics(msg) {
927                if (msg.speaker && msg.speaker.current_ml) {
928                    const topics = msg.speaker.current_ml.topics;
929
930                    if(!topics) {
931                        return '';
932                    }
933
934                    return topics.length > 300
935                            ? topics.slice(0, 300) + '...'
936                            : topics;
937                }
938
939                return '';
940            },
941            async addWatchlist(expertId, eventId) {
942                let url = 'https://www.expert-marketplace.de/en/profile/user/watchlist/item/add';
943                await (await fetch(url, {
944                        method: 'POST',
945                        headers: this.headers,
946                        body: JSON.stringify({
947                            'expert_id': expertId,
948                            'event_id': eventId,
949                        }),
950                    })
951                        .then(response => response.json())
952                        .then((data) => {
953                            if (data.status == 'success') {
954                                this.showToast(200, 'Expert has been added to the watchlist')
955                            } else {
956                                this.showToast(200, 'The expert has been already added to the watchlist');
957                            }
958                        })
959                        .catch((error) => {
960                        })
961                );
962            },
963            async addNewField(expert_id) {
964                this.newEventOpen[expert_id] = false;
965                await fetch('https://www.expert-marketplace.de/en/profile/user/events', {
966                    method: 'POST',
967                    headers: this.headers,
968                    body: JSON.stringify({
969                        name: this.newEventNames[expert_id]
970                    })
971                })
972                    .then(response => response.json())
973                    .then((data) => {
974                        if (data.id) {
975                            this.newEventNames[expert_id] = '';
976                            this.eventsPlucked = data.eventsPlucked
977                        }
978                    })
979                    .catch()
980            },
981            showToast(statusCode, message) {
982                this.toastMessageStatusCode = statusCode;
983                this.toastMessage = message;
984
985                if (this.toastTimeoutId) {
986                    clearTimeout(this.toastTimeoutId);
987                }
988
989                this.toastTimeoutId = setTimeout(() => {
990                    this.toastMessage = '';
991                }, 3000)
992            }
993        }
994    }
995</script>
995
996
997
998<header class="shadow-sm sticky top-0 z-30 header-nav-first header-nav transform transition duration-200 py-1 md:py-22 "
999        x-data="{ isScrolled: false, navIsOpen: false, isOpen: false, isClose: false, isOpenMobileSearch: false ,search: '' }"
1000        x-init="window.addEventListener('scroll', () => {isScrolled = window.scrollY; if (window.scrollY <= 0) {isScrolled = 0}})"
1001        x-bind:class="{ '-translate-y-9.1 transform transition duration-300 pb-1 pt-3 md:pb-1 md:pt-3' : isScrolled }" id="header-nav">
1002        <div class="max-w-1222 mx-auto xs:flex xs:justify-between">
1003        <div class="flex items-center justify-between md:flex-row xs:w-full relative z-60 px-6 md:px-4">
1004            <a href="https://www.expert-marketplace.de/en" title="Expert Marketplace Logo">
1005                <svg :class="{ 'transform transition duration-200 scale-75': isScrolled }" class="hidden md:block w-116 md:w-119 lg:w-160 mr-8" alt="Expert Marketplace" width="160" height="54" viewBox="0 0 162 55" fill="none"
1006     xmlns="http://www.w3.org/2000/svg">
1007    <path class="light_fill"
1008          d="M45.9619 5.758H60.1399V10.241H51.3521V17.134H59.5997V21.5754H51.3521V30.585H60.5119V35.1116H45.9619V5.758Z"
1009          fill="#EF233C"/>
1010    <path class="light_fill"
1011          d="M64.1585 5.79956H70.0454L72.8157 14.062L75.6355 5.79956H81.5224L75.6771 19.6727L82.1437 35.1175H76.2074L72.7801 24.9822L69.2994 35.1135H63.4541L69.9208 19.5023L64.1585 5.79956Z"
1012          fill="#EF233C"/>
1013    <path class="light_fill"
1014          d="M85.6299 5.758H96.4894C101.427 5.758 101.427 9.61869 101.427 12.4013V16.2203C101.427 20.9531 100.93 22.9052 95.6227 22.9052H91.0715V35.1116H85.6299V5.758ZM91.0597 18.7116H93.6717C95.7019 18.7116 96.1174 18.339 96.1174 16.0955V13.1068C96.1174 11.113 96.1174 10.1181 93.7132 10.1181H91.0597V18.7116Z"
1015          fill="#EF233C"/>
1016    <path class="light_fill"
1017          d="M106.313 5.758H120.491V10.241H111.703V17.134H119.953V21.5754H111.703V30.585H120.865V35.1116H106.313V5.758Z"
1018          fill="#EF233C"/>
1019    <path class="light_fill"
1020          d="M126.162 5.758H136.946C142.212 5.758 142.212 9.28772 142.212 11.9851V15.1402C142.212 18.878 141.05 19.542 138.438 20.1226C139.723 20.4556 142.418 21.2444 142.418 25.1883V35.1116C140.496 35.1116 138.118 35.1116 136.946 35.1116V25.5986C136.946 23.6167 136.946 22.1957 134.127 22.1957H131.554V35.1076H126.162V5.758ZM131.552 18.006H134.37C136.816 18.006 136.857 16.6762 136.857 15.1818V12.4072C136.857 9.99922 135.573 9.99922 134.37 9.99922H131.558L131.552 18.006Z"
1021          fill="#EF233C"/>
1022    <path class="light_fill"
1023          d="M144.861 5.79956H161.069V10.0348H155.681V35.1115H150.251V10.0348H144.861V5.79956Z"
1024          fill="#EF233C"/>
1025    <path class="light_fill"
1026          d="M52.7132 39.5618H54.1656L54.3101 54.0296H53.3682L53.3286 43.1748C53.3286 41.9262 53.3286 41.7875 53.3899 40.4517L50.7918 54.0296H49.8519L47.2537 40.3903C47.3151 41.8648 47.3151 43.5018 47.3151 45.0596V54.0296H46.3257L46.4484 39.5618H47.9206L49.5372 47.8857C50.0478 50.5474 50.0893 50.8348 50.3288 52.4936C50.5524 50.7099 50.6137 50.262 50.9224 48.6646L52.7132 39.5618Z"
1027          fill="#EF233C"/>
1028    <path class="light_fill"
1029          d="M62.8408 39.49L65.4588 54.031H64.3942L63.6581 49.6273H60.6305L59.8727 54.031H58.8101L61.4557 39.49H62.8408ZM62.3501 41.9891C62.3085 41.7909 62.2274 41.1488 62.1522 40.6157L62.0889 41.2103C62.0493 41.4084 62.0276 41.6403 61.988 41.8663L60.8007 48.6859H63.48L62.3501 41.9891Z"
1030          fill="#EF233C"/>
1031    <path class="light_fill"
1032          d="M70.0571 39.5711H72.8393C73.9435 39.5711 75.7026 39.7356 75.7026 42.0901V44.3435C75.7026 44.938 75.7026 46.5236 73.6763 46.9041L76.3358 54.0389H75.2712L72.6335 46.9814H71.0604V54.027H70.0571V39.5711ZM71.0604 40.4312V46.1252H72.8789C74.0048 46.1252 74.638 45.6753 74.638 44.5892V42.3576C74.638 40.6988 73.9217 40.4312 72.9402 40.4312H71.0604Z"
1033          fill="#EF233C"/>
1034    <path class="light_fill"
1035          d="M85.5958 39.5709H86.7198L83.6527 45.3184L86.7613 54.0228H85.6967L83.0432 46.5352L81.9806 48.5429V54.0307H80.9912V39.563H81.9925V46.6502L85.5958 39.5709Z"
1036          fill="#EF233C"/>
1037    <path class="light_fill"
1038          d="M91.5522 39.5711H96.6635V40.4729H92.5535V46.0439H95.9273V46.9239H92.5337V53.1252H96.6437V54.0249H91.5522V39.5711Z"
1039          fill="#EF233C"/>
1040    <path class="light_fill"
1041          d="M106.254 39.5513V40.4728H103.682V54.0309H102.681V40.4728H100.162V39.5513H106.254Z"
1042          fill="#EF233C"/>
1043    <path class="light_fill"
1044          d="M112.706 39.5513C113.953 39.5513 114.956 39.6127 115.589 40.4114C116.06 41.006 116.1 41.7432 116.1 42.7897V44.4267C116.1 45.1639 116.1 46.147 115.221 46.8248C114.429 47.459 113.3 47.459 112.951 47.459H111.479V54.0546H110.456V39.5513H112.706ZM111.457 40.4114V46.5968H113.074C115.017 46.5968 115.118 45.3681 115.118 44.4168V43.1682C115.118 40.9366 114.853 40.4035 112.993 40.4035L111.457 40.4114Z"
1045          fill="#EF233C"/>
1046    <path class="light_fill" d="M121.001 39.5711H122.006V53.1252H125.766V54.0249H121.001V39.5711Z"
1047          fill="#EF233C"/>
1048    <path class="light_fill"
1049          d="M133.598 39.49L136.216 54.031H135.153L134.417 49.6273H131.389L130.633 54.031H129.571L132.209 39.49H133.598ZM133.107 41.9891C133.067 41.7909 132.984 41.1488 132.909 40.6157C132.889 40.8139 132.867 41.0121 132.848 41.2103C132.828 41.4084 132.786 41.6403 132.745 41.8663L131.558 48.6859H134.237L133.107 41.9891Z"
1050          fill="#EF233C"/>
1051    <path class="light_fill"
1052          d="M140.496 42.9102C140.496 41.8043 140.496 40.9838 141.252 40.2465C141.846 39.5905 142.602 39.428 143.359 39.428C143.925 39.4154 144.483 39.5565 144.974 39.8363C145.423 40.1038 146.098 40.6766 146.098 42.2146V44.242H145.097C145.097 42.0302 145.097 41.622 144.851 41.1503C144.718 40.9016 144.517 40.6955 144.272 40.5554C144.027 40.4153 143.748 40.3467 143.466 40.3575C142.036 40.3575 141.487 41.2593 141.487 42.712V49.7556C141.487 51.6008 141.487 53.323 143.492 53.323C145.251 53.323 145.251 51.7236 145.251 51.2936V49.054H146.272V51.2856C146.272 52.0229 146.272 54.2585 143.328 54.2585C142.243 54.2585 141.569 53.8284 141.139 53.3171C140.71 52.8057 140.506 52.1894 140.506 50.7565L140.496 42.9102Z"
1053          fill="#EF233C"/>
1054    <path class="light_fill"
1055          d="M151.371 39.5711H156.482V40.4729H152.372V46.0439H155.736V46.9239H152.352V53.1252H156.462V54.0249H151.371V39.5711Z"
1056          fill="#EF233C"/>
1057    <path class="light_fill light_fill_with_opacity"
1058          d="M9.41309 1.38409L23.4549 24.2665C24.1972 25.4763 25.9151 25.5831 26.8016 24.4745L44.3631 2.5141C45.4906 1.10413 43.6847 -0.758442 42.2406 0.325046L24.9802 13.2754"
1059          fill="#F9A7BB"/>
1060    <path class="light_fill"
1061          d="M1.56834 46.7747C-0.366764 49.9272 1.90154 53.9811 5.60053 53.9811C7.24535 53.9811 8.77213 53.1269 9.63265 51.7251L16.7446 40.1399C17.6769 38.6212 17.6768 36.7075 16.7444 35.1889C14.8976 32.1809 10.5265 32.1812 8.67997 35.1893L1.56834 46.7747Z"
1062          fill="#EF233C"/>
1063    <path class="light_fill"
1064          d="M36.1118 46.7749C38.047 49.9273 35.7787 53.9813 32.0798 53.9813C30.435 53.9813 28.9082 53.127 28.0477 51.7253L1.56852 8.59049C-0.366632 5.43811 1.90161 1.38416 5.60056 1.38416C7.24536 1.38416 8.77212 2.2384 9.63262 3.64015L36.1118 46.7749Z"
1065          fill="#EF233C"/>
1066</svg>
1067                                    <svg class="md:hidden" :class="{ 'transform transition duration-200 scale-75 -ml-18': isScrolled, 'hidden': isOpenMobileSearch }" width="113" height="38" viewBox="0 0 113 38" fill="none" xmlns="http://www.w3.org/2000/svg">
1068    <path d="M32.4293 4.0249H42.3401V7.15864H36.1972V11.977H41.9625V15.0816H36.1972V21.3796H42.6001V24.5438H32.4293V4.0249Z" fill="#EF233C"/>
1069    <path d="M45.1493 4.05396H49.2644L51.2009 9.82962L53.172 4.05396H57.2871L53.201 13.7516L57.7214 24.5479H53.5717L51.176 17.4631L48.7429 24.5452H44.6569L49.1772 13.6325L45.1493 4.05396Z" fill="#EF233C"/>
1070    <path d="M60.1584 4.0249H67.7495C71.2006 4.0249 71.2006 6.72363 71.2006 8.6687V11.3383C71.2006 14.6466 70.8534 16.
10700112 67.1437 16.0112H63.9622V24.5438H60.1584V4.0249ZM63.9539 13.0798H65.7798C67.199 13.0798 67.4895 12.8193 67.4895 11.2511V9.1619C67.4895 7.76821 67.4895 7.07274 65.8088 7.07274H63.9539V13.0798Z" fill="#EF233C"/>
1071    <path d="M74.6162 4.0249H84.527V7.15864H78.3841V11.977H84.1507V15.0816H78.3841V21.3796H84.7884V24.5438H74.6162V4.0249Z" fill="#EF233C"/>
1072    <path d="M88.4911 4.0249H96.0297C99.7104 4.0249 99.7104 6.49227 99.7104 8.37777V10.5833C99.7104 13.1961 98.8985 13.6602 97.0726 14.0662C97.9704 14.2989 99.8543 14.8503 99.8543 17.6072V24.5438C98.5112 24.5438 96.8486 24.5438 96.0297 24.5438V17.894C96.0297 16.5086 96.0297 15.5153 94.0586 15.5153H92.2604V24.541H88.4911V4.0249ZM92.259 12.5866H94.2287C95.9384 12.5866 95.9674 11.657 95.9674 10.6124V8.67286C95.9674 6.98962 95.0697 6.98962 94.2287 6.98962H92.2632L92.259 12.5866Z" fill="#EF233C"/>
1073    <path d="M101.562 4.05396H112.892V7.01452H109.126V24.5438H105.33V7.01452H101.562V4.05396Z" fill="#EF233C"/>
1074    <path d="M37.1488 27.6548H38.1641L38.2651 37.7681H37.6067L37.579 30.1803C37.579 29.3075 37.579 29.2106 37.6219 28.2768L35.8057 37.7681H35.1487L33.3325 28.2339C33.3754 29.2646 33.3754 30.4089 33.3754 31.4978V37.7681H32.6838L32.7695 27.6548H33.7987L34.9287 33.4734C35.2856 35.334 35.3147 35.5349 35.482 36.6944C35.6383 35.4476 35.6812 35.1345 35.897 34.0179L37.1488 27.6548Z" fill="#EF233C"/>
1075    <path d="M44.2281 27.6047L46.0581 37.7693H45.314L44.7994 34.691H42.6831L42.1533 37.7693H41.4105L43.2599 27.6047H44.2281ZM43.8851 29.3517C43.8561 29.2132 43.7993 28.7643 43.7468 28.3916L43.7025 28.8072C43.6749 28.9458 43.6596 29.1079 43.632 29.2658L42.802 34.0329H44.6749L43.8851 29.3517Z" fill="#EF233C"/>
1076    <path d="M49.2726 27.6614H51.2174C51.9893 27.6614 53.219 27.7764 53.219 29.4222V30.9974C53.219 31.413 53.219 32.5213 51.8026 32.7873L53.6616 37.7747H52.9174L51.0736 32.8413H49.9739V37.7664H49.2726V27.6614ZM49.9739 28.2626V32.2428H51.2451C52.0322 32.2428 52.4748 31.9284 52.4748 31.1692V29.6092C52.4748 28.4497 51.9741 28.2626 51.288 28.2626H49.9739Z" fill="#EF233C"/>
1077    <path d="M60.1346 27.6613H60.9202L58.7763 31.6789L60.9493 37.7635H60.2051L58.3502 32.5295L57.6074 33.9329V37.7691H56.9158V27.6558H57.6157V32.6099L60.1346 27.6613Z" fill="#EF233C"/>
1078    <path d="M64.2984 27.6614H67.8713V28.2917H64.9983V32.186H67.3567V32.8011H64.9845V37.136H67.8574V37.765H64.2984V27.6614Z" fill="#EF233C"/>
1079    <path d="M74.5755 27.6475V28.2917H72.7773V37.7691H72.0774V28.2917H70.3166V27.6475H74.5755Z" fill="#EF233C"/>
1080    <path d="M79.0853 27.6475C79.9567 27.6475 80.658 27.6904 81.1006 28.2487C81.4299 28.6643 81.4575 29.1797 81.4575 29.9112V31.0555C81.4575 31.5709 81.4575 32.258 80.8434 32.7318C80.2901 33.1751 79.5003 33.1751 79.2568 33.1751H78.2277V37.7857H77.5126V27.6475H79.0853ZM78.2125 28.2487V32.5725H79.3426C80.7009 32.5725 80.7714 31.7136 80.7714 31.0486V30.1758C80.7714 28.6158 80.5861 28.2432 79.2859 28.2432L78.2125 28.2487Z" fill="#EF233C"/>
1081    <path d="M84.8837 27.6614H85.5864V37.136H88.2145V37.765H84.8837V27.6614Z" fill="#EF233C"/>
1082    <path d="M93.6892 27.6047L95.5192 37.7693H94.7764L94.2618 34.691H92.1455L91.6171 37.7693H90.8743L92.7182 27.6047H93.6892ZM93.3461 29.3517C93.3185 29.2132 93.2604 28.7643 93.2078 28.3916C93.194 28.5302 93.1788 28.6687 93.1649 28.8072C93.1511 28.9458 93.1221 29.1079 93.093 29.2658L92.2631 34.0329H94.136L93.3461 29.3517Z" fill="#EF233C"/>
1083    <path d="M98.511 29.9955C98.511 29.2224 98.511 28.6489 99.0394 28.1335C99.4544 27.6749 99.9828 27.5613 100.513 27.5613C100.908 27.5525 101.298 27.6511 101.641 27.8467C101.955 28.0338 102.427 28.4341 102.427 29.5092V30.9264H101.727C101.727 29.3803 101.727 29.095 101.556 28.7652C101.462 28.5914 101.322 28.4474 101.151 28.3494C100.979 28.2514 100.784 28.2035 100.587 28.2111C99.5872 28.2111 99.204 28.8414 99.204 29.8569V34.7806C99.204 36.0704 99.204 37.2743 100.605 37.2743C101.835 37.2743 101.835 36.1563 101.835 35.8556V34.2902H102.549V35.8501C102.549 36.3655 102.549 37.9282 100.49 37.9282C99.7324 37.9282 99.2608 37.6275 98.9606 37.2701C98.6604 36.9127 98.518 36.4818 98.518 35.4802L98.511 29.9955Z" fill="#EF233C"/>
1084    <path d="M106.113 27.6614H109.686V28.2917H106.813V32.186H109.164V32.8011H106.799V37.136H109.672V37.765H106.113V27.6614Z" fill="#EF233C"/>
1085    <path d="M6.8808 0.967486L16.6963 16.9628C17.2153 17.8085 18.4161 17.8832 19.0358 17.1083L31.3117 1.7574C32.0999 0.771794 30.8375 -0.530193 29.828 0.227191L17.7626 9.27978" fill="#F9A7BB"/>
1086    <path d="M1.39713 32.6967C0.0444508 34.9003 1.63005 37.7341 4.21574 37.7341C5.36551 37.7341 6.43277 37.137 7.03429 36.1571L12.0057 28.0587C12.6574 26.9971 12.6574 25.6594 12.0056 24.5979C10.7146 22.4952 7.6591 22.4954 6.36834 24.5982L1.39713 32.6967Z" fill="#EF233C"/>
1087    <path d="M25.5439 32.6968C26.8966 34.9004 25.311 37.7342 22.7254 37.7342C21.5756 37.7342 20.5084 37.1371 19.9069 36.1572L1.39726 6.00494C0.044543 3.80135 1.6301 0.967529 4.21576 0.967529C5.36552 0.967529 6.43276 1.56467 7.03427 2.54453L25.5439 32.6968Z" fill="#EF233C"/>
1088</svg>
1089                                                </a>
1090            <div class="flex items-center flex-1 lg:ml-6 max-w-911 h-14" x-data="initAutoSuggestion()">
1091                <nav class="flex flex-col space-x-0 w-full bg-emp-blue-50 shadow-header md:shadow-none header-nav-bg-color
1092                            h-auto items-start md:items-center space-y-5 pt-10 px-5 py-33 md:py-0 md:px-0 md:w-[70%] md:flex
1093                            md:space-y-0 md:h-auto md:space-x-12 md:pt-0 absolute top-[60px] md:top-0 left-0 md:bg-transparent
1094                            md:relative md:h-hull md:flex-row"
1095                            id="open_mobile_menu"
1096                     x-bind:class="{ 'hidden': !isClose }">
1097                                            <button type="button"  id="categoriesOpe
1097nButton" class="flex text-base lg:text-l font-bold items-center text-emp-blue-900 dark:text-white" data-dropdown-toggle="dropdown" @click="document.getElementById('dropdown').classList.contains('hidden') ? modalOpen = true : modalOpen = false" @click.outside="document.getElementById('dropdown').classList.contains('hidden') ? modalOpen = false : modalOpen = true" :class="{ 'transform transition duration-200 scale-90': isScrolled,'hidden' : isOpenMobileSearch }">
1098    Categories
1099                            <svg :class="{ 'rotate-180': modalOpen }" class="ml-2 hidden md:block transition-transform transform" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1100    <path class="light_fill" fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 7.29289C5.68342 6.90237 6.31658 6.90237 6.7071 7.29289L9.99999 10.5858L13.2929 7.29289C13.6834 6.90237 14.3166 6.90237 14.7071 7.29289C15.0976 7.68342 15.0976 8.31658 14.7071 8.70711L10.7071 12.7071C10.3166 13.0976 9.68341 13.0976 9.29289 12.7071L5.29289 8.70711C4.90237 8.31658 4.90237 7.68342 5.29289 7.29289Z" fill="#111827"/>
1101</svg>
1102                            <svg class="ml-2 md:hidden block" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1103    <path class="light_fill" fill-rule="evenodd" clip-rule="evenodd" d="M7.29289 14.7071C6.90237 14.3166 6.90237 13.6834 7.29289 13.2929L10.5858 10L7.29289 6.70711C6.90237 6.31658 6.90237 5.68342 7.29289 5.29289C7.68342 4.90237 8.31658 4.90237 8.70711 5.29289L12.7071 9.29289C13.0976 9.68342 13.0976 10.3166 12.7071 10.7071L8.70711 14.7071C8.31658 15.0976 7.68342 15.0976 7.29289 14.7071Z" fill="#111827"/>
1104</svg>
1105</button>
1106                                                                                                                                                                <div class="relative w-full mt-4 max-w-430 ml-0 lg:!ml-16">
1107                                        <form action="https://www.expert-marketplace.de/en/speakers" @keyup.debounce.500ms="fetchAutoSuggestion($event)" class="w-full mb-0">
1108                                            <div class="relative hidden lg:flex justify-between items-center rounded-full border border-emp-blue-300 py-1.5 pl-18 pr-2  bg-white hover:border-emp-blue-400" :class="{ 'transform transition duration-200 scale-90': isScrolled }">
1109                                                <input type="search" placeholder="Find a topic or expert" name="search" class="focus:outline-none h-full text-base text-emp-blue-900 placeholder-emp-blue-500 max-w-200 w-full lg:max-w-300 py-3 focus:outline-0 focus:ring-0 border-0"/>
1110                                                <button type="submit" 
1111    class="bg-gradient-to-r from-emp-red-500 to-emp-red-600 hover:bg-none hover:bg-emp-red-700 text-s md:text-base px-3 whitespace-nowrap md:whitespace-normal md:px-4 py-0.5 md:py-2 items-center justify-center leading-base
1112 cursor-pointer text-white font-bold inline-flex rounded-full block absolute !px-6  inset-y-0 right-0 mr-3 my-1.5">
1113    Search
1114</button>
1115                                            </div>
1116                                        </form>
1117                                        <div class="absolute top-full left-0 z-50 ml-0 sm:ml-30 mt-2 sm:mt-0.5 hidden lg:block" x-html="autoSuggestResults"></div>
1118                                    </div>
1119                                                                                                                                    </nav>
1120                                    <div class="flex items-center justify-end flex-1 space-x-2 lg:space-x-12"
1121                         :class="{ '!ml-0 absolute left-0 right-0 justify-center': isOpenMobileSearch }">
1122                                                <a href="https://www.expert-marketplace.de/en/login" class="lg:text-l font-bold hidden md:block dark:text-white text-emp-blue-900 whitespace-nowrap"
1123                           :class="{ 'transform transition duration-200 scale-90': isScrolled,'!hidden': isOpenMobileSearch }"
1124                           title="Login">Login</a>
1125                        <a href="https://www.expert-marketplace.de/en/register" class="md:flex items-center justify-end whitespace-nowrap" title="Sign up" :class="{ 'hidden': isOpenMobileSearch }">
1126                            <button type="submit" 
1127    class="bg-gradient-to-r from-emp-red-500 to-emp-red-600 hover:bg-none hover:bg-emp-red-700 text-s md:text-base px-3 whitespace-nowrap md:whitespace-normal md:px-4 py-0.5 md:py-2 items-center justify-center leading-base
1128 cursor-pointer text-white font-bold inline-flex rounded-full md:whitespace-nowrap xs:hidden" :class="{ 'transform transition duration-200 scale-90': isScrolled, 'hidden': isOpenMobileSearch }">
1129    Sign up
1130</button>
1131                            <button class="bg-gradient-to-r from-emp-red-550 to-emp-red-650 hover:bg-none hover:bg-emp-red-700 h-8 px-3 py-1.5 text-s leading-s items-center tracking-default justify-center cursor-pointer text-white font-medium inline-flex whitespace-nowrap md:whitespace-normal  rounded-full disabled:opacity-25 disabled:cursor-default sm:hidden">
1132    Sign up
1133</button>
1134                        </a>
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
1147
1148
1149                    </div>
1150                            </div>
1151            <div :class="{ 'hidden': isOpenMobileSearch }" class="sticky sm:pl-3 md:hidden" data-collapse-toggle="open_mobile_menu">
1152    <button type="button"  id="navOpenButton" class="inline-flex items-center justify-center rounded-md text-gray-500 hover:text-gray-900" @click="navIsOpen = !navIsOpen">
1153    <template x-if="!navIsOpen">
1154            <svg class="ml-2.5" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
1155    <path class="light_stroke" d="M4.66669 10.5H23.3334M4.66669 18.6667H23.3334" stroke="#111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1156</svg>
1157        </template>
1158        <template x-if="navIsOpen">
1159            <svg class="ml-2.5" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
1160    <path class="light_stroke" d="M7 21L21 7M7 7L21 21" stroke="#2B2D42" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1161</svg>
1162        </template>
1163</button>
1164</div>
1165        </div>
1166        <div id="dropdown" x-bind:class="{ 'hidden': !isOpen,'hidden': !isClose }" class="hidden z-100 md:z-10 w-full text-base list-none text-white menu-drop md:mt-0">
1167            <div class="flex flex-col bg-gradient-to-r from-emp-red-500 to-emp-red-600 shadow -mt-[162px] md:mt-0">
1168                <div class="hidden md:block border border-white border-opacity-40 absolute right-[42%] 2xl:right-[45%] h-full"></div>
1169                <div class="flex">
1170                    <div class="w-full md:w-[57%] 2xl:w-[55%]">
1171                        <div class="bg-opacity-10 bg-white hidden md:block">
1172                            <p class="flex items-center px-6 py-7 w-full opacity-100 max-w-715 ml-auto">
1173                                <img src="https://www.expert-marketplace.de/images/themen.svg" alt="THEMEN" width="26" height="26" class="mr-3">
1174                                <span class="font-bold tracking-widest text-s">Categories</span>
1175                            </p>
1176                        </div>
1177                        <div class="px-6 py-18 bg-white flex justify-between  md:hidden">
1178                            <button type="button"  @click="isOpen = false; document.getElementById('categoriesOpenButton').click()">
1179    <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
1180                                <path d="M17.5 22.1666L9.33333 13.9999L17.5 5.83325" stroke="#555768" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1181                            </svg>
1182</button>
1183                            <button type="button"  @click="isClose = false, modalOpen = false, navIsOpen = true, document.getElementById('navOpenButton').click()">
1184    <svg class="ml-2.5" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
1185    <path class="light_stroke" d="M7 21L21 7M7 7L21 21" stroke="#2B2D42" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1186</svg>
1187</button>
1188                        </div>
1189                    </div>
1190                    
1191                    <div class="hidden md:block w-[43%] 2xl:w-[45%]">
1192                        <div class="bg-opacity-10 bg-white">
1193                            <p class="flex items-center px-10 py-7 w-full">
1194                                <img src="https://www.expert-marketplace.de/images/referenten.svg" alt="REFERENTEN" width="28"
1195                                     height="26" class="mr-2">
1196                                <span class="font-bold tracking-widest text-s">Speakers</span>
1197                            </p>
1198                        </div>
1199                    </div>
1200                </div>
1201                <div x-bind:class="{ '!max-h-[calc(100vh-140px)] !2xl:max-h-[calc(100vh-133px)]' : isScrolled }" class="flex-1 max-h-[calc(100vh-182px)] 2xl:max-h-[calc(100vh-133px)] overflow-y-auto">
1202                <div class="flex flex-col md:flex-row">
1203                <div class="w-full md:w-[57%] 2xl:w-[55%]">
1204                    <ul class="py-0 md:py-10 px-0 md:px-2 flex flex-col lg:flex-row flex-wrap max-w-full md:max-w-715 ml-auto" aria-labelledby="dropdownButton">
1205                                                    <li class="w-full lg:w-3/6 mb-2">
1206                                <a href="https://www.expert-marketplace.de/en/speakers/digitalization-innovation-future" title="Digitalization, Innovation &amp; Future"
1207                                   class="py-2 px-2 flex items-center">
1208                                    <div class="mr-2.5">
1209                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Digitalisation.svg" alt="Digitalization, Innovation &amp; Future" width="38" height="38">
1210                                                                            </div>
1211                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Digitalization, Innovation &amp; Future</span>
1212                                </a>
1213                            </li>
1214                                                    <li class="w-full lg:w-3/6 mb-2">
1215                                <a href="https://www.expert-marketplace.de/en/speakers/arts-culture-lifestyle" title="Arts, Culture &amp; Lifestyle"
1216                                   class="py-2 px-2 flex items-center">
1217                                    <div class="mr-2.5">
1218                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Arts.svg" alt="Arts, Culture &amp; Lifestyle" width="38" height="38">
1219                                                                            </div>
1220                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Arts, Culture &amp; Lifestyle</span>
1221                                </a>
1222                            </li>
1223                                                    <li class="w-full lg:w-3/6 mb-2">
1224                                <a href="https://www.expert-marketplace.de/en/speakers/management-leadership-change" title="Management, Leadership &amp; Change"
1225                                   class="py-2 px-2 flex items-center">
1226                                    <div class="mr-2.5">
1227                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Leadership.svg" alt="Management, Leadership &amp; Change" width="38" height="38">
1228                                                                            </div>
1229                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Management, Leadership &amp; Change</span>
1230                                </a>
1231                            </li>
1232                                                    <li class="w-full lg:w-3/6 mb-2">
1233                                <a href="https://www.expert-marketplace.de/en/speakers/sales-service-sales-management" title="Sales, Service &amp; Sales Management"
1234                                   class="py-2 px-2 flex items-center">
1235                                    <div class="mr-2.5">
1236                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Sales.svg" alt="Sales, Service &amp; Sales Management" width="38" height="38">
1237                                                                            </div>
1238                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Sales, Service &amp; Sales Management</span>
1239                                </a>
1240                            </li>
1241                                                    <li class="w-full lg:w-3/6 mb-2">
1242                                <a href="https://www.expert-marketplace.de/en/speakers/marketing-media-pr" title="Marketing, Media &amp; PR"
1243                                   class="py-2 px-2 flex items-center">
1244                                    <div class="mr-2.5">
1245                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Marketing.svg" alt="Marketing, Media &amp; PR" width="38" height="38">
1246                                                                            </div>
1247                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Marketing, Media &amp; PR</span>
1248                                </a>
1249                            </li>
1250                                                    <li class="w-full lg:w-3/6 mb-2">
1251                                <a href="https://www.expert-marketplace.de/en/speakers/medicine-health-fitness" title="Medicine, Health &amp; Fitness"
1252                                   class="py-2 px-2 flex items-center">
1253                                    <div class="mr-2.5">
1254                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Health.svg" alt="Medicine, Health &amp; Fitness" width="38" height="38">
1255                                                                            </div>
1256                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Medicine, Health &amp; Fitness</span>
1257                                </a>
1258                            </li>
1259                                                    <li class="w-full lg:w-3/6 mb-2">
1260                                <a href="https://www.expert-marketplace.de/en/speakers/mobility-environment-energy" title="Mobility, Environment &amp; Energy"
1261                                   class="py-2 px-2 flex items-center">
1262                                    <div class="mr-2.5">
1263                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Environment.svg" alt="Mobility, Environment &amp; Energy" width="38" height="38">
1264                                                                            </div>
1265                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Mobility, Environment &amp; Energy</span>
1266                                </a>
1267                            </li>
1268                                                    <li class="w-full lg:w-3/6 mb-2">
1269                                <a href="https://www.expert-marketplace.de/en/speakers/personality-success-motivation" title="Personality, Success &amp; Motivation"
1270                                   class="py-2 px-2 flex items-center">
1271                                    <div class="mr-2.5">
1272                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Personality.svg" alt="Personality, Success &amp; Motivation" width="38" height="38">
1273                                                                            </div>
1274                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Personality, Success &amp; Motivation</span>
1275                                </a>
1276                            </li>
1277                                                    <li class="w-full lg:w-3/6 mb-2">
1278                                <a href="https://www.expert-marketplace.de/en/speakers/politics-demographics-globalization" title="Politics, Demographics &amp; Globalization"
1279                                   class="py-2 px-2 flex items-center">
1280                                    <div class="mr-2.5">
1281                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Politics.svg" alt="Politics, Demographics &amp; Globalization" width="38" height="38">
1282                                                                            </div>
1283                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Politics, Demographics &amp; Globalization</span>
1284                                </a>
1285                            </li>
1286                                                    <li class="w-full lg:w-3/6 mb-2">
1287                                <a href="https://www.expert-marketplace.de/en/speakers/communication-rhetoric-body-language" title="Communication, Rhetoric &amp; Body Language"
1288                                   class="py-2 px-2 flex items-center">
1289                                    <div class="mr-2.5">
1290                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Communication.svg" alt="Communication, Rhetoric &amp; Body Language" width="38" height="38">
1291                                                                            </div>
1292                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Communication, Rhetoric &amp; Body Language</span>
1293                                </a>
1294                            </li>
1295                                                    <li class="w-full lg:w-3/6 mb-2">
1296                                <a href="https://www.expert-marketplace.de/en/speakers/strategy-organization-corporate-development" title="Strategy, Organization &amp; Corporate Development"
1297                                   class="py-2 px-2 flex items-center">
1298                                    <div class="mr-2.5">
1299                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Company-Development.svg" alt="Strategy, Organization &amp; Corporate Development" width="38" height="38">
1300                                                                            </div>
1301                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Strategy, Organization &amp; Corporate Development</span>
1302                                </a>
1303                            </li>
1304                                                    <li class="w-full lg:w-3/6 mb-2">
1305                                <a href="https://www.expert-marketplace.de/en/speakers/corporate-culture-values-ethics" title="Corporate Culture, Values &amp; Ethics"
1306                                   class="py-2 px-2 flex items-center">
1307                                    <div class="mr-2.5">
1308                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Society-Ethics.svg" alt="Corporate Culture, Values &amp; Ethics" width="38" height="38">
1309                                                                            </div>
1310                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Corporate Culture, Values &amp; Ethics</span>
1311                                </a>
1312                            </li>
1313                                                    <li class="w-full lg:w-3/6 mb-2">
1314                                <a href="https://www.expert-marketplace.de/en/speakers/industry-economy-finance" title="Industry, Economy &amp; Finance"
1315                                   class="py-2 px-2 flex items-center">
1316                                    <div class="mr-2.5">
1317                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Industry.svg" alt="Industry, Economy &amp; Finance" width="38" height="38">
1318                                                                            </div>
1319                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Industry, Economy &amp; Finance</span>
1320                                </a>
1321                            </li>
1322                                                    <li class="w-full lg:w-3/6 mb-2">
1323                                <a href="https://www.expert-marketplace.de/en/speakers/science-technology-research" title="Science, Technology &amp; Research"
1324                                   class="py-2 px-2 flex items-center">
1325                                    <div class="mr-2.5">
1326                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Science.svg" alt="Science, Technology &amp; Research" width="38" height="38">
1327                                                                            </div>
1328                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Science, Technology &amp; Research</span>
1329                                </a>
1330                            </li>
1331                                                    <li class="w-full lg:w-3/6 mb-2">
1332                                <a href="https://www.expert-marketplace.de/en/speakers/hosts-show-entertainment" title="Hosts, Show &amp; Entertainment"
1333                                   class="py-2 px-2 flex items-center">
1334                                    <div class="mr-2.5">
1335                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Entertainment.svg" alt="Hosts, Show &amp; Entertainment" width="38" height="38">
1336                                                                            </div>
1337                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Hosts, Show &amp; Entertainment</span>
1338                                </a>
1339                            </li>
1340                                                    <li class="w-full lg:w-3/6 mb-2">
1341                                <a href="https://www.expert-marketplace.de/en/speakers/sports-olympians-world-champions" title="Sports, Olympians &amp; World Champions"
1342                                   class="py-2 px-2 flex items-center">
1343                                    <div class="mr-2.5">
1344                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Sports.svg" alt="Sports, Olympians &amp; World Champions" width="38" height="38">
1345                                                                            </div>
1346                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Sports, Olympians &amp; World Champions</span>
1347                                </a>
1348                            </li>
1349                                                    <li class="w-full lg:w-3/6 mb-2">
1350                                <a href="https://www.expert-marketplace.de/en/speakers/knowledge-management-pedagogics-didactics" title="Knowledge Management, Pedagogics &amp; Didactics"
1351                                   class="py-2 px-2 flex items-center">
1352                                    <div class="mr-2.5">
1353                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Knowledge-Management.svg" alt="Knowledge Management, Pedagogics &amp; Didactics" width="38" height="38">
1354                                                                            </div>
1355                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Knowledge Management, Pedagogics &amp; Didactics</span>
1356                                </a>
1357                            </li>
1358                                                    <li class="w-full lg:w-3/6 mb-2">
1359                                <a href="https://www.expert-marketplace.de/en/speakers/hr-development-recruiting-new-work" title="HR Development, Recruiting &amp; New Work"
1360                                   class="py-2 px-2 flex items-center">
1361                                    <div class="mr-2.5">
1362                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/HR-Development.svg" alt="HR Development, Recruiting &amp; New Work" width="38" height="38">
1363                                                                            </div>
1364                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">HR Development, Recruiting &amp; New Work</span>
1365                                </a>
1366                            </li>
1367                                                    <li class="w-full lg:w-3/6 mb-2">
1368                                <a href="https://www.expert-marketplace.de/en/speakers/services-business-legal-councelling" title="Services, Business &amp; Legal Councelling"
1369                                   class="py-2 px-2 flex items-center">
1370                                    <div class="mr-2.5">
1371                                                                                    <img src="https://www.expert-marketplace.de/storage/Category/images/Services.svg" alt="Services, Business &amp; Legal Councelling" width="38" height="38">
1372                                                                            </div>
1373                                    <span class="font-bold text-base md:text-l tracking-[-.04em] w-[86%]">Services, Business &amp; Legal Councelling</span>
1374                                </a>
1375                            </li>
1376                                            </ul>
1377                </div>
1378                
1379                <div class="w-full md:w-[43%] 2xl:w-[45%]">
1380                    <ul class="py-0 md:py-10 px-0 md:px-8" aria-labelledby="dropdownButton">
1381                                                    <li class="mb-2">
1382                                <a href="https://www.expert-marketplace.de/en/speakers?top_100=speaker" title="TOP Speaker"
1383                                   class="inline-block py-2 px-2 font-bold text-base md:text-l tracking-[-.04em]">TOP Speaker</a>
1384                            </li>
1385                                                                            <li class="mb-2">
1386                                <a href="https://www.expert-marketplace.de/en/speakers?top_100=entrepreneur" title="TOP Entrepreneurs"
1387                                   class="inline-block py-2 px-2 font-bold text-base md:text-l tracking-[-.04em]">TOP Entrepreneurs</a>
1388                            </li>
1389                                                                            <li class="mb-2">
1390                                <a href="https://www.expert-marketplace.de/en/speakers?top_100=trainer" title="TOP Trainer"
1391                                   class="inline-block py-2 px-2 font-bold text-base md:text-l tracking-[-.04em]">TOP Trainer</a>
1392                            </li>
1393                                                                            <li class="mb-2">
1394                                <a href="https://www.expert-marketplace.de/en/speakers?top_100=entertainer" title="TOP Entertainer"
1395                                   class="inline-block py-2 px-2 font-bold text-base md:text-l tracking-[-.04em]">TOP Entertainer</a>
1396                            </li>
1397                                                <li class="mb-2">
1398                            <a href="https://www.expert-marketplace.de/en/speakers?newcomer=newcomer" title="Newcomer"
1399                               class="inline-block py-2 px-2 font-bold text-base md:text-l tracking-[-.04em]">Newcomer</a>
1400                        </li>
1401                    </ul>
1402                </div>
1403                    </div>
1404                </div>
1405            </div>
1406        </div>
1407    </div>
1408    <section x-bind:class="{ '!h-72 !md:h-72 absolute top-0' : isScrolled }" class=""></section>
1409</header>
1410<script data-cookieconsent="ignore">
1411    function initAutoSuggestion(){
1412        return {
1413            showAutoSuggestion: false,
1414            autoSuggestResults: "",
1415
1416            async fetchAutoSuggestion(event) {
1417                if (event.target.value.length >= 2) {
1418                    fetch("/autosuggest?search=" + event.target.value)
1419                        .then(response => response.json())
1420                        .then(data => {
1421                            this.autoSuggestResults = data.html;
1422                            this.showAutoSuggestion = true;
1423                        });
1424                } else {
1425                    this.hideAutoSuggestion();
1426                }
1427            },
1428
1429            hideAutoSuggestion() {
1430                this.showAutoSuggestion = false;
1431            }
1432        }
1433    }
1434</script>
1434
1435    
1436    <section class="bg-gray-50 px-4 pt-[75px] md:pt-[119px] pb-10 md:pb-40 relative popular-business" x-data="initPricing()">
1437        <img src="https://www.expert-marketplace.de/images/pricing-bg.svg" alt="" width="535" height="621" class="absolute top-20 right-0">
1438        <div class="max-w-1098 m-auto relative">
1439            <div class="max-w-640 space-y-4 md:space-y-5 md:mb-20 my-10 md:mt-28">
1440                <h2 class="text-[32px] lg:text-5xl font-[Albra] font-semibold leading-9 md:leading-52 font-bold">
1441    Join Expert Marketplace and reach hundrets of high profile business customers.
1442</h2>
1443                <p class="text-l font-normal text-emp-blue-800">
1444    Choose the plan that best fits your needs and get an attractive discounts on yearly payment terms.
1445</p>
1446            </div>
1447            <div class="grid grid-cols-1 md:grid-cols-6 pt-0 md:pt-2 mb-14">
1448                <div class="col-span-2 pr-0 md:pr-4 space-y-1 md:space-y-6">
1449
1450
1451
1452
1453                    <div x-show="tab === 1">
1454                        <p class="text-base font-bold text-s md:text-l text-emp-blue-800 leading-s md:leading-30">
1455    Billing
1456</p>
1457                        <ul class="flex flex-wrap" data-tabs-toggle="#tabContent" role="tablist">
1458                                                            <li>
1459                                    <a :class="{'bg-gradient-to-r from-emp-red-550 to-emp-red-650 text-white': billingOption === 'monthly'}"
1460                                       @click.prevent="billingOption = 'monthly'"
1461                                       class="bg-emp-blue-100 hover:bg-emp-blue-50 inline-flex items-center justify-center cursor-pointer px-3 md:px-4 leading-s md:leading-base rounded-default h-8 md:h-11 font-medium text-s md:text-base">
1462                                        monthly
1463                                    </a>
1464                                </li>
1465                                                            <li>
1466                                    <a :class="{'bg-gradient-to-r from-emp-red-550 to-emp-red-650 text-white': billingOption === 'yearly'}"
1467                                       @click.prevent="billingOption = 'yearly'"
1468                                       class="bg-emp-blue-100 hover:bg-emp-blue-50 inline-flex items-center justify-center cursor-pointer px-3 md:px-4 leading-s md:leading-base rounded-default h-8 md:h-11 font-medium text-s md:text-base">
1469                                        yearly
1470                                    </a>
1471                                </li>
1472                                                    </ul>
1473                    </div>
1474                                        <p class="text-base font-normal text-s md:text-base text-emp-blue-700 !mt-4 md:mt-0" x-init="updateText()" x-effect="updateText()">
1475    
1476</p>
1477                </div>
1478
1479
1480
1481
1482
1483
1484
1485
1486
1487
1488
1489
1490
1491
1492
1493
1494
1495
1496
1497
1498
1499
1500
1501
1502
1503
1504
1505
1506
1507
1508
1509
1510
1511
1512
1513
1514
1515
1516
1517
1518
1519
1520
1521
1522
1523
1524
1525
1526
1527
1528
1529
1530
1531
1532
1533
1534
1535
1536
1537
1538
1539
1540
1541
1542
1543
1544
1545
1546
1547
1548
1549
1550
1551
1552
1553
1554
1555
1556
1557
1558
1559
1560
1561
1562
1563
1564
1565
1566
1567
1568
1569
1570
1571
1572
1573
1574
1575
1576
1577
1578
1579
1580
1581
1582
1583
1584
1585
1586
1587
1588
1589
1590
1591
1592
1593
1594
1595
1596
1597
1598
1599
1600
1601
1602
1603
1604
1605
1606
1607
1608
1609
1610
1611
1612
1613
1614
1615
1616
1617
1618
1619
1620
1621
1622
1623
1624
1625
1626
1627
1628
1629
1630
1631
1632
1633
1634
1635
1636
1637
1638
1639
1640
1641
1642
1643
1644
1645
1646
1647
1648
1649
1650
1651
1652
1653
1654
1655
1656
1657
1658
1659
1660
1661
1662
1663
1664
1665
1666
1667
1668
1669
1670
1671
1672
1673
1674
1675
1676
1677
1678
1679
1680
1681
1682
1683
1684
1685
1686
1687
1688
1689
1690
1691
1692
1693
1694
1695
1696
1697
1698
1699
1700
1701
1702
1703
1704
1705
1706
1707
1708
1709
1710
1711
1712
1713
1714
1715
1716
1717
1718
1719
1720
1721
1722
1723
1724
1725
1726
1727
1728
1729
1730
1731
1732
1733
1734
1735
1736
1737
1738
1739
1740
1741
1742
1743
1744
1745
1746
1747
1748
1749
1750
1751
1752
1753
1754
1755
1756
1757
1758
1759
1760
1761
1762
1763
1764
1765
1766
1767
1768
1769
1770
1771
1772
1773
1774
1775
1776
1777
1778
1779
1780
1781
1782
1783
1784
1785
1786
1787
1788
1789
1790
1791
1792
1793
1794
1795
1796
1797
1798
1799
1800
1801
1802
1803
1804
1805
1806
1807
1808
1809
1810
1811
1812
1813
1814
1815
1816
1817
1818
1819
1820
1821
1822
1823
1824
1825
1826
1827
1828
1829
1830
1831
1832
1833
1834
1835
1836
1837
1838
1839
1840
1841
1842
1843
1844
1845
1846
1847
1848
1849                <div x-show="tab === 1" class="col-span-4 grid grid-cols-1 md:grid-cols-3 pl-0 md:pl-4 item-popular mt-7 md:mt-0">
1850                                                                    <div class="bg-white py-4 md:py-8 px-5 md:px-6 md:pr-6 relative flex justify-between flex-row md:flex-col">
1851                            <div>
1852                                <p class="text-base font-semibold relative md:absolute top-0 md:top-[-26px] rounded-default md:rounded-b-none md:rounded-t-default text-xxs md:text-base left-0 right-0 w-[fit-content] md:w-full text-center bg-emp-red-500 text-white px-2 py-0.5 md:p-1.5 hidden pop-inf mb-1 leading-12 md:leading-base">
1853    POPULAR
1854</p>
1855                                <h4 class="text-base md:text-xl font-bold mb-0 md:mb-2 text-l md:text-xl">
1856    Business
1857</h4>
1858                                <p class="text-base font-bold text-base md:!text-[36px] text-emp-red-500 leading-s md:leading-2xl" x-data="{
1859                                        monthlyPrice: &quot;97&quot;,
1860                                        price: &quot;80,83&quot;
1861
1862                                    }" x-text="(billingOption === 'monthly' ? monthlyPrice : price) + ' €'">
1863    
1864</p>
1865                                <p class="text-base font-medium !text-[13px] md:text-base mb-2 md:mb-5 text-emp-blue-700" x-text="billingOption === 'monthly'
1866                                    ? 'per month' + ', ' + 'equals 1.164,00 € per year' + '*'
1867                                    : 'per month' + ', ' + 'equals 970,00 € per year' + '*'">
1868    
1869</p>
1870                                                                                                    <p class="text-base font-bold !text-[13px] !md:text-base mb-0 md:mb-4 text-emp-red-500" x-show="billingOption === 'yearly'">
1871    Save
1872                                        <span>
1873    
1874                                            194
1875                                        </span>
1876                                        €
1877</p>
1878                                                                </div>
1879                            <div class="flex flex-col justify-between items-end md:items-center">
1880                                <form :action="billingOption === 'monthly'
1881                                      ? 'https://www.expert-marketplace.de/en/pricing?plan_info_id=20&amp;monthly_plan=1'
1882                                      : 'https://www.expert-marketplace.de/en/pricing?plan_info_id=20'"
1883                                      method="POST">
1884                                    <input type="hidden" name="_token" value="54wPC4kt7w8kdYO9nuBlh5znOgQt5aFJXywkWaFD" autocomplete="off">                                    <button type="submit" 
1885    class="bg-gradient-to-r from-emp-red-500 to-emp-red-600 hover:bg-none hover:bg-emp-red-700 text-s md:text-base px-3 whitespace-nowrap md:whitespace-normal md:px-4 py-0.5 md:py-2 items-center justify-center leading-base
1886 cursor-pointer text-white font-bold inline-flex rounded-full" id="submit-plan-2">
1887    Start now
1888</button>
1889                                </form>
1890                                <button type="button"  class="mb-1.5 md:hidden" @click="activePlan === 2 ? activePlan = null : activePlan = 2" :class="{'rotate-180 mb-0': activePlan === 2}">
1891    <svg  width="12" height="7" stroke-width="2"  viewBox="0 0 12 7" fill="none"
1892     xmlns="http://www.w3.org/2000/svg">
1893    <path d="M10.6666 1L5.99992 5.66667L1.33325 1"  stroke="#8D99AE"
1894          stroke-linecap="round" stroke-linejoin="round"/>
1895</svg>
1896</button>
1897                            </div>
1898                        </div>
1899                        <section class="price-content mt-0.5 relative" x-show="activePlan === 2" x-transition>
1900    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
1901        <p class="text-base font-normal leading-s text-s text-emp-blue-800">
1902    Expert Marketplace profile
1903</p>
1904        <div class="bg-white items-center item-popular">
1905                            <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
1906    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
1907    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
1908</div>
1909                    </div>
1910    </div>
1911    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
1912        <p class="text-base font-normal leading-s text-s text-emp-blue-800">
1913    SEO optimized profile
1914</p>
1915        <div class="bg-white items-center item-popular">
1916                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
1917    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
1918    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
1919</div>
1920                    </div>
1921    </div>
1922    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
1923        <div class="flex items-center space-x-2">
1924            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
1925    Booking dashboard
1926</p>
1927            <span
1928                  data-tooltip-target="tooltip-right_2"
1929                  data-tooltip-placement="right">
1930                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1931<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1932</svg>
1933                <div id="tooltip-right_2" role="tooltip"
1934                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-s font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
1935                    All your requests, reservations and bookings at a glance, plan advertising campaigns*, visitor and booking statistics*, current trend topics* (*available soon)
1936                    <div class="tooltip-arrow" data-popper-arrow></div>
1937                </div>
1938            </span>
1939        </div>
1940        <div class="bg-white items-center item-popular">
1941                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
1942    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
1943    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
1944</div>
1945                    </div>
1946    </div>
1947    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
1948        <div class="flex items-center space-x-2">
1949            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
1950    Chat, email &amp; phone support
1951</p>
1952            <span
1953                  data-tooltip-target="tooltip-right2_2"
1954                  data-tooltip-placement="right">
1955                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1956<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1957</svg>
1958                <div id="tooltip-right2_2" role="tooltip"
1959                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-s font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
1960                    If you have any questions regarding your profile entry, our Expert Marketplace assistants are happy to help you from Monday - Friday from 9 am - 6 pm.
1961                    <div class="tooltip-arrow" data-popper-arrow></div>
1962                </div>
1963            </span>
1964        </div>
1965        <div class="bg-white items-center item-popular">
1966                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
1967    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
1968    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
1969</div>
1970                    </div>
1971    </div>
1972    <h4 class="text-base md:text-xl font-semibold py-1.5 pl-4 bg-emp-blue-100 mb-1 text-emp-blue-800">
1973    PROFILE
1974</h4>
1975    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
1976        <div class="flex items-center space-x-2">
1977            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
1978    Vita
1979</p>
1980            <span
1981                  data-tooltip-target="tooltip-right3_2"
1982                  data-tooltip-placement="right">
1983                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1984<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1985</svg>
1986                <div id="tooltip-right3_2"
1987                     role="tooltip"
1988                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-s font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
1989                    Introduce yourself with a brief biography of yourself and describe your skills, competencies &amp; experience.
1990                    <div class="tooltip-arrow" data-popper-arrow></div>
1991                </div>
1992            </span>
1993        </div>
1994        <div class="bg-white items-center item-popular">
1995                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
1996    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
1997    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
1998</div>
1999                    </div>
2000    </div>
2001    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2002        <div class="flex items-center space-x-2">
2003            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2004    Topics
2005</p>
2006            <span
2007                  data-tooltip-target="tooltip-right4_2"
2008                  data-tooltip-placement="right">
2009                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2010<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2011</svg>
2012                <div id="tooltip-right4_2" role="tooltip"
2013                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2014                    List topics and presentation content you are presenting on
2015                    <div class="tooltip-arrow" data-popper-arrow></div>
2016                </div>
2017            </span>
2018        </div>
2019        <div class="bg-white items-center item-popular">
2020                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2021    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2022    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2023</div>
2024                    </div>
2025    </div>
2026    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2027        <div class="flex items-center space-x-2">
2028            <p class="text-l font-normal leading-s text-s text-emp-blue-800">
2029    References
2030</p>
2031            <span
2032                  data-tooltip-target="tooltip-right5_2"
2033                  data-tooltip-placement="right">
2034                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2035<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2036</svg>
2037                <div id="tooltip-right5_2" role="tooltip"
2038                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2039                    Present your company references, participant or press testimonials as well as awards and honors.
2040                    <div class="tooltip-arrow" data-popper-arrow></div>
2041                </div>
2042            </span>
2043        </div>
2044        <div class="bg-white items-center item-popular">
2045                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2046    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2047    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2048</div>
2049                    </div>
2050    </div>
2051    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2052        <div class="flex items-center space-x-2">
2053            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2054    Expert Video Calls
2055</p>
2056            <span
2057                  data-tooltip-target="tooltip-right6_2"
2058                  data-tooltip-placement="right">
2059                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2060<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2061</svg>
2062                <div id="tooltip-right6_2" role="tooltip"
2063                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2064                    Offer virtual training sessions via video call: Seamless video communication, appointment management, and automatic payment processing. Expand your reach and support customers flexibly from any location.
2065                    <div class="tooltip-arrow" data-popper-arrow></div>
2066                </div>
2067            </span>
2068        </div>
2069        <div class="bg-white items-center item-popular">
2070                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2071    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2072    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2073</div>
2074                    </div>
2075    </div>
2076    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2077        <div class="flex items-center space-x-2">
2078            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2079    ProvenExpert ratings
2080</p>
2081            <span
2082                  data-tooltip-target="tooltip-right7_2"
2083                  data-tooltip-placement="right">
2084                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2085<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2086</svg>
2087                <div id="tooltip-right7_2" role="tooltip"
2088                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2089                    The ideal solution for your review marketing for more trust, customers &amp; sales.
2090                    <div class="tooltip-arrow" data-popper-arrow></div>
2091                </div>
2092            </span>
2093        </div>
2094        <div class="bg-white items-center item-popular">
2095                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2096    <mask id="path-1-inside-1_5335_1848" fill="white">
2097        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z"/>
2098    </mask>
2099    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z" fill="#111827"/>
2100    <path d="M2.39941 7.99995H0.399414H2.39941ZM4.39941 7.99995C4.39941 8.31821 4.27299 8.62344 4.04794 8.84848L1.21952 6.02005C0.694413 6.54515 0.399414 7.25734 0.399414 7.99995H4.39941ZM4.04794 8.84848C3.8229 9.07352 3.51767 9.19995 3.19941 9.19995V5.19995C2.45681 5.19995 1.74462 5.49495 1.21952 6.02005L4.04794 8.84848ZM3.19941 9.19995H12.7994V5.19995H3.19941V9.19995ZM12.7994 9.19995C12.4812 9.19995 12.1759 9.07352 11.9509 8.84848L14.7793 6.02005C14.2542 5.49495 13.542 5.19995 12.7994 5.19995V9.19995ZM11.9509 8.84848C11.7258 8.62343 11.5994 8.31821 11.5994 7.99995H15.5994C15.5994 7.25735 15.3044 6.54516 14.7793 6.02005L11.9509 8.84848ZM11.5994 7.99995C11.5994 7.68169 11.7258 7.37647 11.9509 7.15142L14.7793 9.97985C15.3044 9.45475 15.5994 8.74255 15.5994 7.99995H11.5994ZM11.9509 7.15142C12.1759 6.92638 12.4812 6.79995 12.7994 6.79995V10.8C13.542 10.8 14.2542 10.505 14.7793 9.97985L11.9509 7.15142ZM12.7994 6.79995H3.19941V10.8H12.7994V6.79995ZM3.19941 6.79995C3.51767 6.79995 3.8229 6.92638 4.04794 7.15142L1.21952 9.97985C1.74462 10.505 2.45681 10.8 3.19941 10.8V6.79995ZM4.04794 7.15142C4.27299 7.37647 4.39941 7.68169 4.39941 7.99995H0.399414C0.399414 8.74256 0.694413 9.45475 1.21952 9.97985L4.04794 7.15142Z" fill="#C6CCD6" mask="url(#path-1-inside-1_5335_1848)"/>
2101</svg>
2102                    </div>
2103    </div>
2104    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2105        <div class="flex items-center space-x-2">
2106            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2107    Videos &amp; podcasts
2108</p>
2109            <span
2110                  data-tooltip-target="tooltip-right8_2"
2111                  data-tooltip-placement="right">
2112                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2113<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2114</svg>
2115                <div id="tooltip-right8_2" role="tooltip"
2116                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2117                    Embed YouTube or Vimeo videos into your profile and offer customers a preview of your live performances.
2118                    <div class="tooltip-arrow" data-popper-arrow></div>
2119                </div>
2120            </span>
2121        </div>
2122        <div class="bg-white items-center item-popular">
2123                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2124    <mask id="path-1-inside-1_5335_1848" fill="white">
2125        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z"/>
2126    </mask>
2127    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z" fill="#111827"/>
2128    <path d="M2.39941 7.99995H0.399414H2.39941ZM4.39941 7.99995C4.39941 8.31821 4.27299 8.62344 4.04794 8.84848L1.21952 6.02005C0.694413 6.54515 0.399414 7.25734 0.399414 7.99995H4.39941ZM4.04794 8.84848C3.8229 9.07352 3.51767 9.19995 3.19941 9.19995V5.19995C2.45681 5.19995 1.74462 5.49495 1.21952 6.02005L4.04794 8.84848ZM3.19941 9.19995H12.7994V5.19995H3.19941V9.19995ZM12.7994 9.19995C12.4812 9.19995 12.1759 9.07352 11.9509 8.84848L14.7793 6.02005C14.2542 5.49495 13.542 5.19995 12.7994 5.19995V9.19995ZM11.9509 8.84848C11.7258 8.62343 11.5994 8.31821 11.5994 7.99995H15.5994C15.5994 7.25735 15.3044 6.54516 14.7793 6.02005L11.9509 8.84848ZM11.5994 7.99995C11.5994 7.68169 11.7258 7.37647 11.9509 7.15142L14.7793 9.97985C15.3044 9.45475 15.5994 8.74255 15.5994 7.99995H11.5994ZM11.9509 7.15142C12.1759 6.92638 12.4812 6.79995 12.7994 6.79995V10.8C13.542 10.8 14.2542 10.505 14.7793 9.97985L11.9509 7.15142ZM12.7994 6.79995H3.19941V10.8H12.7994V6.79995ZM3.19941 6.79995C3.51767 6.79995 3.8229 6.92638 4.04794 7.15142L1.21952 9.97985C1.74462 10.505 2.45681 10.8 3.19941 10.8V6.79995ZM4.04794 7.15142C4.27299 7.37647 4.39941 7.68169 4.39941 7.99995H0.399414C0.399414 8.74256 0.694413 9.45475 1.21952 9.97985L4.04794 7.15142Z" fill="#C6CCD6" mask="url(#path-1-inside-1_5335_1848)"/>
2129</svg>
2130                    </div>
2131    </div>
2132    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2133        <div class="flex items-center space-x-2">
2134            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2135    Calendar integration
2136</p>
2137            <span
2138                  data-tooltip-target="tooltip-right9_2"
2139                  data-tooltip-placement="right">
2140                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2141<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2142</svg>
2143                <div id="tooltip-right9_2" role="tooltip"
2144                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2145                    Connect your Google or Outlook calendars to provide customers with even better information about your availability. 
2146                    <div class="tooltip-arrow" data-popper-arrow></div>
2147                </div>
2148            </span>
2149        </div>
2150        <div class="bg-white items-center item-popular">
2151                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2152    <mask id="path-1-inside-1_5335_1848" fill="white">
2153        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z"/>
2154    </mask>
2155    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z" fill="#111827"/>
2156    <path d="M2.39941 7.99995H0.399414H2.39941ZM4.39941 7.99995C4.39941 8.31821 4.27299 8.62344 4.04794 8.84848L1.21952 6.02005C0.694413 6.54515 0.399414 7.25734 0.399414 7.99995H4.39941ZM4.04794 8.84848C3.8229 9.07352 3.51767 9.19995 3.19941 9.19995V5.19995C2.45681 5.19995 1.74462 5.49495 1.21952 6.02005L4.04794 8.84848ZM3.19941 9.19995H12.7994V5.19995H3.19941V9.19995ZM12.7994 9.19995C12.4812 9.19995 12.1759 9.07352 11.9509 8.84848L14.7793 6.02005C14.2542 5.49495 13.542 5.19995 12.7994 5.19995V9.19995ZM11.9509 8.84848C11.7258 8.62343 11.5994 8.31821 11.5994 7.99995H15.5994C15.5994 7.25735 15.3044 6.54516 14.7793 6.02005L11.9509 8.84848ZM11.5994 7.99995C11.5994 7.68169 11.7258 7.37647 11.9509 7.15142L14.7793 9.97985C15.3044 9.45475 15.5994 8.74255 15.5994 7.99995H11.5994ZM11.9509 7.15142C12.1759 6.92638 12.4812 6.79995 12.7994 6.79995V10.8C13.542 10.8 14.2542 10.505 14.7793 9.97985L11.9509 7.15142ZM12.7994 6.79995H3.19941V10.8H12.7994V6.79995ZM3.19941 6.79995C3.51767 6.79995 3.8229 6.92638 4.04794 7.15142L1.21952 9.97985C1.74462 10.505 2.45681 10.8 3.19941 10.8V6.79995ZM4.04794 7.15142C4.27299 7.37647 4.39941 7.68169 4.39941 7.99995H0.399414C0.399414 8.74256 0.694413 9.45475 1.21952 9.97985L4.04794 7.15142Z" fill="#C6CCD6" mask="url(#path-1-inside-1_5335_1848)"/>
2157</svg>
2158                    </div>
2159    </div>
2160    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2161        <div class="flex items-center space-x-2">
2162            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2163    Live booking &amp; reservations
2164</p>
2165            <span
2166                  data-tooltip-target="tooltip-right15_2"
2167                  data-tooltip-placement="right">
2168                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2169<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2170</svg>
2171                <div id="tooltip-right15_2" role="tooltip"
2172                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2173                    Customers can book you or make a reservation directly online. They can also check your availability in the booking calendar.
2174                    <div class="tooltip-arrow" data-popper-arrow></div>
2175                </div>
2176            </span>
2177        </div>
2178        <div class="bg-white items-center item-popular">
2179                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2180    <mask id="path-1-inside-1_5335_1848" fill="white">
2181        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z"/>
2182    </mask>
2183    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z" fill="#111827"/>
2184    <path d="M2.39941 7.99995H0.399414H2.39941ZM4.39941 7.99995C4.39941 8.31821 4.27299 8.62344 4.04794 8.84848L1.21952 6.02005C0.694413 6.54515 0.399414 7.25734 0.399414 7.99995H4.39941ZM4.04794 8.84848C3.8229 9.07352 3.51767 9.19995 3.19941 9.19995V5.19995C2.45681 5.19995 1.74462 5.49495 1.21952 6.02005L4.04794 8.84848ZM3.19941 9.19995H12.7994V5.19995H3.19941V9.19995ZM12.7994 9.19995C12.4812 9.19995 12.1759 9.07352 11.9509 8.84848L14.7793 6.02005C14.2542 5.49495 13.542 5.19995 12.7994 5.19995V9.19995ZM11.9509 8.84848C11.7258 8.62343 11.5994 8.31821 11.5994 7.99995H15.5994C15.5994 7.25735 15.3044 6.54516 14.7793 6.02005L11.9509 8.84848ZM11.5994 7.99995C11.5994 7.68169 11.7258 7.37647 11.9509 7.15142L14.7793 9.97985C15.3044 9.45475 15.5994 8.74255 15.5994 7.99995H11.5994ZM11.9509 7.15142C12.1759 6.92638 12.4812 6.79995 12.7994 6.79995V10.8C13.542 10.8 14.2542 10.505 14.7793 9.97985L11.9509 7.15142ZM12.7994 6.79995H3.19941V10.8H12.7994V6.79995ZM3.19941 6.79995C3.51767 6.79995 3.8229 6.92638 4.04794 7.15142L1.21952 9.97985C1.74462 10.505 2.45681 10.8 3.19941 10.8V6.79995ZM4.04794 7.15142C4.27299 7.37647 4.39941 7.68169 4.39941 7.99995H0.399414C0.399414 8.74256 0.694413 9.45475 1.21952 9.97985L4.04794 7.15142Z" fill="#C6CCD6" mask="url(#path-1-inside-1_5335_1848)"/>
2185</svg>
2186                    </div>
2187    </div>
2188    <h4 class="text-base md:text-xl font-semibold py-1.5 pl-4 bg-emp-blue-100 mb-1 text-emp-blue-800">
2189    MARKETING &amp; SALES PROMOTION
2190</h4>
2191    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2192        <div class="flex items-center space-x-2">
2193            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2194    Textcoaching
2195</p>
2196            <span
2197                  data-tooltip-target="tooltip-right10_2"
2198                  data-tooltip-placement="right">
2199                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2200<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2201</svg>
2202                <div id="tooltip-right10_2" role="tooltip"
2203                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2204                    We support you with virtual text coaching to prepare your profile. Duration: approx. 60 minutes.
2205                    <div class="tooltip-arrow" data-popper-arrow></div>
2206                </div>
2207            </span>
2208        </div>
2209        <div class="bg-white items-center item-popular">
2210                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2211    <mask id="path-1-inside-1_5335_1848" fill="white">
2212        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z"/>
2213    </mask>
2214    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z" fill="#111827"/>
2215    <path d="M2.39941 7.99995H0.399414H2.39941ZM4.39941 7.99995C4.39941 8.31821 4.27299 8.62344 4.04794 8.84848L1.21952 6.02005C0.694413 6.54515 0.399414 7.25734 0.399414 7.99995H4.39941ZM4.04794 8.84848C3.8229 9.07352 3.51767 9.19995 3.19941 9.19995V5.19995C2.45681 5.19995 1.74462 5.49495 1.21952 6.02005L4.04794 8.84848ZM3.19941 9.19995H12.7994V5.19995H3.19941V9.19995ZM12.7994 9.19995C12.4812 9.19995 12.1759 9.07352 11.9509 8.84848L14.7793 6.02005C14.2542 5.49495 13.542 5.19995 12.7994 5.19995V9.19995ZM11.9509 8.84848C11.7258 8.62343 11.5994 8.31821 11.5994 7.99995H15.5994C15.5994 7.25735 15.3044 6.54516 14.7793 6.02005L11.9509 8.84848ZM11.5994 7.99995C11.5994 7.68169 11.7258 7.37647 11.9509 7.15142L14.7793 9.97985C15.3044 9.45475 15.5994 8.74255 15.5994 7.99995H11.5994ZM11.9509 7.15142C12.1759 6.92638 12.4812 6.79995 12.7994 6.79995V10.8C13.542 10.8 14.2542 10.505 14.7793 9.97985L11.9509 7.15142ZM12.7994 6.79995H3.19941V10.8H12.7994V6.79995ZM3.19941 6.79995C3.51767 6.79995 3.8229 6.92638 4.04794 7.15142L1.21952 9.97985C1.74462 10.505 2.45681 10.8 3.19941 10.8V6.79995ZM4.04794 7.15142C4.27299 7.37647 4.39941 7.68169 4.39941 7.99995H0.399414C0.399414 8.74256 0.694413 9.45475 1.21952 9.97985L4.04794 7.15142Z" fill="#C6CCD6" mask="url(#path-1-inside-1_5335_1848)"/>
2216</svg>
2217                    </div>
2218    </div>
2219    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2220        <div class="flex items-center space-x-2">
2221            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2222    Green Deal
2223</p>
2224            <span
2225                  data-tooltip-target="tooltip-right11_2"
2226                  data-tooltip-placement="right">
2227                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2228<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2229</svg>
2230                <div id="tooltip-right11_2" role="tooltip"
2231                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2232                    Clients benefit from a fee reduction and travel cost sharing when you are booked multiple times on the same day in the same city. Increases your booking probability and reduces CO2 emissions through saved travel. 
2233                    <div class="tooltip-arrow" data-popper-arrow></div>
2234                </div>
2235            </span>
2236        </div>
2237        <div class="bg-white items-center item-popular">
2238                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2239    <mask id="path-1-inside-1_5335_1848" fill="white">
2240        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z"/>
2241    </mask>
2242    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z" fill="#111827"/>
2243    <path d="M2.39941 7.99995H0.399414H2.39941ZM4.39941 7.99995C4.39941 8.31821 4.27299 8.62344 4.04794 8.84848L1.21952 6.02005C0.694413 6.54515 0.399414 7.25734 0.399414 7.99995H4.39941ZM4.04794 8.84848C3.8229 9.07352 3.51767 9.19995 3.19941 9.19995V5.19995C2.45681 5.19995 1.74462 5.49495 1.21952 6.02005L4.04794 8.84848ZM3.19941 9.19995H12.7994V5.19995H3.19941V9.19995ZM12.7994 9.19995C12.4812 9.19995 12.1759 9.07352 11.9509 8.84848L14.7793 6.02005C14.2542 5.49495 13.542 5.19995 12.7994 5.19995V9.19995ZM11.9509 8.84848C11.7258 8.62343 11.5994 8.31821 11.5994 7.99995H15.5994C15.5994 7.25735 15.3044 6.54516 14.7793 6.02005L11.9509 8.84848ZM11.5994 7.99995C11.5994 7.68169 11.7258 7.37647 11.9509 7.15142L14.7793 9.97985C15.3044 9.45475 15.5994 8.74255 15.5994 7.99995H11.5994ZM11.9509 7.15142C12.1759 6.92638 12.4812 6.79995 12.7994 6.79995V10.8C13.542 10.8 14.2542 10.505 14.7793 9.97985L11.9509 7.15142ZM12.7994 6.79995H3.19941V10.8H12.7994V6.79995ZM3.19941 6.79995C3.51767 6.79995 3.8229 6.92638 4.04794 7.15142L1.21952 9.97985C1.74462 10.505 2.45681 10.8 3.19941 10.8V6.79995ZM4.04794 7.15142C4.27299 7.37647 4.39941 7.68169 4.39941 7.99995H0.399414C0.399414 8.74256 0.694413 9.45475 1.21952 9.97985L4.04794 7.15142Z" fill="#C6CCD6" mask="url(#path-1-inside-1_5335_1848)"/>
2244</svg>
2245                    </div>
2246    </div>
2247    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2248        <div class="flex items-center space-x-2">
2249            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2250    Press
2251</p>
2252            <span
2253                  data-tooltip-target="tooltip-right12_2"
2254                  data-tooltip-placement="right">
2255                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2256<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2257</svg>
2258                <div id="tooltip-right12_2" role="tooltip"
2259                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2260                    Showcase your magazine and media mentions and articles.
2261                    <div class="tooltip-arrow" data-popper-arrow></div>
2262                </div>
2263            </span>
2264        </div>
2265        <div class="bg-white items-center item-popular">
2266                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2267    <mask id="path-1-inside-1_5335_1848" fill="white">
2268        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z"/>
2269    </mask>
2270    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z" fill="#111827"/>
2271    <path d="M2.39941 7.99995H0.399414H2.39941ZM4.39941 7.99995C4.39941 8.31821 4.27299 8.62344 4.04794 8.84848L1.21952 6.02005C0.694413 6.54515 0.399414 7.25734 0.399414 7.99995H4.39941ZM4.04794 8.84848C3.8229 9.07352 3.51767 9.19995 3.19941 9.19995V5.19995C2.45681 5.19995 1.74462 5.49495 1.21952 6.02005L4.04794 8.84848ZM3.19941 9.19995H12.7994V5.19995H3.19941V9.19995ZM12.7994 9.19995C12.4812 9.19995 12.1759 9.07352 11.9509 8.84848L14.7793 6.02005C14.2542 5.49495 13.542 5.19995 12.7994 5.19995V9.19995ZM11.9509 8.84848C11.7258 8.62343 11.5994 8.31821 11.5994 7.99995H15.5994C15.5994 7.25735 15.3044 6.54516 14.7793 6.02005L11.9509 8.84848ZM11.5994 7.99995C11.5994 7.68169 11.7258 7.37647 11.9509 7.15142L14.7793 9.97985C15.3044 9.45475 15.5994 8.74255 15.5994 7.99995H11.5994ZM11.9509 7.15142C12.1759 6.92638 12.4812 6.79995 12.7994 6.79995V10.8C13.542 10.8 14.2542 10.505 14.7793 9.97985L11.9509 7.15142ZM12.7994 6.79995H3.19941V10.8H12.7994V6.79995ZM3.19941 6.79995C3.51767 6.79995 3.8229 6.92638 4.04794 7.15142L1.21952 9.97985C1.74462 10.505 2.45681 10.8 3.19941 10.8V6.79995ZM4.04794 7.15142C4.27299 7.37647 4.39941 7.68169 4.39941 7.99995H0.399414C0.399414 8.74256 0.694413 9.45475 1.21952 9.97985L4.04794 7.15142Z" fill="#C6CCD6" mask="url(#path-1-inside-1_5335_1848)"/>
2272</svg>
2273                    </div>
2274    </div>
2275    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2276        <div class="flex items-center space-x-2">
2277            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2278    Personal profile coaching and recorded interview
2279</p>
2280            <span
2281                  data-tooltip-target="tooltip-right13_2"
2282                  data-tooltip-placement="right">
2283                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2284<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2285</svg>
2286                <div id="tooltip-right13_2" role="tooltip"
2287                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2288                    We support you with personal text coaching to prepare and optimize your profile. Duration. approx. 120 minutes.
2289                    <div class="tooltip-arrow" data-popper-arrow></div>
2290                </div>
2291            </span>
2292        </div>
2293        <div class="bg-white items-center item-popular">
2294                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2295    <mask id="path-1-inside-1_5335_1848" fill="white">
2296        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z"/>
2297    </mask>
2298    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z" fill="#111827"/>
2299    <path d="M2.39941 7.99995H0.399414H2.39941ZM4.39941 7.99995C4.39941 8.31821 4.27299 8.62344 4.04794 8.84848L1.21952 6.02005C0.694413 6.54515 0.399414 7.25734 0.399414 7.99995H4.39941ZM4.04794 8.84848C3.8229 9.07352 3.51767 9.19995 3.19941 9.19995V5.19995C2.45681 5.19995 1.74462 5.49495 1.21952 6.02005L4.04794 8.84848ZM3.19941 9.19995H12.7994V5.19995H3.19941V9.19995ZM12.7994 9.19995C12.4812 9.19995 12.1759 9.07352 11.9509 8.84848L14.7793 6.02005C14.2542 5.49495 13.542 5.19995 12.7994 5.19995V9.19995ZM11.9509 8.84848C11.7258 8.62343 11.5994 8.31821 11.5994 7.99995H15.5994C15.5994 7.25735 15.3044 6.54516 14.7793 6.02005L11.9509 8.84848ZM11.5994 7.99995C11.5994 7.68169 11.7258 7.37647 11.9509 7.15142L14.7793 9.97985C15.3044 9.45475 15.5994 8.74255 15.5994 7.99995H11.5994ZM11.9509 7.15142C12.1759 6.92638 12.4812 6.79995 12.7994 6.79995V10.8C13.542 10.8 14.2542 10.505 14.7793 9.97985L11.9509 7.15142ZM12.7994 6.79995H3.19941V10.8H12.7994V6.79995ZM3.19941 6.79995C3.51767 6.79995 3.8229 6.92638 4.04794 7.15142L1.21952 9.97985C1.74462 10.505 2.45681 10.8 3.19941 10.8V6.79995ZM4.04794 7.15142C4.27299 7.37647 4.39941 7.68169 4.39941 7.99995H0.399414C0.399414 8.74256 0.694413 9.45475 1.21952 9.97985L4.04794 7.15142Z" fill="#C6CCD6" mask="url(#path-1-inside-1_5335_1848)"/>
2300</svg>
2301                    </div>
2302    </div>
2303
2304
2305
2306
2307
2308
2309
2310
2311
2312
2313
2314
2315
2316
2317
2318
2319
2320
2321
2322
2323
2324
2325
2326</section>
2327                                                                    <div class="bg-white py-4 md:py-8 px-5 md:px-6 md:pr-6 relative flex justify-between flex-row md:flex-col">
2328                            <div>
2329                                <p class="text-base font-semibold relative md:absolute top-0 md:top-[-26px] rounded-default md:rounded-b-none md:rounded-t-default text-xxs md:text-base left-0 right-0 w-[fit-content] md:w-full text-center bg-emp-red-500 text-white px-2 py-0.5 md:p-1.5 hidden pop-inf mb-1 leading-12 md:leading-base">
2330    POPULAR
2331</p>
2332                                <h4 class="text-base md:text-xl font-bold mb-0 md:mb-2 text-l md:text-xl">
2333    Premium
2334</h4>
2335                                <p class="text-base font-bold text-base md:!text-[36px] text-emp-red-500 leading-s md:leading-2xl" x-data="{
2336                                        monthlyPrice: &quot;147&quot;,
2337                                        price: &quot;122,50&quot;
2338
2339                                    }" x-text="(billingOption === 'monthly' ? monthlyPrice : price) + ' €'">
2340    
2341</p>
2342                                <p class="text-base font-medium !text-[13px] md:text-base mb-2 md:mb-5 text-emp-blue-700" x-text="billingOption === 'monthly'
2343                                    ? 'per month' + ', ' + 'equals 1.764,00 € per year' + '*'
2344                                    : 'per month' + ', ' + 'equals 1.470,00 € per year' + '*'">
2345    
2346</p>
2347                                                                                                    <p class="text-base font-bold !text-[13px] !md:text-base mb-0 md:mb-4 text-emp-red-500" x-show="billingOption === 'yearly'">
2348    Save
2349                                        <span>
2350    
2351                                            294
2352                                        </span>
2353                                        €
2354</p>
2355                                                                </div>
2356                            <div class="flex flex-col justify-between items-end md:items-center">
2357                                <form :action="billingOption === 'monthly'
2358                                      ? 'https://www.expert-marketplace.de/en/pricing?plan_info_id=16&amp;monthly_plan=1'
2359                                      : 'https://www.expert-marketplace.de/en/pricing?plan_info_id=16'"
2360                                      method="POST">
2361                                    <input type="hidden" name="_token" value="54wPC4kt7w8kdYO9nuBlh5znOgQt5aFJXywkWaFD" autocomplete="off">                                    <button type="submit" 
2362    class="bg-gradient-to-r from-emp-red-500 to-emp-red-600 hover:bg-none hover:bg-emp-red-700 text-s md:text-base px-3 whitespace-nowrap md:whitespace-normal md:px-4 py-0.5 md:py-2 items-center justify-center leading-base
2363 cursor-pointer text-white font-bold inline-flex rounded-full" id="submit-plan-4">
2364    Start now
2365</button>
2366                                </form>
2367                                <button type="button"  class="mb-1.5 md:hidden" @click="activePlan === 4 ? activePlan = null : activePlan = 4" :class="{'rotate-180 mb-0': activePlan === 4}">
2368    <svg  width="12" height="7" stroke-width="2"  viewBox="0 0 12 7" fill="none"
2369     xmlns="http://www.w3.org/2000/svg">
2370    <path d="M10.6666 1L5.99992 5.66667L1.33325 1"  stroke="#8D99AE"
2371          stroke-linecap="round" stroke-linejoin="round"/>
2372</svg>
2373</button>
2374                            </div>
2375                        </div>
2376                        <section class="price-content mt-0.5 relative" x-show="activePlan === 4" x-transition>
2377    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2378        <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2379    Expert Marketplace profile
2380</p>
2381        <div class="bg-white items-center item-popular">
2382                            <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2383    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2384    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2385</div>
2386                    </div>
2387    </div>
2388    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2389        <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2390    SEO optimized profile
2391</p>
2392        <div class="bg-white items-center item-popular">
2393                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2394    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2395    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2396</div>
2397                    </div>
2398    </div>
2399    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2400        <div class="flex items-center space-x-2">
2401            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2402    Booking dashboard
2403</p>
2404            <span
2405                  data-tooltip-target="tooltip-right_4"
2406                  data-tooltip-placement="right">
2407                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2408<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2409</svg>
2410                <div id="tooltip-right_4" role="tooltip"
2411                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-s font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2412                    All your requests, reservations and bookings at a glance, plan advertising campaigns*, visitor and booking statistics*, current trend topics* (*available soon)
2413                    <div class="tooltip-arrow" data-popper-arrow></div>
2414                </div>
2415            </span>
2416        </div>
2417        <div class="bg-white items-center item-popular">
2418                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2419    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2420    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2421</div>
2422                    </div>
2423    </div>
2424    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2425        <div class="flex items-center space-x-2">
2426            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2427    Chat, email &amp; phone support
2428</p>
2429            <span
2430                  data-tooltip-target="tooltip-right2_4"
2431                  data-tooltip-placement="right">
2432                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2433<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2434</svg>
2435                <div id="tooltip-right2_4" role="tooltip"
2436                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-s font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2437                    If you have any questions regarding your profile entry, our Expert Marketplace assistants are happy to help you from Monday - Friday from 9 am - 6 pm.
2438                    <div class="tooltip-arrow" data-popper-arrow></div>
2439                </div>
2440            </span>
2441        </div>
2442        <div class="bg-white items-center item-popular">
2443                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2444    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2445    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2446</div>
2447                    </div>
2448    </div>
2449    <h4 class="text-base md:text-xl font-semibold py-1.5 pl-4 bg-emp-blue-100 mb-1 text-emp-blue-800">
2450    PROFILE
2451</h4>
2452    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2453        <div class="flex items-center space-x-2">
2454            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2455    Vita
2456</p>
2457            <span
2458                  data-tooltip-target="tooltip-right3_4"
2459                  data-tooltip-placement="right">
2460                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2461<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2462</svg>
2463                <div id="tooltip-right3_4"
2464                     role="tooltip"
2465                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-s font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2466                    Introduce yourself with a brief biography of yourself and describe your skills, competencies &amp; experience.
2467                    <div class="tooltip-arrow" data-popper-arrow></div>
2468                </div>
2469            </span>
2470        </div>
2471        <div class="bg-white items-center item-popular">
2472                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2473    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2474    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2475</div>
2476                    </div>
2477    </div>
2478    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2479        <div class="flex items-center space-x-2">
2480            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2481    Topics
2482</p>
2483            <span
2484                  data-tooltip-target="tooltip-right4_4"
2485                  data-tooltip-placement="right">
2486                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2487<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2488</svg>
2489                <div id="tooltip-right4_4" role="tooltip"
2490                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2491                    List topics and presentation content you are presenting on
2492                    <div class="tooltip-arrow" data-popper-arrow></div>
2493                </div>
2494            </span>
2495        </div>
2496        <div class="bg-white items-center item-popular">
2497                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2498    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2499    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2500</div>
2501                    </div>
2502    </div>
2503    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2504        <div class="flex items-center space-x-2">
2505            <p class="text-l font-normal leading-s text-s text-emp-blue-800">
2506    References
2507</p>
2508            <span
2509                  data-tooltip-target="tooltip-right5_4"
2510                  data-tooltip-placement="right">
2511                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2512<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2513</svg>
2514                <div id="tooltip-right5_4" role="tooltip"
2515                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2516                    Present your company references, participant or press testimonials as well as awards and honors.
2517                    <div class="tooltip-arrow" data-popper-arrow></div>
2518                </div>
2519            </span>
2520        </div>
2521        <div class="bg-white items-center item-popular">
2522                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2523    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2524    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2525</div>
2526                    </div>
2527    </div>
2528    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2529        <div class="flex items-center space-x-2">
2530            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2531    Expert Video Calls
2532</p>
2533            <span
2534                  data-tooltip-target="tooltip-right6_4"
2535                  data-tooltip-placement="right">
2536                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2537<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2538</svg>
2539                <div id="tooltip-right6_4" role="tooltip"
2540                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2541                    Offer virtual training sessions via video call: Seamless video communication, appointment management, and automatic payment processing. Expand your reach and support customers flexibly from any location.
2542                    <div class="tooltip-arrow" data-popper-arrow></div>
2543                </div>
2544            </span>
2545        </div>
2546        <div class="bg-white items-center item-popular">
2547                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2548    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2549    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2550</div>
2551                    </div>
2552    </div>
2553    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2554        <div class="flex items-center space-x-2">
2555            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2556    ProvenExpert ratings
2557</p>
2558            <span
2559                  data-tooltip-target="tooltip-right7_4"
2560                  data-tooltip-placement="right">
2561                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2562<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2563</svg>
2564                <div id="tooltip-right7_4" role="tooltip"
2565                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2566                    The ideal solution for your review marketing for more trust, customers &amp; sales.
2567                    <div class="tooltip-arrow" data-popper-arrow></div>
2568                </div>
2569            </span>
2570        </div>
2571        <div class="bg-white items-center item-popular">
2572                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2573    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2574    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2575</div>
2576                    </div>
2577    </div>
2578    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2579        <div class="flex items-center space-x-2">
2580            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2581    Videos &amp; podcasts
2582</p>
2583            <span
2584                  data-tooltip-target="tooltip-right8_4"
2585                  data-tooltip-placement="right">
2586                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2587<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2588</svg>
2589                <div id="tooltip-right8_4" role="tooltip"
2590                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2591                    Embed YouTube or Vimeo videos into your profile and offer customers a preview of your live performances.
2592                    <div class="tooltip-arrow" data-popper-arrow></div>
2593                </div>
2594            </span>
2595        </div>
2596        <div class="bg-white items-center item-popular">
2597                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2598    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2599    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2600</div>
2601                    </div>
2602    </div>
2603    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2604        <div class="flex items-center space-x-2">
2605            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2606    Calendar integration
2607</p>
2608            <span
2609                  data-tooltip-target="tooltip-right9_4"
2610                  data-tooltip-placement="right">
2611                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2612<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2613</svg>
2614                <div id="tooltip-right9_4" role="tooltip"
2615                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2616                    Connect your Google or Outlook calendars to provide customers with even better information about your availability. 
2617                    <div class="tooltip-arrow" data-popper-arrow></div>
2618                </div>
2619            </span>
2620        </div>
2621        <div class="bg-white items-center item-popular">
2622                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2623    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2624    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2625</div>
2626                    </div>
2627    </div>
2628    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2629        <div class="flex items-center space-x-2">
2630            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2631    Live booking &amp; reservations
2632</p>
2633            <span
2634                  data-tooltip-target="tooltip-right15_4"
2635                  data-tooltip-placement="right">
2636                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2637<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2638</svg>
2639                <div id="tooltip-right15_4" role="tooltip"
2640                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2641                    Customers can book you or make a reservation directly online. They can also check your availability in the booking calendar.
2642                    <div class="tooltip-arrow" data-popper-arrow></div>
2643                </div>
2644            </span>
2645        </div>
2646        <div class="bg-white items-center item-popular">
2647                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2648    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2649    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2650</div>
2651                    </div>
2652    </div>
2653    <h4 class="text-base md:text-xl font-semibold py-1.5 pl-4 bg-emp-blue-100 mb-1 text-emp-blue-800">
2654    MARKETING &amp; SALES PROMOTION
2655</h4>
2656    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2657        <div class="flex items-center space-x-2">
2658            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2659    Textcoaching
2660</p>
2661            <span
2662                  data-tooltip-target="tooltip-right10_4"
2663                  data-tooltip-placement="right">
2664                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2665<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2666</svg>
2667                <div id="tooltip-right10_4" role="tooltip"
2668                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2669                    We support you with virtual text coaching to prepare your profile. Duration: approx. 60 minutes.
2670                    <div class="tooltip-arrow" data-popper-arrow></div>
2671                </div>
2672            </span>
2673        </div>
2674        <div class="bg-white items-center item-popular">
2675                            <div
2676                    class="text-center bg-white p-4 h-full flex items-center justify-center text-emp-red-500 font-medium">Virtual Group Coaching</div>
2677                    </div>
2678    </div>
2679    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2680        <div class="flex items-center space-x-2">
2681            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2682    Green Deal
2683</p>
2684            <span
2685                  data-tooltip-target="tooltip-right11_4"
2686                  data-tooltip-placement="right">
2687                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2688<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2689</svg>
2690                <div id="tooltip-right11_4" role="tooltip"
2691                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2692                    Clients benefit from a fee reduction and travel cost sharing when you are booked multiple times on the same day in the same city. Increases your booking probability and reduces CO2 emissions through saved travel. 
2693                    <div class="tooltip-arrow" data-popper-arrow></div>
2694                </div>
2695            </span>
2696        </div>
2697        <div class="bg-white items-center item-popular">
2698                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2699    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2700    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2701</div>
2702                    </div>
2703    </div>
2704    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2705        <div class="flex items-center space-x-2">
2706            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2707    Press
2708</p>
2709            <span
2710                  data-tooltip-target="tooltip-right12_4"
2711                  data-tooltip-placement="right">
2712                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2713<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2714</svg>
2715                <div id="tooltip-right12_4" role="tooltip"
2716                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2717                    Showcase your magazine and media mentions and articles.
2718                    <div class="tooltip-arrow" data-popper-arrow></div>
2719                </div>
2720            </span>
2721        </div>
2722        <div class="bg-white items-center item-popular">
2723                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2724    <mask id="path-1-inside-1_5335_1848" fill="white">
2725        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z"/>
2726    </mask>
2727    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z" fill="#111827"/>
2728    <path d="M2.39941 7.99995H0.399414H2.39941ZM4.39941 7.99995C4.39941 8.31821 4.27299 8.62344 4.04794 8.84848L1.21952 6.02005C0.694413 6.54515 0.399414 7.25734 0.399414 7.99995H4.39941ZM4.04794 8.84848C3.8229 9.07352 3.51767 9.19995 3.19941 9.19995V5.19995C2.45681 5.19995 1.74462 5.49495 1.21952 6.02005L4.04794 8.84848ZM3.19941 9.19995H12.7994V5.19995H3.19941V9.19995ZM12.7994 9.19995C12.4812 9.19995 12.1759 9.07352 11.9509 8.84848L14.7793 6.02005C14.2542 5.49495 13.542 5.19995 12.7994 5.19995V9.19995ZM11.9509 8.84848C11.7258 8.62343 11.5994 8.31821 11.5994 7.99995H15.5994C15.5994 7.25735 15.3044 6.54516 14.7793 6.02005L11.9509 8.84848ZM11.5994 7.99995C11.5994 7.68169 11.7258 7.37647 11.9509 7.15142L14.7793 9.97985C15.3044 9.45475 15.5994 8.74255 15.5994 7.99995H11.5994ZM11.9509 7.15142C12.1759 6.92638 12.4812 6.79995 12.7994 6.79995V10.8C13.542 10.8 14.2542 10.505 14.7793 9.97985L11.9509 7.15142ZM12.7994 6.79995H3.19941V10.8H12.7994V6.79995ZM3.19941 6.79995C3.51767 6.79995 3.8229 6.92638 4.04794 7.15142L1.21952 9.97985C1.74462 10.505 2.45681 10.8 3.19941 10.8V6.79995ZM4.04794 7.15142C4.27299 7.37647 4.39941 7.68169 4.39941 7.99995H0.399414C0.399414 8.74256 0.694413 9.45475 1.21952 9.97985L4.04794 7.15142Z" fill="#C6CCD6" mask="url(#path-1-inside-1_5335_1848)"/>
2729</svg>
2730                    </div>
2731    </div>
2732    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2733        <div class="flex items-center space-x-2">
2734            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2735    Personal profile coaching and recorded interview
2736</p>
2737            <span
2738                  data-tooltip-target="tooltip-right13_4"
2739                  data-tooltip-placement="right">
2740                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2741<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2742</svg>
2743                <div id="tooltip-right13_4" role="tooltip"
2744                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2745                    We support you with personal text coaching to prepare and optimize your profile. Duration. approx. 120 minutes.
2746                    <div class="tooltip-arrow" data-popper-arrow></div>
2747                </div>
2748            </span>
2749        </div>
2750        <div class="bg-white items-center item-popular">
2751                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2752    <mask id="path-1-inside-1_5335_1848" fill="white">
2753        <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z"/>
2754    </mask>
2755    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.39941 7.99995C2.39941 7.78778 2.4837 7.58429 2.63373 7.43427C2.78376 7.28424 2.98724 7.19995 3.19941 7.19995H12.7994C13.0116 7.19995 13.2151 7.28424 13.3651 7.43427C13.5151 7.58429 13.5994 7.78778 13.5994 7.99995C13.5994 8.21212 13.5151 8.41561 13.3651 8.56564C13.2151 8.71567 13.0116 8.79995 12.7994 8.79995H3.19941C2.98724 8.79995 2.78376 8.71567 2.63373 8.56564C2.4837 8.41561 2.39941 8.21212 2.39941 7.99995Z" fill="#111827"/>
2756    <path d="M2.39941 7.99995H0.399414H2.39941ZM4.39941 7.99995C4.39941 8.31821 4.27299 8.62344 4.04794 8.84848L1.21952 6.02005C0.694413 6.54515 0.399414 7.25734 0.399414 7.99995H4.39941ZM4.04794 8.84848C3.8229 9.07352 3.51767 9.19995 3.19941 9.19995V5.19995C2.45681 5.19995 1.74462 5.49495 1.21952 6.02005L4.04794 8.84848ZM3.19941 9.19995H12.7994V5.19995H3.19941V9.19995ZM12.7994 9.19995C12.4812 9.19995 12.1759 9.07352 11.9509 8.84848L14.7793 6.02005C14.2542 5.49495 13.542 5.19995 12.7994 5.19995V9.19995ZM11.9509 8.84848C11.7258 8.62343 11.5994 8.31821 11.5994 7.99995H15.5994C15.5994 7.25735 15.3044 6.54516 14.7793 6.02005L11.9509 8.84848ZM11.5994 7.99995C11.5994 7.68169 11.7258 7.37647 11.9509 7.15142L14.7793 9.97985C15.3044 9.45475 15.5994 8.74255 15.5994 7.99995H11.5994ZM11.9509 7.15142C12.1759 6.92638 12.4812 6.79995 12.7994 6.79995V10.8C13.542 10.8 14.2542 10.505 14.7793 9.97985L11.9509 7.15142ZM12.7994 6.79995H3.19941V10.8H12.7994V6.79995ZM3.19941 6.79995C3.51767 6.79995 3.8229 6.92638 4.04794 7.15142L1.21952 9.97985C1.74462 10.505 2.45681 10.8 3.19941 10.8V6.79995ZM4.04794 7.15142C4.27299 7.37647 4.39941 7.68169 4.39941 7.99995H0.399414C0.399414 8.74256 0.694413 9.45475 1.21952 9.97985L4.04794 7.15142Z" fill="#C6CCD6" mask="url(#path-1-inside-1_5335_1848)"/>
2757</svg>
2758                    </div>
2759    </div>
2760
2761
2762
2763
2764
2765
2766
2767
2768
2769
2770
2771
2772
2773
2774
2775
2776
2777
2778
2779
2780
2781
2782
2783</section>
2784                                                                    <div class="bg-white py-4 md:py-8 px-5 md:px-6 md:pr-6 relative flex justify-between flex-row md:flex-col">
2785                            <div>
2786                                <p class="text-base font-semibold relative md:absolute top-0 md:top-[-26px] rounded-default md:rounded-b-none md:rounded-t-default text-xxs md:text-base left-0 right-0 w-[fit-content] md:w-full text-center bg-emp-red-500 text-white px-2 py-0.5 md:p-1.5 hidden pop-inf mb-1 leading-12 md:leading-base">
2787    POPULAR
2788</p>
2789                                <h4 class="text-base md:text-xl font-bold mb-0 md:mb-2 text-l md:text-xl">
2790    Master
2791</h4>
2792                                <p class="text-base font-bold text-base md:!text-[36px] text-emp-red-500 leading-s md:leading-2xl" x-data="{
2793                                        monthlyPrice: &quot;227&quot;,
2794                                        price: &quot;189,17&quot;
2795
2796                                    }" x-text="(billingOption === 'monthly' ? monthlyPrice : price) + ' €'">
2797    
2798</p>
2799                                <p class="text-base font-medium !text-[13px] md:text-base mb-2 md:mb-5 text-emp-blue-700" x-text="billingOption === 'monthly'
2800                                    ? 'per month' + ', ' + 'equals 2.724,00 € per year' + '*'
2801                                    : 'per month' + ', ' + 'equals 2.270,00 € per year' + '*'">
2802    
2803</p>
2804                                                                                                    <p class="text-base font-bold !text-[13px] !md:text-base mb-0 md:mb-4 text-emp-red-500" x-show="billingOption === 'yearly'">
2805    Save
2806                                        <span>
2807    
2808                                            454
2809                                        </span>
2810                                        €
2811</p>
2812                                                                </div>
2813                            <div class="flex flex-col justify-between items-end md:items-center">
2814                                <form :action="billingOption === 'monthly'
2815                                      ? 'https://www.expert-marketplace.de/en/pricing?plan_info_id=12&amp;monthly_plan=1'
2816                                      : 'https://www.expert-marketplace.de/en/pricing?plan_info_id=12'"
2817                                      method="POST">
2818                                    <input type="hidden" name="_token" value="54wPC4kt7w8kdYO9nuBlh5znOgQt5aFJXywkWaFD" autocomplete="off">                                    <button type="submit" 
2819    class="bg-gradient-to-r from-emp-red-500 to-emp-red-600 hover:bg-none hover:bg-emp-red-700 text-s md:text-base px-3 whitespace-nowrap md:whitespace-normal md:px-4 py-0.5 md:py-2 items-center justify-center leading-base
2820 cursor-pointer text-white font-bold inline-flex rounded-full" id="submit-plan-6">
2821    Start now
2822</button>
2823                                </form>
2824                                <button type="button"  class="mb-1.5 md:hidden" @click="activePlan === 6 ? activePlan = null : activePlan = 6" :class="{'rotate-180 mb-0': activePlan === 6}">
2825    <svg  width="12" height="7" stroke-width="2"  viewBox="0 0 12 7" fill="none"
2826     xmlns="http://www.w3.org/2000/svg">
2827    <path d="M10.6666 1L5.99992 5.66667L1.33325 1"  stroke="#8D99AE"
2828          stroke-linecap="round" stroke-linejoin="round"/>
2829</svg>
2830</button>
2831                            </div>
2832                        </div>
2833                        <section class="price-content mt-0.5 relative" x-show="activePlan === 6" x-transition>
2834    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2835        <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2836    Expert Marketplace profile
2837</p>
2838        <div class="bg-white items-center item-popular">
2839                            <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2840    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2841    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2842</div>
2843                    </div>
2844    </div>
2845    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2846        <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2847    SEO optimized profile
2848</p>
2849        <div class="bg-white items-center item-popular">
2850                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2851    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2852    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2853</div>
2854                    </div>
2855    </div>
2856    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2857        <div class="flex items-center space-x-2">
2858            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2859    Booking dashboard
2860</p>
2861            <span
2862                  data-tooltip-target="tooltip-right_6"
2863                  data-tooltip-placement="right">
2864                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2865<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2866</svg>
2867                <div id="tooltip-right_6" role="tooltip"
2868                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-s font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2869                    All your requests, reservations and bookings at a glance, plan advertising campaigns*, visitor and booking statistics*, current trend topics* (*available soon)
2870                    <div class="tooltip-arrow" data-popper-arrow></div>
2871                </div>
2872            </span>
2873        </div>
2874        <div class="bg-white items-center item-popular">
2875                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2876    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2877    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2878</div>
2879                    </div>
2880    </div>
2881    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2882        <div class="flex items-center space-x-2">
2883            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2884    Chat, email &amp; phone support
2885</p>
2886            <span
2887                  data-tooltip-target="tooltip-right2_6"
2888                  data-tooltip-placement="right">
2889                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2890<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2891</svg>
2892                <div id="tooltip-right2_6" role="tooltip"
2893                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-s font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2894                    If you have any questions regarding your profile entry, our Expert Marketplace assistants are happy to help you from Monday - Friday from 9 am - 6 pm.
2895                    <div class="tooltip-arrow" data-popper-arrow></div>
2896                </div>
2897            </span>
2898        </div>
2899        <div class="bg-white items-center item-popular">
2900                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2901    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2902    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2903</div>
2904                    </div>
2905    </div>
2906    <h4 class="text-base md:text-xl font-semibold py-1.5 pl-4 bg-emp-blue-100 mb-1 text-emp-blue-800">
2907    PROFILE
2908</h4>
2909    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2910        <div class="flex items-center space-x-2">
2911            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2912    Vita
2913</p>
2914            <span
2915                  data-tooltip-target="tooltip-right3_6"
2916                  data-tooltip-placement="right">
2917                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2918<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2919</svg>
2920                <div id="tooltip-right3_6"
2921                     role="tooltip"
2922                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-s font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2923                    Introduce yourself with a brief biography of yourself and describe your skills, competencies &amp; experience.
2924                    <div class="tooltip-arrow" data-popper-arrow></div>
2925                </div>
2926            </span>
2927        </div>
2928        <div class="bg-white items-center item-popular">
2929                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2930    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2931    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2932</div>
2933                    </div>
2934    </div>
2935    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2936        <div class="flex items-center space-x-2">
2937            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2938    Topics
2939</p>
2940            <span
2941                  data-tooltip-target="tooltip-right4_6"
2942                  data-tooltip-placement="right">
2943                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2944<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2945</svg>
2946                <div id="tooltip-right4_6" role="tooltip"
2947                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2948                    List topics and presentation content you are presenting on
2949                    <div class="tooltip-arrow" data-popper-arrow></div>
2950                </div>
2951            </span>
2952        </div>
2953        <div class="bg-white items-center item-popular">
2954                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2955    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2956    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2957</div>
2958                    </div>
2959    </div>
2960    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2961        <div class="flex items-center space-x-2">
2962            <p class="text-l font-normal leading-s text-s text-emp-blue-800">
2963    References
2964</p>
2965            <span
2966                  data-tooltip-target="tooltip-right5_6"
2967                  data-tooltip-placement="right">
2968                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2969<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2970</svg>
2971                <div id="tooltip-right5_6" role="tooltip"
2972                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2973                    Present your company references, participant or press testimonials as well as awards and honors.
2974                    <div class="tooltip-arrow" data-popper-arrow></div>
2975                </div>
2976            </span>
2977        </div>
2978        <div class="bg-white items-center item-popular">
2979                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
2980    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
2981    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
2982</div>
2983                    </div>
2984    </div>
2985    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
2986        <div class="flex items-center space-x-2">
2987            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
2988    Expert Video Calls
2989</p>
2990            <span
2991                  data-tooltip-target="tooltip-right6_6"
2992                  data-tooltip-placement="right">
2993                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2994<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2995</svg>
2996                <div id="tooltip-right6_6" role="tooltip"
2997                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
2998                    Offer virtual training sessions via video call: Seamless video communication, appointment management, and automatic payment processing. Expand your reach and support customers flexibly from any location.
2999                    <div class="tooltip-arrow" data-popper-arrow></div>
3000                </div>
3001            </span>
3002        </div>
3003        <div class="bg-white items-center item-popular">
3004                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3005    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3006    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3007</div>
3008                    </div>
3009    </div>
3010    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
3011        <div class="flex items-center space-x-2">
3012            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
3013    ProvenExpert ratings
3014</p>
3015            <span
3016                  data-tooltip-target="tooltip-right7_6"
3017                  data-tooltip-placement="right">
3018                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3019<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3020</svg>
3021                <div id="tooltip-right7_6" role="tooltip"
3022                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3023                    The ideal solution for your review marketing for more trust, customers &amp; sales.
3024                    <div class="tooltip-arrow" data-popper-arrow></div>
3025                </div>
3026            </span>
3027        </div>
3028        <div class="bg-white items-center item-popular">
3029                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3030    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3031    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3032</div>
3033                    </div>
3034    </div>
3035    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
3036        <div class="flex items-center space-x-2">
3037            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
3038    Videos &amp; podcasts
3039</p>
3040            <span
3041                  data-tooltip-target="tooltip-right8_6"
3042                  data-tooltip-placement="right">
3043                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3044<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3045</svg>
3046                <div id="tooltip-right8_6" role="tooltip"
3047                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3048                    Embed YouTube or Vimeo videos into your profile and offer customers a preview of your live performances.
3049                    <div class="tooltip-arrow" data-popper-arrow></div>
3050                </div>
3051            </span>
3052        </div>
3053        <div class="bg-white items-center item-popular">
3054                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3055    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3056    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3057</div>
3058                    </div>
3059    </div>
3060    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
3061        <div class="flex items-center space-x-2">
3062            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
3063    Calendar integration
3064</p>
3065            <span
3066                  data-tooltip-target="tooltip-right9_6"
3067                  data-tooltip-placement="right">
3068                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3069<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3070</svg>
3071                <div id="tooltip-right9_6" role="tooltip"
3072                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3073                    Connect your Google or Outlook calendars to provide customers with even better information about your availability. 
3074                    <div class="tooltip-arrow" data-popper-arrow></div>
3075                </div>
3076            </span>
3077        </div>
3078        <div class="bg-white items-center item-popular">
3079                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3080    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3081    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3082</div>
3083                    </div>
3084    </div>
3085    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
3086        <div class="flex items-center space-x-2">
3087            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
3088    Live booking &amp; reservations
3089</p>
3090            <span
3091                  data-tooltip-target="tooltip-right15_6"
3092                  data-tooltip-placement="right">
3093                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3094<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3095</svg>
3096                <div id="tooltip-right15_6" role="tooltip"
3097                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3098                    Customers can book you or make a reservation directly online. They can also check your availability in the booking calendar.
3099                    <div class="tooltip-arrow" data-popper-arrow></div>
3100                </div>
3101            </span>
3102        </div>
3103        <div class="bg-white items-center item-popular">
3104                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3105    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3106    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3107</div>
3108                    </div>
3109    </div>
3110    <h4 class="text-base md:text-xl font-semibold py-1.5 pl-4 bg-emp-blue-100 mb-1 text-emp-blue-800">
3111    MARKETING &amp; SALES PROMOTION
3112</h4>
3113    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
3114        <div class="flex items-center space-x-2">
3115            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
3116    Textcoaching
3117</p>
3118            <span
3119                  data-tooltip-target="tooltip-right10_6"
3120                  data-tooltip-placement="right">
3121                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3122<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3123</svg>
3124                <div id="tooltip-right10_6" role="tooltip"
3125                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3126                    We support you with virtual text coaching to prepare your profile. Duration: approx. 60 minutes.
3127                    <div class="tooltip-arrow" data-popper-arrow></div>
3128                </div>
3129            </span>
3130        </div>
3131        <div class="bg-white items-center item-popular">
3132                            <div
3133                    class="text-center bg-white p-4 h-full flex items-center justify-center text-emp-red-500 font-medium">Personal coaching</div>
3134                    </div>
3135    </div>
3136    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
3137        <div class="flex items-center space-x-2">
3138            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
3139    Green Deal
3140</p>
3141            <span
3142                  data-tooltip-target="tooltip-right11_6"
3143                  data-tooltip-placement="right">
3144                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3145<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3146</svg>
3147                <div id="tooltip-right11_6" role="tooltip"
3148                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3149                    Clients benefit from a fee reduction and travel cost sharing when you are booked multiple times on the same day in the same city. Increases your booking probability and reduces CO2 emissions through saved travel. 
3150                    <div class="tooltip-arrow" data-popper-arrow></div>
3151                </div>
3152            </span>
3153        </div>
3154        <div class="bg-white items-center item-popular">
3155                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3156    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3157    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3158</div>
3159                    </div>
3160    </div>
3161    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
3162        <div class="flex items-center space-x-2">
3163            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
3164    Press
3165</p>
3166            <span
3167                  data-tooltip-target="tooltip-right12_6"
3168                  data-tooltip-placement="right">
3169                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3170<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3171</svg>
3172                <div id="tooltip-right12_6" role="tooltip"
3173                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3174                    Showcase your magazine and media mentions and articles.
3175                    <div class="tooltip-arrow" data-popper-arrow></div>
3176                </div>
3177            </span>
3178        </div>
3179        <div class="bg-white items-center item-popular">
3180                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3181    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3182    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3183</div>
3184                    </div>
3185    </div>
3186    <div class="flex justify-between items-center mb-0.5 py-2 px-5 bg-white">
3187        <div class="flex items-center space-x-2">
3188            <p class="text-base font-normal leading-s text-s text-emp-blue-800">
3189    Personal profile coaching and recorded interview
3190</p>
3191            <span
3192                  data-tooltip-target="tooltip-right13_6"
3193                  data-tooltip-placement="right">
3194                <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3195<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3196</svg>
3197                <div id="tooltip-right13_6" role="tooltip"
3198                     class="max-w-32 md:max-w-80 w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3199                    We support you with personal text coaching to prepare and optimize your profile. Duration. approx. 120 minutes.
3200                    <div class="tooltip-arrow" data-popper-arrow></div>
3201                </div>
3202            </span>
3203        </div>
3204        <div class="bg-white items-center item-popular">
3205                           <div class="md:p-0" class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3206    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3207    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3208</div>
3209                    </div>
3210    </div>
3211
3212
3213
3214
3215
3216
3217
3218
3219
3220
3221
3222
3223
3224
3225
3226
3227
3228
3229
3230
3231
3232
3233
3234</section>
3235                                    </div>
3236
3237
3238
3239
3240
3241
3242
3243
3244
3245
3246
3247
3248
3249
3250
3251
3252
3253
3254
3255
3256
3257
3258
3259
3260
3261
3262
3263
3264
3265
3266
3267
3268
3269
3270
3271
3272
3273
3274
3275
3276
3277
3278
3279
3280
3281
3282
3283
3284
3285
3286
3287
3288
3289
3290
3291
3292
3293
3294
3295
3296
3297
3298
3299
3300
3301
3302
3303
3304
3305
3306            </div>
3307            <section class="price-content hidden md:block">
3308                <div class="grid grid-cols-6 mb-1">
3309                    <div class="col-span-2 bg-white pr-5 pl-5 py-2.5 rounded-sn">
3310                        <p class="text-l font-normal text-emp-blue-800">
3311    Expert Marketplace profile
3312</p>
3313                    </div>
3314                    <div class="col-span-4 grid grid-cols-3 bg-white pl-4 items-center item-popular">
3315                                                                                    <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3316    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3317    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3318</div>
3319                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3320    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3321    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3322</div>
3323                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3324    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3325    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3326</div>
3327                                                                        </div>
3328                </div>
3329                <div class="grid grid-cols-6 mb-1">
3330                    <div class="col-span-2 bg-white pr-5 pl-5 py-2.5 rounded-sn">
3331                        <p class="text-l font-normal text-emp-blue-800">
3332    SEO optimized profile
3333</p>
3334                    </div>
3335                    <div class="col-span-4 grid grid-cols-3 bg-white pl-4 items-center item-popular">
3336                                                                                    <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3337    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3338    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3339</div>
3340                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3341    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3342    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3343</div>
3344                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3345    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3346    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3347</div>
3348                                                                        </div>
3349                </div>
3350                <div class="grid grid-cols-6 mb-1">
3351                    <div
3352                        class="col-span-2 bg-white px-5 py-2.5 pr-0 flex items-center space-x-2">
3353                        <p class="text-l font-normal text-emp-blue-800">
3354    Booking dashboard
3355</p>
3356                        <span data-tooltip-target="tooltip-right"
3357                              data-tooltip-placement="right">
3358                             <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3359<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3360</svg>
3361                            <div id="tooltip-right" role="tooltip"
3362                                 class="max-w-[320px] w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3363                                All your requests, reservations and bookings at a glance, plan advertising campaigns*, visitor and booking statistics*, current trend topics* (*available soon)
3364                                <div class="tooltip-arrow" data-popper-arrow></div>
3365                            </div>
3366                        </span>
3367                    </div>
3368                    <div class="col-span-4 grid grid-cols-3 bg-white pl-4 items-center item-popular">
3369                                                                                    <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3370    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3371    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3372</div>
3373                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3374    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3375    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3376</div>
3377                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3378    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3379    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3380</div>
3381                                                                        </div>
3382                </div>
3383                <div class="grid grid-cols-6 mb-1">
3384                    <div
3385                        class="col-span-2 bg-white px-5 py-2.5 pr-0 flex items-center space-x-2">
3386                        <p class="text-l font-normal text-emp-blue-800">
3387    Chat, email &amp; phone support
3388</p>
3389                        <span data-tooltip-target="tooltip-right2"
3390                              data-tooltip-placement="right">
3391                             <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3392<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3393</svg>
3394                            <div id="tooltip-right2" role="tooltip"
3395                                 class="max-w-[320px] w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3396                                If you have any questions regarding your profile entry, our Expert Marketplace assistants are happy to help you from Monday - Friday from 9 am - 6 pm.
3397                                <div class="tooltip-arrow" data-popper-arrow></div>
3398                            </div>
3399                        </span>
3400                    </div>
3401                    <div class="col-span-4 grid grid-cols-3 bg-white pl-4 items-center item-popular">
3402                                                                                    <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3403    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3404    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3405</div>
3406                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3407    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3408    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3409</div>
3410                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3411    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3412    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3413</div>
3414                                                                        </div>
3415                </div>
3416                <h4 class="text-base md:text-xl font-semibold py-1.5 pl-4 bg-emp-blue-100 mb-1 text-emp-blue-800">
3417    PROFILE
3418</h4>
3419                <div class="grid grid-cols-6 mb-1">
3420                    <div class="col-span-2 bg-white px-5 py-2.5 pr-0 flex items-center space-x-2">
3421                        <p class="text-l font-normal text-emp-blue-800">
3422    Vita
3423</p>
3424                        <span data-tooltip-target="tooltip-right3"
3425                              data-tooltip-placement="right">
3426                             <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3427<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3428</svg>
3429                            <div id="tooltip-right3" role="tooltip"
3430                                 class="max-w-[320px] w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3431                                Introduce yourself with a brief biography of yourself and describe your skills, competencies &amp; experience.
3432                                <div class="tooltip-arrow" data-popper-arrow></div>
3433                            </div>
3434                        </span>
3435                    </div>
3436                    <div class="col-span-4 grid grid-cols-3 bg-white pl-4 items-center item-popular">
3437                                                                                    <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3438    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3439    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3440</div>
3441                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3442    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3443    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3444</div>
3445                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3446    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3447    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3448</div>
3449                                                                        </div>
3450                </div>
3451                <div class="grid grid-cols-6 mb-1">
3452                    <div class="col-span-2 bg-white px-5 py-2.5 pr-0 flex items-center space-x-2">
3453                        <p class="text-l font-normal text-emp-blue-800">
3454    Topics
3455</p>
3456                        <span data-tooltip-target="tooltip-right4"
3457                              data-tooltip-placement="right">
3458                             <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3459<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3460</svg>
3461                            <div id="tooltip-right4" role="tooltip"
3462                                 class="max-w-[320px] w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3463                                List topics and presentation content you are presenting on
3464                                <div class="tooltip-arrow" data-popper-arrow></div>
3465                            </div>
3466                        </span>
3467                    </div>
3468                    <div class="col-span-4 grid grid-cols-3 bg-white pl-4 items-center item-popular">
3469                                                                                    <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3470    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3471    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3472</div>
3473                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3474    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3475    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3476</div>
3477                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3478    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3479    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3480</div>
3481                                                                        </div>
3482                </div>
3483                <div class="grid grid-cols-6 mb-1">
3484                    <div class="col-span-2 bg-white px-5 py-2.5 pr-0 flex items-center space-x-2">
3485                        <p class="text-l font-normal text-emp-blue-800">
3486    References
3487</p>
3488                        <span data-tooltip-target="tooltip-right5"
3489                              data-tooltip-placement="right">
3490                             <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3491<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3492</svg>
3493                            <div id="tooltip-right5" role="tooltip"
3494                                 class="max-w-[320px] w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3495                                Present your company references, participant or press testimonials as well as awards and honors.
3496                                <div class="tooltip-arrow" data-popper-arrow></div>
3497                            </div>
3498                        </span>
3499                    </div>
3500                    <div class="col-span-4 grid grid-cols-3 bg-white pl-4 items-center item-popular">
3501                                                                                    <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3502    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3503    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3504</div>
3505                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3506    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3507    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3508</div>
3509                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3510    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3511    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3512</div>
3513                                                                        </div>
3514                </div>
3515                <div class="grid grid-cols-6 mb-1">
3516                    <div class="col-span-2 bg-white px-5 py-2.5 pr-0 flex items-center space-x-2">
3517                        <p class="text-l font-normal text-emp-blue-800">
3518    Expert Video Calls
3519</p>
3520                        <span data-tooltip-target="tooltip-right6"
3521                              data-tooltip-placement="right">
3522                             <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3523<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3524</svg>
3525                            <div id="tooltip-right6" role="tooltip"
3526                                 class="max-w-[320px] w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3527                                Offer virtual training sessions via video call: Seamless video communication, appointment management, and automatic payment processing. Expand your reach and support customers flexibly from any location.
3528                                <div class="tooltip-arrow" data-popper-arrow></div>
3529                            </div>
3530                        </span>
3531                    </div>
3532                    <div class="col-span-4 grid grid-cols-3 bg-white pl-4 items-center item-popular">
3533                                                                                    <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3534    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3535    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3536</div>
3537                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3538    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3539    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3540</div>
3541                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3542    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3543    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3544</div>
3545                                                                        </div>
3546                </div>
3547                <div class="grid grid-cols-6 mb-1">
3548                    <div class="col-span-2 bg-white px-5 py-2.5 pr-0 flex items-center space-x-2">
3549                        <p class="text-l font-normal text-emp-blue-800">
3550    ProvenExpert ratings
3551</p>
3552                        <span data-tooltip-target="tooltip-right7"
3553                              data-tooltip-placement="right">
3554                             <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3555<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3556</svg>
3557                            <div id="tooltip-right7" role="tooltip"
3558                                 class="max-w-[320px] w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3559                                The ideal solution for your review marketing for more trust, customers &amp; sales.
3560                                <div class="tooltip-arrow" data-popper-arrow></div>
3561                            </div>
3562                        </span>
3563                    </div>
3564                    <div class="col-span-4 grid grid-cols-3 bg-white pl-4 items-center item-popular">
3565                                                                                    <div class="text-center bg-white p-4 h-full flex items-center"></div>
3566                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3567    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3568    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3569</div>
3570                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3571    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3572    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3573</div>
3574                                                                        </div>
3575                </div>
3576                <div class="grid grid-cols-6 mb-1">
3577                    <div class="col-span-2 bg-white px-5 py-2.5 pr-0 flex items-center space-x-2">
3578                        <p class="text-l font-normal text-emp-blue-800">
3579    Videos &amp; podcasts
3580</p>
3581                        <span data-tooltip-target="tooltip-right8"
3582                              data-tooltip-placement="right">
3583                             <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3584<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3585</svg>
3586                            <div id="tooltip-right8" role="tooltip"
3587                                 class="max-w-[320px] w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3588                                Embed YouTube or Vimeo videos into your profile and offer customers a preview of your live performances.
3589                                <div class="tooltip-arrow" data-popper-arrow></div>
3590                            </div>
3591                        </span>
3592                    </div>
3593                    <div class="col-span-4 grid grid-cols-3 bg-white pl-4 items-center item-popular">
3594                                                                                    <div class="text-center bg-white p-4 h-full flex items-center"></div>
3595                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3596    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3597    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3598</div>
3599                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3600    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3601    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3602</div>
3603                                                                        </div>
3604                </div>
3605                <div class="grid grid-cols-6 mb-1">
3606                    <div class="col-span-2 bg-white px-5 py-2.5 pr-0 flex items-center space-x-2">
3607                        <p class="text-l font-normal text-emp-blue-800">
3608    Calendar integration
3609</p>
3610                        <span data-tooltip-target="tooltip-right9"
3611                              data-tooltip-placement="right">
3612                             <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3613<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3614</svg>
3615                            <div id="tooltip-right9" role="tooltip"
3616                                 class="max-w-[320px] w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3617                                Connect your Google or Outlook calendars to provide customers with even better information about your availability. 
3618                                <div class="tooltip-arrow" data-popper-arrow></div>
3619                            </div>
3620                        </span>
3621                    </div>
3622                    <div class="col-span-4 grid grid-cols-3 bg-white pl-4 items-center item-popular">
3623                                                                                    <div class="text-center bg-white p-4 h-full flex items-center"></div>
3624                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3625    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3626    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3627</div>
3628                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3629    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3630    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3631</div>
3632                                                                        </div>
3633                </div>
3634                <div class="grid grid-cols-6 mb-1">
3635                    <div class="col-span-2 bg-white px-5 py-2.5 pr-0 flex items-center space-x-2">
3636                        <p class="text-l font-normal text-emp-blue-800">
3637    Live booking &amp; reservations
3638</p>
3639                        <span data-tooltip-target="tooltip-right15"
3640                              data-tooltip-placement="right">
3641                             <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3642<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3643</svg>
3644                            <div id="tooltip-right15" role="tooltip"
3645                                 class="max-w-[320px] w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3646                                Customers can book you or make a reservation directly online. They can also check your availability in the booking calendar.
3647                                <div class="tooltip-arrow" data-popper-arrow></div>
3648                            </div>
3649                        </span>
3650                    </div>
3651                    <div class="col-span-4 grid grid-cols-3 bg-white pl-4 items-center item-popular">
3652                                                                                    <div class="text-center bg-white p-4 h-full flex items-center"></div>
3653                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3654    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3655    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3656</div>
3657                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3658    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3659    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3660</div>
3661                                                                        </div>
3662                </div>
3663                <h4 class="text-base md:text-xl font-semibold py-1.5 pl-4 bg-emp-blue-100 mb-1 text-emp-blue-800">
3664    MARKETING &amp; SALES PROMOTION
3665</h4>
3666                <div class="grid grid-cols-6 mb-1">
3667                    <div class="col-span-2 bg-white px-5 py-2.5 pr-0 flex items-center space-x-2">
3668                        <p class="text-l font-normal text-emp-blue-800">
3669    Textcoaching
3670</p>
3671                        <span data-tooltip-target="tooltip-right10"
3672                              data-tooltip-placement="right">
3673                             <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3674<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3675</svg>
3676                            <div id="tooltip-right10" role="tooltip"
3677                                 class="max-w-[320px] w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3678                                We support you with virtual text coaching to prepare your profile. Duration: approx. 60 minutes.
3679                                <div class="tooltip-arrow" data-popper-arrow></div>
3680                            </div>
3681                        </span>
3682                    </div>
3683                    <div class="col-span-4 grid grid-cols-3 bg-white pl-4 items-center item-popular">
3684                                                                                    <div class="text-center bg-white p-4 h-full flex items-center"></div>
3685                                                                                                                <div class="text-center bg-white p-4 h-full flex items-center justify-center text-emp-red-500 font-medium">Virtual Group Coaching</div>
3686                                                                                                                <div class="text-center bg-white p-4 h-full flex items-center justify-center text-emp-red-500 font-medium">Personal coaching</div>
3687                                                                        </div>
3688                </div>
3689                <div class="grid grid-cols-6 mb-1">
3690                    <div class="col-span-2 bg-white px-5 py-2.5 pr-0 flex items-center space-x-2">
3691                        <p class="text-l font-normal text-emp-blue-800">
3692    Green Deal
3693</p>
3694                        <span data-tooltip-target="tooltip-right11"
3695                              data-tooltip-placement="right">
3696                             <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3697<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3698</svg>
3699                            <div id="tooltip-right11" role="tooltip"
3700                                 class="max-w-[320px] w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3701                                Clients benefit from a fee reduction and travel cost sharing when you are booked multiple times on the same day in the same city. Increases your booking probability and reduces CO2 emissions through saved travel. 
3702                                <div class="tooltip-arrow" data-popper-arrow></div>
3703                            </div>
3704                        </span>
3705                    </div>
3706                    <div class="col-span-4 grid grid-cols-3 bg-white pl-4 items-center item-popular">
3707                                                                                    <div class="text-center bg-white p-4 h-full flex items-center"></div>
3708                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3709    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3710    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3711</div>
3712                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3713    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3714    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3715</div>
3716                                                                        </div>
3717                </div>
3718                <div class="grid grid-cols-6 mb-1">
3719                    <div class="col-span-2 bg-white px-5 py-2.5 pr-0 flex items-center space-x-2">
3720                        <p class="text-l font-normal text-emp-blue-800">
3721    Press
3722</p>
3723                        <span data-tooltip-target="tooltip-right12"
3724                              data-tooltip-placement="right">
3725                             <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3726<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3727</svg>
3728                            <div id="tooltip-right12" role="tooltip"
3729                                 class="max-w-[320px] w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3730                                Showcase your magazine and media mentions and articles.
3731                                <div class="tooltip-arrow" data-popper-arrow></div>
3732                            </div>
3733                        </span>
3734                    </div>
3735                    <div class="col-span-4 grid grid-cols-3 bg-white pl-4 items-center item-popular">
3736                                                                                    <div class="text-center bg-white p-4 h-full flex items-center"></div>
3737                                                                                                                <div class="text-center bg-white p-4 h-full flex items-center"></div>
3738                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3739    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3740    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3741</div>
3742                                                                        </div>
3743                </div>
3744                <div class="grid grid-cols-6 mb-1">
3745                    <div class="col-span-2 bg-white px-5 py-2.5 pr-0 flex items-center space-x-2">
3746                        <p class="text-l font-normal text-emp-blue-800">
3747    Personal profile coaching and recorded interview
3748</p>
3749                        <span data-tooltip-target="tooltip-right13"
3750                              data-tooltip-placement="right">
3751                             <svg  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3752<path d="M10.8333 13.3333H10V10H9.16667M10 6.66667H10.0083M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" stroke="#8D99AE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3753</svg>
3754                            <div id="tooltip-right13" role="tooltip"
3755                                 class="max-w-[320px] w-full inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip">
3756                                We support you with personal text coaching to prepare and optimize your profile. Duration. approx. 120 minutes.
3757                                <div class="tooltip-arrow" data-popper-arrow></div>
3758                            </div>
3759                        </span>
3760                    </div>
3761                    <div class="col-span-4 grid grid-cols-3 bg-white pl-4 items-center item-popular">
3762                                                                                    <div class="text-center bg-white p-4 h-full flex items-center"></div>
3763                                                                                                                <div class="text-center bg-white p-4 h-full flex items-center"></div>
3764                                                                                                                <div  class="text-center bg-white p-0 md:p-4 h-full flex items-center">
3765    <img src="https://www.expert-marketplace.de/images/checkmark.svg" alt="" width="20" height="20" class="hidden md:block m-auto">
3766    <img src="https://www.expert-marketplace.de/images/checkmark_small.svg" alt="" width="20" height="20" class="m-auto md:hidden">
3767</div>
3768                                                                        </div>
3769                </div>
3770
3771
3772
3773
3774
3775
3776
3777
3778
3779
3780
3781
3782
3783
3784
3785
3786
3787
3788
3789
3790
3791
3792
3793
3794                <p class="text-s font-normal text-emp-blue-500 pt-1 pb-4 text-right">
3795    Prices excl. VAT
3796</p>
3797            </section>
3798
3799
3800
3801
3802
3803
3804
3805
3806
3807
3808
3809
3810
3811
3812
3813
3814
3815
3816
3817            <div x-show="tab === 1" class="hidden md:grid grid-cols-6 mb-5 pt-2">
3818                <div class="col-span-2 pr-4"></div>
3819                <div class="col-span-4 grid grid-cols-3 pl-4">
3820                                                                    <div class="py-5 px-4 relative text-center">
3821                            <p class="text-base font-normal relative md:absolute top-0 md:top-[-26px] text-xxs md:text-base left-0 right-0 w-full text-center bg-emp-red-500 text-white p-1.5 hidden pop-inf">
3822    POPULAR
3823</p>
3824                            <h4 class="text-base md:text-xl font-bold mb-2">
3825    Business
3826</h4>
3827                            <p class="text-[18px] font-normal leading-[20px] tracking-[-0.02em] text-emp-blue-500 mb-5" x-data="{
3828                                        monthlyPrice: &quot;97&quot;,
3829                                        price: &quot;80,83&quot;,
3830                                        monthText: 'month'
3831                                    }" x-text="(billingOption === 'monthly' ? monthlyPrice : price) + ' € /' + monthText" font="lato">
3832    
3833</p>
3834                            <div class="flex flex-col justify-between items-end md:items-center">
3835                                <form :action="billingOption === 'monthly'
3836                                      ? 'https://www.expert-marketplace.de/en/pricing?plan_info_id=20&amp;monthly_plan=1'
3837                                      : 'https://www.expert-marketplace.de/en/pricing?plan_info_id=20'"
3838                                      method="POST">
3839                                    <input type="hidden" name="_token" value="54wPC4kt7w8kdYO9nuBlh5znOgQt5aFJXywkWaFD" autocomplete="off">                                    <button type="submit" 
3840    class="bg-gradient-to-r from-emp-red-500 to-emp-red-600 hover:bg-none hover:bg-emp-red-700 text-s md:text-base px-3 whitespace-nowrap md:whitespace-normal md:px-4 py-0.5 md:py-2 items-center justify-center leading-base
3841 cursor-pointer text-white font-bold inline-flex rounded-full">
3842    Start now
3843</button>
3844                                </form>
3845                                <button type="button"  >
3846    <svg class="md:hidden mb-1.5" width="12" height="7" stroke-width="2"  viewBox="0 0 12 7" fill="none"
3847     xmlns="http://www.w3.org/2000/svg">
3848    <path d="M10.6666 1L5.99992 5.66667L1.33325 1"  stroke="#8D99AE"
3849          stroke-linecap="round" stroke-linejoin="round"/>
3850</svg>
3851</button>
3852                            </div>
3853                        </div>
3854                                                                    <div class="py-5 px-4 relative text-center">
3855                            <p class="text-base font-normal relative md:absolute top-0 md:top-[-26px] text-xxs md:text-base left-0 right-0 w-full text-center bg-emp-red-500 text-white p-1.5 hidden pop-inf">
3856    POPULAR
3857</p>
3858                            <h4 class="text-base md:text-xl font-bold mb-2">
3859    Premium
3860</h4>
3861                            <p class="text-[18px] font-normal leading-[20px] tracking-[-0.02em] text-emp-blue-500 mb-5" x-data="{
3862                                        monthlyPrice: &quot;147&quot;,
3863                                        price: &quot;122,50&quot;,
3864                                        monthText: 'month'
3865                                    }" x-text="(billingOption === 'monthly' ? monthlyPrice : price) + ' € /' + monthText" font="lato">
3866    
3867</p>
3868                            <div class="flex flex-col justify-between items-end md:items-center">
3869                                <form :action="billingOption === 'monthly'
3870                                      ? 'https://www.expert-marketplace.de/en/pricing?plan_info_id=16&amp;monthly_plan=1'
3871                                      : 'https://www.expert-marketplace.de/en/pricing?plan_info_id=16'"
3872                                      method="POST">
3873                                    <input type="hidden" name="_token" value="54wPC4kt7w8kdYO9nuBlh5znOgQt5aFJXywkWaFD" autocomplete="off">                                    <button type="submit" 
3874    class="bg-gradient-to-r from-emp-red-500 to-emp-red-600 hover:bg-none hover:bg-emp-red-700 text-s md:text-base px-3 whitespace-nowrap md:whitespace-normal md:px-4 py-0.5 md:py-2 items-center justify-center leading-base
3875 cursor-pointer text-white font-bold inline-flex rounded-full">
3876    Start now
3877</button>
3878                                </form>
3879                                <button type="button"  >
3880    <svg class="md:hidden mb-1.5" width="12" height="7" stroke-width="2"  viewBox="0 0 12 7" fill="none"
3881     xmlns="http://www.w3.org/2000/svg">
3882    <path d="M10.6666 1L5.99992 5.66667L1.33325 1"  stroke="#8D99AE"
3883          stroke-linecap="round" stroke-linejoin="round"/>
3884</svg>
3885</button>
3886                            </div>
3887                        </div>
3888                                                                    <div class="py-5 px-4 relative text-center">
3889                            <p class="text-base font-normal relative md:absolute top-0 md:top-[-26px] text-xxs md:text-base left-0 right-0 w-full text-center bg-emp-red-500 text-white p-1.5 hidden pop-inf">
3890    POPULAR
3891</p>
3892                            <h4 class="text-base md:text-xl font-bold mb-2">
3893    Master
3894</h4>
3895                            <p class="text-[18px] font-normal leading-[20px] tracking-[-0.02em] text-emp-blue-500 mb-5" x-data="{
3896                                        monthlyPrice: &quot;227&quot;,
3897                                        price: &quot;189,17&quot;,
3898                                        monthText: 'month'
3899                                    }" x-text="(billingOption === 'monthly' ? monthlyPrice : price) + ' € /' + monthText" font="lato">
3900    
3901</p>
3902                            <div class="flex flex-col justify-between items-end md:items-center">
3903                                <form :action="billingOption === 'monthly'
3904                                      ? 'https://www.expert-marketplace.de/en/pricing?plan_info_id=12&amp;monthly_plan=1'
3905                                      : 'https://www.expert-marketplace.de/en/pricing?plan_info_id=12'"
3906                                      method="POST">
3907                                    <input type="hidden" name="_token" value="54wPC4kt7w8kdYO9nuBlh5znOgQt5aFJXywkWaFD" autocomplete="off">                                    <button type="submit" 
3908    class="bg-gradient-to-r from-emp-red-500 to-emp-red-600 hover:bg-none hover:bg-emp-red-700 text-s md:text-base px-3 whitespace-nowrap md:whitespace-normal md:px-4 py-0.5 md:py-2 items-center justify-center leading-base
3909 cursor-pointer text-white font-bold inline-flex rounded-full">
3910    Start now
3911</button>
3912                                </form>
3913                                <button type="button"  >
3914    <svg class="md:hidden mb-1.5" width="12" height="7" stroke-width="2"  viewBox="0 0 12 7" fill="none"
3915     xmlns="http://www.w3.org/2000/svg">
3916    <path d="M10.6666 1L5.99992 5.66667L1.33325 1"  stroke="#8D99AE"
3917          stroke-linecap="round" stroke-linejoin="round"/>
3918</svg>
3919</button>
3920                            </div>
3921                        </div>
3922                                    </div>
3923            </div>
3924
3925
3926
3927
3928
3929
3930
3931
3932
3933
3934
3935
3936
3937
3938
3939
3940
3941
3942
3943
3944
3945
3946
3947
3948
3949
3950
3951
3952
3953
3954
3955
3956
3957
3958
3959
3960
3961
3962
3963
3964
3965
3966        </div>
3967    </section>
3968<footer class="bg-emp-blue-900 text-white">
3969    <div class="mx-auto max-w-7xl px-5 pb-5 pt-10 lg:px-8">
3970        <div class="xl:grid xl:grid-cols-3 xl:gap-8">
3971            <div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4 xl:gap-8 xl:col-span-2">
3972                                    <div class="pr-4 pb-5 md:pb-0">
3973                    <p class="text-sn mb-5 leading-xl"><b>Expert Marketplace</b></p>
3974                                            <ul class="text-sn tracking-[-.015em] text-emp-blue-300 font-medium space-y-4">
3975                                                                                            <li>
3976                                    <a href="/en/green-deal" target="_self"
3977                                        class="hover:text-emp-blue-100">
3978                                        Green Deal
3979                                    </a>
3980                                </li>
3981                                                                                            <li>
3982                                    <a href="/en/honorare" target="_self"
3983                                        class="hover:text-emp-blue-100">
3984                                        Fees &amp; Charges
3985                                    </a>
3986                                </li>
3987                                                                                            <li>
3988                                    <a href="/en/white-label" target="_self"
3989                                        class="hover:text-emp-blue-100">
3990                                        White Label Solutions
3991                                    </a>
3992                                </li>
3993                                                                                            <li>
3994                                    <a href="/en/expert-marketplace-book-speakers-trainers-entertainers" target="_self"
3995                                        class="hover:text-emp-blue-100">
3996                                        Book speaker &amp; experts in realtime
3997                                    </a>
3998                                </li>
3999                                                    </ul>
4000                                    </div>
4001                                                <div class="pr-4 pb-5 md:pb-0">
4002                    <p class="text-sn mb-5 leading-xl"><b>For Experts</b></p>
4003                                            <ul class="text-sn tracking-[-.015em] text-emp-blue-300 font-medium space-y-4">
4004                                                                                            <li>
4005                                    <a href="/en/experten" target="_self"
4006                                        class="hover:text-emp-blue-100">
4007                                        Expert Features &amp; Benefits
4008                                    </a>
4009                                </li>
4010                                                                                            <li>
4011                                    <a href="https://www.expert-marketplace.de/en/pricing" target="_self"
4012                                        class="hover:text-emp-blue-100">
4013                                        Sign up as Expert
4014                                    </a>
4015                                </li>
4016                                                                                            <li>
4017                                    <a href="/en/faqs-fuer-experten" target="_self"
4018                                        class="hover:text-emp-blue-100">
4019                                        FAQ
4020                                    </a>
4021                                </li>
4022                                                    </ul>
4023                                    </div>
4024                                                <div class="pr-4 pb-5 md:pb-0">
4025                    <p class="text-sn mb-5 leading-xl"><b>Help &amp; Support</b></p>
4026                                            <ul class="text-sn tracking-[-.015em] text-emp-blue-300 font-medium space-y-4">
4027                                                                                            <li>
4028                                    <a href="/en/faq" target="_self"
4029                                        class="hover:text-emp-blue-100">
4030                                        Frequent Questions
4031                                    </a>
4032                                </li>
4033                                                                                            <li>
4034                                    <a href="/en/support" target="_self"
4035                                        class="hover:text-emp-blue-100">
4036                                        Support
4037                                    </a>
4038                                </li>
4039                                                                                            <li>
4040                                    <a href="/en/widerruf" target="_self"
4041                                        class="hover:text-emp-blue-100">
4042                                        Withdrawal Policy
4043                                    </a>
4044                                </li>
4045                                                    </ul>
4046                                    </div>
4047                                                <div class="pr-4 pb-5 md:pb-0">
4048                    <p class="text-sn mb-5 leading-xl"><b>About Us</b></p>
4049                                            <ul class="text-sn tracking-[-.015em] text-emp-blue-300 font-medium space-y-4">
4050                                                                                            <li>
4051                                    <a href="https://www.speakers-excellence.de/" target="_blank"
4052                                        class="hover:text-emp-blue-100">
4053                                        News
4054                                    </a>
4055                                </li>
4056                                                    </ul>
4057                                    </div>
4058                        </div>
4059            <div class="flex flex-col justify-start xl:justify-end mt-[92px] xl:mt-0">
4060                <a href="tel:080077119911" class="flex justify-start xl:justify-end items-center mb-4 xl:mb-12">
4061                    <img src="https://www.expert-marketplace.de/images/phone-icon.svg" alt="phone-icon" width="26" height="26">
4062                    <span class="text-2xl ml-2 font-semibold">0800 7711 9911</span>
4063                </a>
4064                <div class="mb-3 flex justify-start xl:justify-end">
4065                                            <button type="button" class="text-sn mb-5 leading-[31px] font-medium inline-flex items-center"
4066                                data-dropdown-toggle="dropdown2">
4067                            <img src="https://www.expert-marketplace.de/images/flags/4x3/en.svg" alt="De" class="mr-2" width="24" height="24" loading="lazy">English
4068                            <svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="14" height="6" viewBox="0 0 14 6"
4069     fill="CurrentColor">
4070    <path d="M7 5.5L13.0622 0.25H0.937822L7 5.5Z" fill="CurrentColor"/>
4071</svg>
4072                        </button>
4073                        <div id="dropdown2" class="hidden shadow-lg bg-white text-emp-blue-900 py-1 px-4">
4074                                                                                                                                        <a href="https://www.expert-marketplace.de/de/pricing"
4075                                           rel="alternate"
4076                                           hreflang="de" class="text-sn leading-[31px] font-medium inline-flex items-center cursor-pointer">
4077                                            <img src="https://www.expert-marketplace.de/images/flags/4x3/de.svg" alt="England" class="mr-2" width="24" height="24" loading="lazy">German
4078                                        </a>
4079                                                                                                                                                                                    </div>
4080                                    </div>
4081                <div class="flex justify-start items-center flex-wrap xl:justify-end xl:w-full space-x-1.5 space-y-1.5">
4082                    
4083                                            <img src="https://www.expert-marketplace.de/images/Visa.png" class="mt-1.5" alt="Visa" width="47" height="33" loading="lazy">
4084                                            <img src="https://www.expert-marketplace.de/images/Mastercard.png" class="mt-1.5" alt="Mastercard" width="47" height="33" loading="lazy">
4085                                            <img src="https://www.expert-marketplace.de/images/GooglePay.png" class="mt-1.5" alt="GooglePay" width="47" height="33" loading="lazy">
4086                                            <img src="https://www.expert-marketplace.de/images/PayPal.png" class="mt-1.5" alt="PayPal" width="47" height="33" loading="lazy">
4087                                    </div>
4088            </div>
4089        </div>
4090
4091        <div class="border-t border-white/10 pt-5 mt-10">
4092            <div class="flex flex-col md:flex-row md:items-center md:justify-between space-y-4 md:space-y-0">
4093                <div class="flex flex-col md:flex-row md:items-center md:space-x-4 space-y-4 md:space-y-0">
4094                    <p class="text-sn tracking-[-.015em] text-emp-blue-300 leading-xl">
4095                        Expert Marketplace by Speakers Excellence
4096                    </p>
4097                    <div class="flex justify-start md:justify-center">
4098                        <a href="https://www.facebook.com/Expert-Marketplace-248320835869923/" rel="noreferrer" target="_blank" title="facebook" aria-label="facebook" class="mx-2">
4099                            <img src="https://www.expert-marketplace.de/images/foot-facebook.svg" alt="facebook" loading="lazy" width="27" height="27">
4100                        </a>
4101                        <a href="https://www.linkedin.com/company/speakers-excellence-deutschland-holding-gmbh/" rel="noreferrer" target="_blank" title="linkedin" aria-label="linkedin" class="mx-2">
4102                            <img src="https://www.expert-marketplace.de/images/foot-linkdin.svg" alt="linkedin" loading="lazy" width="27" height="27">
4103                        </a>
4104                        <a href="https://www.xing.com/companies/speakersexcellencedeutschlandholdinggmbh" rel="noreferrer" target="_blank" title="xing" aria-label="xing" class="mx-2">
4105                            <img src="https://www.expert-marketplace.de/images/foot-xing.svg" alt="xing" loading="lazy" width="22" height="27">
4106                        </a>
4107                    </div>
4108                </div>
4109                <ul class="text-sn tracking-[-.015em] text-emp-blue-300 leading-xl flex flex-wrap justify-start md:justify-end">
4110                                                    <li>
4111                    <a href="/en/legal" target="_self" class="hover:text-emp-blue-100">
4112                        Legal
4113                                                    <span class="mx-2">|</span>
4114                                            </a>
4115                </li>
4116                                                                <li>
4117                    <a href="/en/privacy" target="_self" class="hover:text-emp-blue-100">
4118                        Privacy
4119                                                    <span class="mx-2">|</span>
4120                                            </a>
4121                </li>
4122                                                                <li>
4123                    <a href="/en/tos" target="_self" class="hover:text-emp-blue-100">
4124                        Terms of Service
4125                                                    <span class="mx-2">|</span>
4126                                            </a>
4127                </li>
4128                                                                <li>
4129                    <a href="/en/accessibility" target="_self" class="hover:text-emp-blue-100">
4130                        Accessibility
4131                                            </a>
4132                </li>
4133                        </ul>
4134            </div>
4135        </div>
4136    </div>
4137    </footer>
4138<script data-cookieconsent="ignore">
4139    const $datepickerTranslation = {
4140        monthNames: ["January", "February", "March", "April",
4141            "May", "June", "July", "August", "September",
4142            "October", "November", "December"],
4143        monthNamesShort: [ "Jan", "Feb", "Mar", "Apr",
4144            "May", "Jun", "Jul", "Aug", "Sep",
4145            "Oct", "Nov", "Dec" ],
4146        dayNames: [ "Sunday", "Monday", "Tuesday", "Wednesday",
4147            "Thursday", "Friday", "Saturday" ],
4148        dayNamesShort: [ "Sun", "Mo", "Tue", "Wed",
4149            "Thu", "Fri", "Sat" ],
4150        dayNamesMin: [ "Sun", "Mon", "Tu", "We",
4151            "Th", "Fri", "Sat" ],
4152        prevText: "Prev",
4153        nextText: "Next",
4154        currentText: "Today",
4155        closeText: "Done"
4156    }
4157
4158    function chatOpen() {
4159        return {
4160            openChat: false,
4161            modalOpen: false,
4162            observer: null,
4163            init() {
4164                setTimeout(() => {
4165                    this.openChat = false;
4166
4167                                    }, 1000);
4168
4169                this.$watch('openChat', value => {
4170                    this.toggleUserlike(value);
4171                });
4172
4173                this.observeUserlikeWidget();
4174            },
4175
4176            toggleUserlike(value) {
4177                let userlikeWidget = document.querySelector('[data-test-id="userlike-container"]');
4178                if (userlikeWidget) {
4179                    userlikeWidget.style.display = value ? 'none' : 'block';
4180                }
4181            },
4182
4183            observeUserlikeWidget() {
4184                this.observer = new MutationObserver(() => {
4185                    this.toggleUserlike(this.openChat);
4186                });
4187
4188                this.observer.observe(document.body, { childList: true, subtree: true });
4189            }
4190        };
4191    }
4192</script>
vendor: 1 bytes, line 4192
4192
4193<script async
4194        src="//userlike-cdn-widgets.s3-eu-west-1.amazonaws.com/b3fb7ab11c8b2ff2477582b6ba8a9650af8f01442bcfdb27d120f54df9f8af7d.js"></script>
vendor: 1 bytes, line 4194
4194
4195<script data-cookieconsent="ignore">
4196    function initPricing() {
4197        return {
4198            open: true,
4199            tab: 1,
4200            activePlan: null,
4201            billingOption: 'yearly',
4202            
4203            yearMonthlyText: 'Initial contract term 1 year, renews yearly. 14-day notice period prior to end of term. Billed monthly.',
4204            yearYearlyText: 'Initial contract term 1 year, renews yearly. 90-day notice period prior to end of term. Billed yearly.',
4205            
4206            
4207            toggleContent() {
4208                if (window.innerWidth < 768) {
4209                    this.open = !this.open;
4210                }
4211            },
4212            updateText() {
4213                switch (this.tab) {
4214                    // case 0:
4215                    //     this.$el.textContent = this.monthlyText;
4216                    //     break;
4217                    case 1:
4218                        this.$el.textContent = this.billingOption === 'monthly' ? this.yearMonthlyText : this.yearYearlyText;
4219                        break;
4220                    // case 2:
4221                    //     this.$el.textContent = this.threeYearsText;
4222                    //     break;
4223                    // case 3:
4224                    //     this.$el.textContent = this.fiveYearsText;
4225                    //     break;
4226                    default:
4227                        this.$el.textContent = '';
4228                }
4229            },
4230            init() {
4231
4232            }
4233        }
4234    }
4235</script>
vendor: 1 bytes, line 4235
4235
4236<script data-cookieconsent="ignore" src="/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script>
4236<script data-cookieconsent="ignore" data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = '54wPC4kt7w8kdYO9nuBlh5znOgQt5aFJXywkWaFD';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script>
4236
4237</body>
4238</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.