1 <!doctype html> 2 <html lang="de"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link rel='stylesheet' href='https://www.activecitysummer.de/wp-content/plugins/breakdance/plugin/themeless/normalize.min.css'> 8 <title>Active City Summer | Hamburg</title> 9<meta name='robots' content='max-image-preview:large' /> 10<link rel='dns-prefetch' href='//code.jquery.com' /> 11<link rel="preload" href="https://www.activecitysummer.de/wp-content/cache/borlabs-cookie/1/borlabs-cookie-config-de.json.js?ver=3.4.5-64" as="script"> 12<link rel="preload" href="https://www.activecitysummer.de/wp-content/cache/borlabs-cookie/1/borlabs-cookie-1-de.css?ver=3.4.5-66" as="style"> 13<link rel="preload" href="https://www.activecitysummer.de/wp-content/plugins/borlabs-cookie/assets/javascript/borlabs-cookie-prioritize.min.js?ver=3.4.5" as="script"> 14<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.activecitysummer.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.activecitysummer.de%2F" /> 15<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.activecitysummer.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.activecitysummer.de%2F&format=xml" /> 16<style id="wp-img-auto-sizes-contain-inline-css"> 17img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 18/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 19</style> 20<link rel='stylesheet' id='jquery-ui-css' href='https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css?ver=1.13.2' media='all' /> 21<style id="wp-emoji-styles-inline-css"> 22 23 img.wp-smiley, img.emoji { 24 display: inline !important; 25 border: none !important; 26 box-shadow: none !important; 27 height: 1em !important; 28 width: 1em !important; 29 margin: 0 0.07em !important; 30 vertical-align: -0.1em !important; 31 background: none !important; 32 padding: 0 !important; 33 } 34/*# sourceURL=wp-emoji-styles-inline-css */ 35</style> 36 37 38<link rel='stylesheet' id='headspin-ds-styles-css' href='https://www.activecitysummer.de/wp-content/uploads/headspin-assets/headspin-base.css?ver=1777323499' media='all' /> 39<style id="borlabs-cookie-critical-inline-css"> 40body div.brlbs-cmpnt-container a,body div.brlbs-cmpnt-container abbr,body div.brlbs-cmpnt-container acronym,body div.brlbs-cmpnt-container address,body div.brlbs-cmpnt-container applet,body div.brlbs-cmpnt-container article,body div.brlbs-cmpnt-container aside,body div.brlbs-cmpnt-container audio,body div.brlbs-cmpnt-container b,body div.brlbs-cmpnt-container big,body div.brlbs-cmpnt-container blockquote,body div.brlbs-cmpnt-container canvas,body div.brlbs-cmpnt-container caption,body div.brlbs-cmpnt-container center,body div.brlbs-cmpnt-container cite,body div.brlbs-cmpnt-container code,body div.brlbs-cmpnt-container dd,body div.brlbs-cmpnt-container del,body div.brlbs-cmpnt-container details,body div.brlbs-cmpnt-container dfn,body div.brlbs-cmpnt-container div,body div.brlbs-cmpnt-container dl,body div.brlbs-cmpnt-container dt,body div.brlbs-cmpnt-container em,body div.brlbs-cmpnt-container embed,body div.brlbs-cmpnt-container fieldset,body div.brlbs-cmpnt-container figcaption,body div.brlbs-cmpnt-container figure,body div.brlbs-cmpnt-container footer,body div.brlbs-cmpnt-container form,body div.brlbs-cmpnt-container h1,body div.brlbs-cmpnt-container h2,body div.brlbs-cmpnt-container h3,body div.brlbs-cmpnt-container h4,body div.brlbs-cmpnt-container h5,body div.brlbs-cmpnt-container h6,body div.brlbs-cmpnt-container header,body div.brlbs-cmpnt-container hgroup,body div.brlbs-cmpnt-container i,body div.brlbs-cmpnt-container iframe,body div.brlbs-cmpnt-container img,body div.brlbs-cmpnt-container ins,body div.brlbs-cmpnt-container kbd,body div.brlbs-cmpnt-container label,body div.brlbs-cmpnt-container legend,body div.brlbs-cmpnt-container li,body div.brlbs-cmpnt-container mark,body div.brlbs-cmpnt-container menu,body div.brlbs-cmpnt-container nav,body div.brlbs-cmpnt-container object,body div.brlbs-cmpnt-container ol,body div.brlbs-cmpnt-container output,body div.brlbs-cmpnt-container p,body div.brlbs-cmpnt-container pre,body div.brlbs-cmpnt-container q,body div.brlbs-cmpnt-container ruby,body div.brlbs-cmpnt-container s,body div.brlbs-cmpnt-container samp,body div.brlbs-cmpnt-container section,body div.brlbs-cmpnt-container small,body div.brlbs-cmpnt-container span,body div.brlbs-cmpnt-container strike,body div.brlbs-cmpnt-container strong,body div.brlbs-cmpnt-container sub,body div.brlbs-cmpnt-container summary,body div.brlbs-cmpnt-container sup,body div.brlbs-cmpnt-container table,body div.brlbs-cmpnt-container tbody,body div.brlbs-cmpnt-container td,body div.brlbs-cmpnt-container tfoot,body div.brlbs-cmpnt-container th,body div.brlbs-cmpnt-container thead,body div.brlbs-cmpnt-container time,body div.brlbs-cmpnt-container tr,body div.brlbs-cmpnt-container tt,body div.brlbs-cmpnt-container u,body div.brlbs-cmpnt-container ul,body div.brlbs-cmpnt-container var,body div.brlbs-cmpnt-container video{margin:0;padding:0;border:0;font-size:100%;font-family:inherit;vertical-align:baseline}body div.brlbs-cmpnt-container article,body div.brlbs-cmpnt-container aside,body div.brlbs-cmpnt-container details,body div.brlbs-cmpnt-container figcaption,body div.brlbs-cmpnt-container figure,body div.brlbs-cmpnt-container footer,body div.brlbs-cmpnt-container header,body div.brlbs-cmpnt-container hgroup,body div.brlbs-cmpnt-container menu,body div.brlbs-cmpnt-container nav,body div.brlbs-cmpnt-container section{dis
40play:block}body div.brlbs-cmpnt-container blockquote,body div.brlbs-cmpnt-container q{quotes:none}body div.brlbs-cmpnt-container blockquote:after,body div.brlbs-cmpnt-container blockquote:before,body div.brlbs-cmpnt-container q:after,body div.brlbs-cmpnt-container q:before{content:none}body div.brlbs-cmpnt-container table{border-spacing:0}body div.brlbs-cmpnt-container,body div.brlbs-cmpnt-container *{box-sizing:border-box;color:inherit;font-family:inherit;line-height:inherit;position:static;inset:auto;width:auto;height:auto}body div.brlbs-cmpnt-container button,body div.brlbs-cmpnt-container input,body div.brlbs-cmpnt-container optgroup,body div.brlbs-cmpnt-container select,body div.brlbs-cmpnt-container textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}body div.brlbs-cmpnt-container button:after,body div.brlbs-cmpnt-container button:before{content:none}body div.brlbs-cmpnt-container button,body div.brlbs-cmpnt-container select{text-transform:none}body div.brlbs-cmpnt-container [type=button],body div.brlbs-cmpnt-container [type=reset],body div.brlbs-cmpnt-container [type=submit],body div.brlbs-cmpnt-container button{-webkit-appearance:button}body div.brlbs-cmpnt-container ::-moz-focus-inner{border-style:none;padding:0}body div.brlbs-cmpnt-container :-moz-focusring{outline:1px dotted ButtonText}body div.brlbs-cmpnt-container :-moz-ui-invalid{box-shadow:none}body div.brlbs-cmpnt-container legend{padding:0}body div.brlbs-cmpnt-container progress{vertical-align:baseline}body div.brlbs-cmpnt-container ::-webkit-inner-spin-button,body div.brlbs-cmpnt-container ::-webkit-outer-spin-button{height:auto}body div.brlbs-cmpnt-container [type=search]{-webkit-appearance:textfield;outline-offset:-2px}body div.brlbs-cmpnt-container ::-webkit-search-decoration{-webkit-appearance:none}body div.brlbs-cmpnt-container ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}body div.brlbs-cmpnt-container summary{display:list-item}body div.brlbs-cmpnt-container blockquote,body div.brlbs-cmpnt-container dd,body div.brlbs-cmpnt-container dl,body div.brlbs-cmpnt-container figure,body div.brlbs-cmpnt-container h1,body div.brlbs-cmpnt-container h2,body div.brlbs-cmpnt-container h3,body div.brlbs-cmpnt-container h4,body div.brlbs-cmpnt-container h5,body div.brlbs-cmpnt-container h6,body div.brlbs-cmpnt-container hr,body div.brlbs-cmpnt-container p,body div.brlbs-cmpnt-container pre{margin:0}body div.brlbs-cmpnt-container button{background-color:transparent;background-image:none}body div.brlbs-cmpnt-container button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}body div.brlbs-cmpnt-container fieldset{margin:0;padding:0}body div.brlbs-cmpnt-container ol,body div.brlbs-cmpnt-container ul{list-style:none;margin:0;padding:0}body div.brlbs-cmpnt-container *,body div.brlbs-cmpnt-container :after,body div.brlbs-cmpnt-container :before{box-sizing:border-box;border-color:#e5e7eb;border-style:solid;border-width:0}body div.brlbs-cmpnt-container hr{border-top-width:1px}body div.brlbs-cmpnt-container img{border-style:solid}body div.brlbs-cmpnt-container textarea{resize:vertical}body div.brlbs-cmpnt-container input::-moz-placeholder,body div.brlbs-cmpnt-container textarea::-moz-placeholder{color:#9ca3af}body div.brlbs-cmpnt-container input::placeholder,body div.brlbs-cmpnt-container textarea::placeholder{color:#9ca3af}body div.brlbs-cmpnt-container [role=button],body div.brlbs-cmpnt-container button{curs
40or:pointer}body div.brlbs-cmpnt-container table{border-collapse:collapse}body div.brlbs-cmpnt-container h1,body div.brlbs-cmpnt-container h2,body div.brlbs-cmpnt-container h3,body div.brlbs-cmpnt-container h4,body div.brlbs-cmpnt-container h5,body div.brlbs-cmpnt-container h6{font-size:inherit;font-weight:inherit}body div.brlbs-cmpnt-container a{color:inherit;text-decoration:inherit}body div.brlbs-cmpnt-container button,body div.brlbs-cmpnt-container input,body div.brlbs-cmpnt-container optgroup,body div.brlbs-cmpnt-container select,body div.brlbs-cmpnt-container textarea{padding:0;line-height:inherit;color:inherit}body div.brlbs-cmpnt-container code,body div.brlbs-cmpnt-container kbd,body div.brlbs-cmpnt-container pre,body div.brlbs-cmpnt-container samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}body div.brlbs-cmpnt-container audio,body div.brlbs-cmpnt-container canvas,body div.brlbs-cmpnt-container embed,body div.brlbs-cmpnt-container iframe,body div.brlbs-cmpnt-container img,body div.brlbs-cmpnt-container object,body div.brlbs-cmpnt-container svg,body div.brlbs-cmpnt-container video{display:block;vertical-align:middle}body div.brlbs-cmpnt-container img,body div.brlbs-cmpnt-container video{max-width:100%;height:auto}body div.brlbs-cmpnt-container [multiple],body div.brlbs-cmpnt-container [type=date],body div.brlbs-cmpnt-container [type=datetime-local],body div.brlbs-cmpnt-container [type=email],body div.brlbs-cmpnt-container [type=month],body div.brlbs-cmpnt-container [type=number],body div.brlbs-cmpnt-container [type=password],body div.brlbs-cmpnt-container [type=search],body div.brlbs-cmpnt-container [type=tel],body div.brlbs-cmpnt-container [type=text],body div.brlbs-cmpnt-container [type=time],body div.brlbs-cmpnt-container [type=url],body div.brlbs-cmpnt-container [type=week],body div.brlbs-cmpnt-container select,body div.brlbs-cmpnt-container textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}body div.brlbs-cmpnt-container [multiple]:focus,body div.brlbs-cmpnt-container [type=date]:focus,body div.brlbs-cmpnt-container [type=datetime-local]:focus,body div.brlbs-cmpnt-container [type=email]:focus,body div.brlbs-cmpnt-container [type=month]:focus,body div.brlbs-cmpnt-container [type=number]:focus,body div.brlbs-cmpnt-container [type=password]:focus,body div.brlbs-cmpnt-container [type=search]:focus,body div.brlbs-cmpnt-container [type=tel]:focus,body div.brlbs-cmpnt-container [type=text]:focus,body div.brlbs-cmpnt-container [type=time]:focus,body div.brlbs-cmpnt-container [type=url]:focus,body div.brlbs-cmpnt-container [type=week]:focus,body div.brlbs-cmpnt-container select:focus,body div.brlbs-cmpnt-container textarea:focus{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-inset:var(--brlbs-tw-empty, );--brlbs-tw-ring-offset-width:0px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:#2563eb;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(1px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 transparent);border-color:#2563eb}body div.brlbs-cmpnt-container input::-moz-placeholder,body div.brlbs-cmpnt-container textarea::-moz-placeholder{color:#6b7280;opacity:1}body div.brlbs-cmpnt-container input::placeholder,body div.brlbs-cmpnt-container textarea::placeholder{color:#6b7280;opacity:1}body div.brlbs-cmpnt-container ::-webkit-datetime-edit-fields-wrapper{padding:0}body div.brlbs-cmpnt-container ::-webkit-date-and-time-value{min-height:1.5em}body div.brlbs-cmpnt-container select{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20stroke%3D%22%236b7280%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m6%208%204%204%204-4%22%2F%3
40E%3C%2Fsvg%3E);background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}body div.brlbs-cmpnt-container [multiple]{background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}body div.brlbs-cmpnt-container [type=checkbox],body div.brlbs-cmpnt-container [type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px}body div.brlbs-cmpnt-container [type=checkbox]{border-radius:0}body div.brlbs-cmpnt-container [type=radio]{border-radius:100%}body div.brlbs-cmpnt-container [type=checkbox]:focus,body div.brlbs-cmpnt-container [type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-inset:var(--brlbs-tw-empty, );--brlbs-tw-ring-offset-width:2px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:#2563eb;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 transparent)}body div.brlbs-cmpnt-container [type=checkbox]:checked,body div.brlbs-cmpnt-container [type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}body div.brlbs-cmpnt-container [type=checkbox]:checked{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%200%201%200%201.414l-5%205a1%201%200%200%201-1.414%200l-2-2a1%201%200%200%201%201.414-1.414L6.5%209.086l4.293-4.293a1%201%200%200%201%201.414%200%22%2F%3E%3C%2Fsvg%3E)}body div.brlbs-cmpnt-container [type=radio]:checked{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E)}body div.brlbs-cmpnt-container [type=checkbox]:checked:focus,body div.brlbs-cmpnt-container [type=checkbox]:checked:hover,body div.brlbs-cmpnt-container [type=radio]:checked:focus,body div.brlbs-cmpnt-container [type=radio]:checked:hover{border-color:transparent;background-color:currentColor}body div.brlbs-cmpnt-container [type=checkbox]:indeterminate{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M4%208h8%22%2F%3E%3C%2Fsvg%3E);border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}body div.brlbs-cmpnt-container [type=checkbox]:indeterminate:focus,body div.brlbs-cmpnt-container [type=checkbox]:indeterminate:hover{border-color:transparent;background-color:currentColor}body div.brlbs-cmpnt-container [type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}:root{--brlbs-tw-border-spacing-x:0;--brlbs-tw-border-spacing-y:0;--brlbs-tw-translate-x:0;--brlbs-tw-translate-y:0;--brlbs-tw-rotate:0;--brlbs-tw-skew-x:0;--brlbs-tw-skew-y:0;--brlbs-tw-scale-x:1;--brlbs-tw-scale-y:1;--brlbs-tw-pan-x:;--brlbs-tw-pan-y:;--brlbs-tw-pinch-zoom:;--brlbs-tw-scroll-snap-strictness:proximity;--brlbs-tw-gradient-from-position:;
40--brlbs-tw-gradient-via-position:;--brlbs-tw-gradient-to-position:;--brlbs-tw-ordinal:;--brlbs-tw-slashed-zero:;--brlbs-tw-numeric-figure:;--brlbs-tw-numeric-spacing:;--brlbs-tw-numeric-fraction:;--brlbs-tw-ring-inset:;--brlbs-tw-ring-offset-width:0px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:rgba(59,130,246,.5);--brlbs-tw-ring-offset-shadow:0 0 #0000;--brlbs-tw-ring-shadow:0 0 #0000;--brlbs-tw-shadow:0 0 #0000;--brlbs-tw-shadow-colored:0 0 #0000;--brlbs-tw-blur:;--brlbs-tw-brightness:;--brlbs-tw-contrast:;--brlbs-tw-grayscale:;--brlbs-tw-hue-rotate:;--brlbs-tw-invert:;--brlbs-tw-saturate:;--brlbs-tw-sepia:;--brlbs-tw-drop-shadow:;--brlbs-tw-backdrop-blur:;--brlbs-tw-backdrop-brightness:;--brlbs-tw-backdrop-contrast:;--brlbs-tw-backdrop-grayscale:;--brlbs-tw-backdrop-hue-rotate:;--brlbs-tw-backdrop-invert:;--brlbs-tw-backdrop-opacity:;--brlbs-tw-backdrop-saturate:;--brlbs-tw-backdrop-sepia:;--brlbs-tw-contain-size:;--brlbs-tw-contain-layout:;--brlbs-tw-contain-paint:;--brlbs-tw-contain-style:}::backdrop{--brlbs-tw-border-spacing-x:0;--brlbs-tw-border-spacing-y:0;--brlbs-tw-translate-x:0;--brlbs-tw-translate-y:0;--brlbs-tw-rotate:0;--brlbs-tw-skew-x:0;--brlbs-tw-skew-y:0;--brlbs-tw-scale-x:1;--brlbs-tw-scale-y:1;--brlbs-tw-pan-x:;--brlbs-tw-pan-y:;--brlbs-tw-pinch-zoom:;--brlbs-tw-scroll-snap-strictness:proximity;--brlbs-tw-gradient-from-position:;--brlbs-tw-gradient-via-position:;--brlbs-tw-gradient-to-position:;--brlbs-tw-ordinal:;--brlbs-tw-slashed-zero:;--brlbs-tw-numeric-figure:;--brlbs-tw-numeric-spacing:;--brlbs-tw-numeric-fraction:;--brlbs-tw-ring-inset:;--brlbs-tw-ring-offset-width:0px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:rgba(59,130,246,.5);--brlbs-tw-ring-offset-shadow:0 0 #0000;--brlbs-tw-ring-shadow:0 0 #0000;--brlbs-tw-shadow:0 0 #0000;--brlbs-tw-shadow-colored:0 0 #0000;--brlbs-tw-blur:;--brlbs-tw-brightness:;--brlbs-tw-contrast:;--brlbs-tw-grayscale:;--brlbs-tw-hue-rotate:;--brlbs-tw-invert:;--brlbs-tw-saturate:;--brlbs-tw-sepia:;--brlbs-tw-drop-shadow:;--brlbs-tw-backdrop-blur:;--brlbs-tw-backdrop-brightness:;--brlbs-tw-backdrop-contrast:;--brlbs-tw-backdrop-grayscale:;--brlbs-tw-backdrop-hue-rotate:;--brlbs-tw-backdrop-invert:;--brlbs-tw-backdrop-opacity:;--brlbs-tw-backdrop-saturate:;--brlbs-tw-backdrop-sepia:;--brlbs-tw-contain-size:;--brlbs-tw-contain-layout:;--brlbs-tw-contain-paint:;--brlbs-tw-contain-style:}.brlbs-cmpnt-container .brlbs-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.brlbs-cmpnt-container .\!brlbs-hidden{display:none!important}.brlbs-cmpnt-container .brlbs-overflow-auto{overflow:auto}.brlbs-cmpnt-container .brlbs-overflow-hidden{overflow:hidden}.brlbs-cmpnt-container .brlbs-pt-4{padding-top:16px}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker{container-name:brlbsCmpntContentBlocker;container-type:inline-size;line-height:1.25em;height:100%;font-size:var(--content-blocker-font-size);font-family:var(--content-blocker-font-family)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a{color:var(--content-blocker-link-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a:hover{color:var(--content-blocker-link-color-hover)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-cb-card,body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-cb-provider-card{container-type:normal}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-details{position:relative;padding:16px;text-align:left}@media(min-width:768px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-details{padding:24px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-header{display:flex;align-items:center}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-header.brlbs-cmpnt-with-separator{margin-bottom:16px;border-bottom-width:1px;border-style:solid;padding-bottom:16px}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-button{display:flex;padding-bottom:16px}@media(min-width:768px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-button{padding-bottom:24px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a{align-items:center;justify-content:center;padding:16px;text-align:center;background:var(--content-blocker-background-color);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);color:var(--content-blocker-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description{padding-bottom:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description{padding-bottom:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description{border-color:var(--content-blocker-separator-color);border-style:solid;border-bottom-width:var(--content-blocker-separator-width)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description strong{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b{position:relative;display:flex;height:100%;padding-top:96px;padding-bottom:96px;text-align:center;background:var(--content-blocker-background-color);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);color:var(--content-blocker-text-color);width:100%}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{flex-direction:row;gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{background:var(--content-blocker-background);color:var(--content-blocker-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-content{flex-basis:66.666667%}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-description{padding-bottom:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-description{padding-bottom:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-description strong{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-buttons{margin:0;display:flex;flex-basis:33.333333%;flex-direction:column;align-items:stretch;justify-content:center;gap:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-buttons{gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c{position:relative;display:flex;height:100%;text-align:center;background:var(--content-blocker-background-color);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);color:var(--content-blocker-text-color);width:100%}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{position:relative;margin:48px;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{margin:96px;
40gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{background:var(--content-blocker-background);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);color:var(--content-blocker-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-description{padding-bottom:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-description{padding-bottom:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-description strong{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-buttons{margin:0;display:flex;width:100%;flex-direction:column;align-items:stretch;justify-content:center;gap:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-buttons{gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-play-button{border-radius:50%;background:#fff;box-shadow:0 1px 5px #00000026;width:34px;height:34px;margin:0 auto;display:flex;align-items:center;justify-content:center;position:absolute;top:-17px;left:calc(50% - 17px)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-play-button:before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2278%22%20height%3D%2278%22%20viewBox%3D%220%200%2078%2078%22%3E%3Cpath%20d%3D%22M7.5%2071.5v-64l48%2030.328z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2212%22%20d%3D%22M7.5%2071.5v-64l48%2030.328z%22%2F%3E%3C%2Fsvg%3E) no-repeat 50%;background-size:contain;content:" ";margin-left:4px;display:inline-block;height:1.142857143em;width:.857142857em}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-thumbnail{position:absolute;top:0;left:0;height:100%;width:100%;background-size:cover;background-position:50%;border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons{margin-top:8px;margin-bottom:8px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons{margin-top:16px;margin-bottom:16px;flex-direction:row;gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons .brlbs-cmpnt-cb-btn{display:flex;width:100%;align-items:center;justify-content:center;text-decoration-line:none}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d){position:fixed;height:auto}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-left\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-right\]){top:var(--content-blocker-icon-margin)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-left\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-right\]){bottom:var(--content-blocker-icon-margin)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-right\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-right\]){right:calc(var(--content-blocker-icon-width) + var(--content-blocker-icon-margin))}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-left\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-left\]){left:var(--content-blocker-icon-margin)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-display\[flex\]){position:relative;display:inline-block;display:flex}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[float-left\]){float:left}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[float-right\]){float:right}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-d .brlbs-cmpnt-cb-icon{display:inline-block;height:var(--content-blocker-icon-height);width:var(--content-blocker-icon-width)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list{display:table}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list>div{display:table-row}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list dt{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list dd,body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list dt{display:table-cell;padding:2px 4px}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn{all:unset;box-sizing:border-box;
40cursor:pointer;align-items:center;justify-content:center;padding:12px 20px;text-align:center;font-size:var(--dialog-font-size);line-height:calc(1.5 * var(--dialog-font-size));font-weight:600;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.4s;border-top-left-radius:var(--content-blocker-button-border-radius-top-left);border-top-right-radius:var(--content-blocker-button-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-button-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-button-border-radius-bottom-right);background-color:var(--content-blocker-button-color);color:var(--content-blocker-button-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:hover{background-color:var(--content-blocker-button-color-hover);color:var(--content-blocker-button-text-color-hover)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:active,body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:focus{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 #0000)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle{all:unset;box-sizing:border-box;color:var(--content-blocker-link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration-line:none}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle:hover{all:unset;box-sizing:border-box;color:var(--content-blocker-link-color-hover);cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration-line:none}@container brlbsCmpntContentBlocker (480px <= width < 620px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b{padding-top:12%;padding-bottom:12%}}@container brlbsCmpntContentBlocker (width < 480px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b{padding:0}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{margin:6%;flex-direction:column;gap:8px;justify-content:normal;overflow:auto}}@container brlbsCmpntContentBlocker (640px <= width < 750px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{margin:10%!important}}@container brlbsCmpntContentBlocker (540px <= width < 640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{margin:6%!important}}@container brlbsCmpntContentBlocker (width < 540px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker{position:static}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{gap:8px;margin:6%!important;justify-content:normal;overflow:auto}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-play-button{display:none}}@container brlbsCmpntContentBlocker (width < 375px){.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main,.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{height:100%;justify-content:normal;overflow:auto}.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-play-button,.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-play-button{display:none}}.wp-embed-aspect-16-9:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) div.wp-block-embed__wrapper{padding:0}.wp-embed-aspect-16-9:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) div.wp-block-embed__wrapper:before{padding:0}#BorlabsCookieBox,.brlbs-cmpnt-container{font-family:var(--dialog-font-family);font-weight:400;line-height:calc(1.2 * var(--dialog-font-size))}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element{container-name:brlbsCmpntShortcodeElement;container-type:inline-size;line-height:1.25em;height:100%}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list{display:table}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list>div{display:table-row}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list dt{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list dd,body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list dt{display:table-cell;padding:2px 4px} 41body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-facebook .brlbs-cmpnt-cb-btn { 42 background: #4267b2; /* new color: #1b74e4;*/ 43 border-radius: 6px; 44} 45 46body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-facebook .brlbs-cmpnt-cb-btn:hover { 47 background: #3b5998; /* new color: #356cd1;*/ 48} 49 50body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-facebook .brlbs-cmpnt-cb-thumbnail { 51 background-position: center 0; 52}body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-google-maps .brlbs-cmpnt-cb-btn { 53 background: #4285f4; 54 border-radius: 3px; 55} 56 57body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-google-maps .brlbs-cmpnt-cb-btn:hover { 58 background: #fff; 59 color: #4285f4; 60}body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-instagram .brlbs-cmpnt-cb-btn { 61 background: #0094f6; 62} 63 64body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-instagram .brlbs-cmpnt-cb-btn:hover { 65 background: #1876f2; 66} 67 68body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-instagram .brlbs-cmpnt-cb-thumbnail { 69 background-position: center 0; 70}body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-x .brlbs-cmpnt-cb-btn { 71 background: #1d9bf0; 72 border-radius: 9999px; 73} 74 75body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-x .brlbs-cmpnt-cb-btn:hover { 76 background: #1a8cd8; 77}.brlbs-cmpnt-cb-fluid-width-video-wrapper-vimeo{aspect-ratio: 16/9;position:relative;width:100%}.brlbs-cmpnt-cb-fluid-width-video-wrapper-vimeo iframe{position:absolute;top:0;left:0;width:100%;height:100%} 78 79body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-vimeo .brlbs-cmpnt-cb-btn { 80 background: #00adef; 81 border-radius: 9999px; 82} 83 84body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-vimeo .brlbs-cmpnt-cb-btn:hover { 85 background: #fff; 86 color: #00adef; 87}.brlbs-cmpnt-cb-fluid-width-video-wrapper-youtube{aspect-ratio: 16/9;position:relative;width:100%}.brlbs-cmpnt-cb-fluid-width-video-wrapper-youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%} 88 89body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-youtube .brlbs-cmpnt-cb-btn { 90 background: #ff0000; 91 border-radius: 20px; 92} 93 94body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-youtube .brlbs-cmpnt-cb-btn:hover { 95 background: #fff; 96 color: red; 97}body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-google-maps-avada .brlbs-cmpnt-cb-btn { 98 background: #4285f4; 99 border-radius: 3px; 100} 101 102body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-google-maps-avada .brlbs-cmpnt-cb-btn:hover { 103 background: #fff; 104 color: #4285f4; 105}@container brlbsCmpntContentBlocker (width >= 480px) { 106 body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-avada-recaptcha { 107 max-height: 150px; 108 } 109} 110 111body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-avada-recaptcha .brlbs-cmpnt-cb-thumbnail { 112 background-size: contain; 113 background-repeat: no-repeat; 114 background-position: top left; 115} 116 117body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-preset-b.brlbs-cmpnt-cb-avada-recaptcha { box-sizing: border-box; padding: 0} 118body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-avada-recaptcha .brlbs-cmpnt-cb-main { margin-top: auto; margin-bottom: auto; }body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-instagram-avada .brlbs-cmpnt-cb-btn { 119 background: #0094f6; 120} 121 122body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-instagram-avada .brlbs-cmpnt-cb-btn:hover { 123 background: #1876f2; 124} 125 126body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-instagram-avada .brlbs-cmpnt-cb-thumbnail { 127 background-position: center 0; 128}@container brlbsCmpntContentBlocker (width >= 480px) { 129 body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="avada-turnstile"] .brlbs-cmpnt-cb-preset-b { 130 max-height: 150px; 131 } 132} 133 134body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="avada-turnstile"] .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-thumbnail { 135 background-size: contain; 136 background-repeat: no-repeat; 137 background-position: top left; 138} 139 140body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="avada-turnstile"] .brlbs-cmpnt-cb-preset-b { 141 box-sizing: border-box; 142 padding: 0 143} 144 145body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="avada-turnstile"] .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main { 146 margin-top: auto; 147 margin-bottom: auto; 148}@container brlbsCmpntContentBlocker (width >= 480px) { 149 body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="wordfence-login-security-recaptcha"] .brlbs-cmpnt-cb-preset-b { 150 max-height: 150px; 151 } 152} 153 154body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="wordfence-login-security-recaptcha"] .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-thumbnail { 155 background-size: contain; 156 background-repeat: no-repeat; 157 background-position: top left; 158} 159 160body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="wordfence-login-security-recaptcha"] .brlbs-cmpnt-cb-preset-b { 161 box-sizing: border-box; 162 padding: 0 163} 164 165body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="wordfence-login-security-recaptcha"] .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main { 166 margin-top: auto; 167 margin-bottom: auto; 168} 169 170body :is(form#loginform,form#registerform,form#lostpasswordform) div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id="wordfence-login-security-recaptcha"] { 171 width: 100%; 172}:root{--content-blocker-background-color: #000; 173--content-blocker-button-color: #28a745; 174--content-blocker-button-color-hover: #30c553; 175--content-blocker-button-text-color: #fff; 176--content-blocker-button-text-color-hover: #fff; 177--content-blocker-font-family: inherit; 178--content-blocker-link-color: #28a745; 179--content-blocker-link-color-hover: #30c553; 180--content-blocker-separator-color: #28a745; 181--content-blocker-text-color: #fff; 182--content-blocker-border-radius-top-left: 4px; 183--content-blocker-border-radius-top-right: 4px; 184--content-blocker-border-radius-bottom-left: 4px; 185--content-blocker-border-radius-bottom-right: 4px; 186--content-blocker-button-border-radius-top-left: 4px; 187--content-blocker-button-border-radius-top-right: 4px; 188--content-blocker-button-border-radius-bottom-left: 4px; 189--content-blocker-button-border-radius-bottom-right: 4px; 190--content-blocker-font-size: 14px; 191--content-blocker-separator-width: 1px; 192--content-blocker-background-opacity: 0.8; 193--content-blocker-background: rgba(0, 0, 0 ,0.8); 194} 195 196/*# sourceURL=borlabs-cookie-critical-inline-css */ 197</style> 198<link onload="this.media='all';this.onload=null" data-borlabs-cookie-deferred-style="1" rel='stylesheet' id='borlabs-cookie-custom-css' href='https://www.activecitysummer.de/wp-content/cache/borlabs-cookie/1/borlabs-cookie-1-de.css?ver=3.4.5-66' media="print" /> 199<noscript><link rel='stylesheet' id='borlabs-cookie-custom-css' href='https://www.activecitysummer.de/wp-content/cache/borlabs-cookie/1/borlabs-cookie-1-de.css?ver=3.4.5-66' media='all' /> 200</noscript> 201<link rel='stylesheet' id='evo_el_styles-css' href='//www.activecitysummer.de/wp-content/plugins/eventon-event-lists/assets/el_styles.css?ver=8b6a6ef59ea7cb2c436309a650d9a4d7' media='all' /> 202<link rel='stylesheet' id='evo_wv_styles-css' href='https://www.activecitysummer.de/wp-content/plugins/eventon-weekly-view/assets/wv_styles.css?ver=2.1.8' media='all' />
203<script data-no-optimize="1" data-no-minify="1" data-cfasync="false" id="borlabs-cookie-config-js" src="https://www.activecitysummer.de/wp-content/cache/borlabs-cookie/1/borlabs-cookie-config-de.json.js?ver=3.4.5-64"></script>
vendor: 1 bytes, line 203
203
204<script data-no-optimize="1" data-no-minify="1" data-cfasync="false" id="borlabs-cookie-prioritize-js" src="https://www.activecitysummer.de/wp-content/plugins/borlabs-cookie/assets/javascript/borlabs-cookie-prioritize.min.js?ver=3.4.5"></script>
204 205<link rel="https://api.w.org/" href="https://www.activecitysummer.de/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.activecitysummer.de/wp-json/wp/v2/pages/7" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.activecitysummer.de/xmlrpc.php?rsd" /> 206 207<link rel="canonical" href="https://www.activecitysummer.de/" /> 208<link rel='shortlink' href='https://www.activecitysummer.de/' />
209<script data-borlabs-cookie-script-blocker-ignore> 210 if ('0' === '1' && ('0' === '1' || '1' === '1')) { 211 window['gtag_enable_tcf_support'] = true; 212 } 213 window.dataLayer = window.dataLayer || []; 214 if (typeof gtag !== 'function') { 215 function gtag() { 216 dataLayer.push(arguments); 217 } 218 } 219 gtag('set', 'developer_id.dYjRjMm', true); 220 if ('0' === '1' || '1' === '1') { 221 if (window.BorlabsCookieGoogleConsentModeDefaultSet !== true) { 222 let getCookieValue = function (name) { 223 return document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || ''; 224 }; 225 let consentsFromCookie = {}; 226 if (document.cookie.split('; ').some(c => c.startsWith('borlabs-cookie='))) { 227 let cookieValue = getCookieValue('borlabs-cookie-gcs'); 228 if (cookieValue !== '') { 229 consentsFromCookie = JSON.parse(decodeURIComponent(cookieValue)); 230 if (consentsFromCookie.cookie_version !== window.borlabsCookieConfig.settings.cookieVersion) { 231 consentsFromCookie = {}; 232 } else { 233 delete consentsFromCookie.cookie_version; 234 } 235 } 236 } 237 let defaultValues = { 238 'ad_storage': 'denied', 239 'ad_user_data': 'denied', 240 'ad_personalization': 'denied', 241 'analytics_storage': 'denied', 242 'functionality_storage': 'denied', 243 'personalization_storage': 'denied', 244 'security_storage': 'denied', 245 'wait_for_update': 500, 246 }; 247 gtag('consent', 'default', { ...defaultValues, ...consentsFromCookie }); 248 } 249 window.BorlabsCookieGoogleConsentModeDefaultSet = true; 250 let borlabsCookieConsentChangeHandler = function () { 251 window.dataLayer = window.dataLayer || []; 252 if (typeof gtag !== 'function') { function gtag(){dataLayer.push(arguments);} } 253 254 let getCookieValue = function (name) { 255 return document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || ''; 256 }; 257 let consentsFromCookie = {}; 258 if (document.cookie.split('; ').some(c => c.startsWith('borlabs-cookie='))) { 259 let cookieValue = getCookieValue('borlabs-cookie-gcs'); 260 if (cookieValue !== '') { 261 consentsFromCookie = JSON.parse(decodeURIComponent(cookieValue)); 262 if (consentsFromCookie.cookie_version !== window.borlabsCookieConfig.settings.cookieVersion) { 263 consentsFromCookie = {}; 264 } 265 } 266 } 267 268 consentsFromCookie.analytics_storage = BorlabsCookie.Consents.hasConsent('google-analytics') ? 'granted' : 'denied'; 269 consentsFromCookie.cookie_version = window.borlabsCookieConfig.settings.cookieVersion; 270 271 BorlabsCookie.CookieLibrary.setCookie( 272 'borlabs-cookie-gcs', 273 JSON.stringify(consentsFromCookie), 274 BorlabsCookie.Settings.automaticCookieDomainAndPath.value ? '' : BorlabsCookie.Settings.cookieDomain.value, 275 BorlabsCookie.Settings.cookiePath.value, 276 BorlabsCookie.Cookie.getPluginCookie().expires, 277 BorlabsCookie.Settings.cookieSecure.value, 278 BorlabsCookie.Settings.cookieSameSite.value 279 ); 280 } 281 document.addEventListener('borlabs-cookie-consent-saved', borlabsCookieConsentChangeHandler); 282 document.addEventListener('borlabs-cookie-handle-unblock', borlabsCookieConsentChangeHandler); 283 } 284 if ('0' === '1') { 285 gtag("js", new Date()); 286 gtag("config", "GTM-MPQQ5H3", {"anonymize_ip": true}); 287 288 (function (w, d, s, i) { 289 var f = d.getElementsByTagName(s)[0], 290 j = d.createElement(s); 291 j.async = true; 292 j.src =
293 "https://www.googletagmanager.com/gtag/js?id=" + i; 294 f.parentNode.insertBefore(j, f); 295 })(window, document, "script", "GTM-MPQQ5H3"); 296 } 297</script>
297<script data-no-optimize="1" data-no-minify="1" data-cfasync="false" data-borlabs-cookie-script-blocker-ignore> 298 if ('{{ iab-tcf-enabled }}' === '1' && ('0' === '1' || '1' === '1')) { 299 window['gtag_enable_tcf_support'] = true; 300 } 301 window.dataLayer = window.dataLayer || []; 302 if (typeof gtag !== 'function') { 303 function gtag() { 304 dataLayer.push(arguments); 305 } 306 } 307 gtag('set', 'developer_id.dYjRjMm', true); 308 if ('0' === '1' || '1' === '1') { 309 if (window.BorlabsCookieGoogleConsentModeDefaultSet !== true) { 310 let getCookieValue = function (name) { 311 return document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || ''; 312 }; 313 let consentsFromCookie = {}; 314 if (document.cookie.split('; ').some(c => c.startsWith('borlabs-cookie='))) { 315 let cookieValue = getCookieValue('borlabs-cookie-gcs'); 316 if (cookieValue !== '') { 317 consentsFromCookie = JSON.parse(decodeURIComponent(cookieValue)); 318 if (consentsFromCookie.cookie_version !== window.borlabsCookieConfig.settings.cookieVersion) { 319 consentsFromCookie = {}; 320 } else { 321 delete consentsFromCookie.cookie_version; 322 } 323 } 324 } 325 let defaultValues = { 326 'ad_storage': 'denied', 327 'ad_user_data': 'denied', 328 'ad_personalization': 'denied', 329 'analytics_storage': 'denied', 330 'functionality_storage': 'denied', 331 'personalization_storage': 'denied', 332 'security_storage': 'denied', 333 'wait_for_update': 500, 334 }; 335 gtag('consent', 'default', { ...defaultValues, ...consentsFromCookie }); 336 } 337 window.BorlabsCookieGoogleConsentModeDefaultSet = true; 338 let borlabsCookieConsentChangeHandler = function () { 339 window.dataLayer = window.dataLayer || []; 340 if (typeof gtag !== 'function') { function gtag(){dataLayer.push(arguments);} } 341 342 let getCookieValue = function (name) { 343 return document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || ''; 344 }; 345 let consentsFromCookie = {}; 346 if (document.cookie.split('; ').some(c => c.startsWith('borlabs-cookie='))) { 347 let cookieValue = getCookieValue('borlabs-cookie-gcs'); 348 if (cookieValue !== '') { 349 consentsFromCookie = JSON.parse(decodeURIComponent(cookieValue)); 350 if (consentsFromCookie.cookie_version !== window.borlabsCookieConfig.settings.cookieVersion) { 351 consentsFromCookie = {}; 352 } 353 } 354 } 355 356 consentsFromCookie.analytics_storage = BorlabsCookie.Consents.hasConsent('google-analytics-site-kit') ? 'granted' : 'denied'; 357 consentsFromCookie.cookie_version = window.borlabsCookieConfig.settings.cookieVersion; 358 359 BorlabsCookie.CookieLibrary.setCookie( 360 'borlabs-cookie-gcs', 361 JSON.stringify(consentsFromCookie), 362 BorlabsCookie.Settings.automaticCookieDomainAndPath.value ? '' : BorlabsCookie.Settings.cookieDomain.value, 363 BorlabsCookie.Settings.cookiePath.value, 364 BorlabsCookie.Cookie.getPluginCookie().expires, 365 BorlabsCookie.Settings.cookieSecure.value, 366 BorlabsCookie.Settings.cookieSameSite.value 367 ); 368 } 369 document.addEventListener('borlabs-cookie-consent-saved', borlabsCookieConsentChangeHandler); 370 document.addEventListener('borlabs-cookie-handle-unblock', borlabsCookieConsentChangeHandler); 371 } 372 if ('0' === '1') { 373 document.addEventListener('borlabs-cookie-after-init', function () { 374 window.BorlabsCookie.Unblock.unblockScriptBlockerId('site-kit-analytics'); 375 }); 376 } 377</script>
377<script defer src="https://stats.raketen.info/script.js" data-host-url="https://stats.raketen.info" data-website-id="5f7b6bcd-86b7-45f0-9608-1f7d339b463f"></script>
377 378<link rel="icon" href="https://www.activecitysummer.de/wp-content/uploads/2020/06/cropped-acs-logo-32x32.png" sizes="32x32" /> 379<link rel="icon" href="https://www.activecitysummer.de/wp-content/uploads/2020/06/cropped-acs-logo-192x192.png" sizes="192x192" /> 380<link rel="apple-touch-icon" href="https://www.activecitysummer.de/wp-content/uploads/2020/06/cropped-acs-logo-180x180.png" /> 381<meta name="msapplication-TileImage" content="https://www.activecitysummer.de/wp-content/uploads/2020/06/cropped-acs-logo-270x270.png" /> 382<style id="wp-custom-css"> 383/* === Header-Logo-Steuerung === 384 Drei Logos liegen im Logo-Link des Breakdance-Headers (Template 58446): 385 107 = Summer (acs-logo), 109 = Day, 110 = Festival. 386 Day/Festival werden per Breakdance-Anzeigebedingung gerendert. */ 387 388/* 1) Wo das Day- (109) ODER Festival-Logo (110) gerendert wird, das Summer-Logo (107) ausblenden. 389 Greift automatisch auf Haupt- und Unterseiten, sobald die jeweilige Bedingung das Logo ausgibt. */ 390a:has(> .bde-image2-58446-109) > .bde-image2-58446-107, 391a:has(> .bde-image2-58446-110) > .bde-image2-58446-107 { display: none !important; } 392 393/* 2) Fallback für Day-Unterseiten (z. B. /day/karte/, /day/fotos/), solange das Day-Logo dort 394 noch NICHT gerendert wird: Summer-Logo per CSS durch das Day-Logo ersetzen. 395 Sobald die Bedingung greift (109 ist vorhanden), schaltet sich diese Regel selbst ab. */ 396.parent-pageid-19437 a:not(:has(> .bde-image2-58446-109)) > .bde-image2-58446-107 { 397 content: url(https://www.activecitysummer.de/wp-content/uploads/2021/02/active-city-day-logo.png); 398} 399</style> 400<!-- [HEADER ASSETS] --> 401<link rel="stylesheet" href="https://www.activecitysummer.de/wp-content/uploads/breakdance/font_styles/custom_font_rubik.css?v=21ee060b03d04cf435ad9104d5316b4c&bd_ver=2.8.1" /> 402<link rel="stylesheet" href="https://www.activecitysummer.de/wp-content/plugins/breakdance/subplugins/breakdance-elements/dependencies-files/awesome-menu@1/awesome-menu.css?bd_ver=2.8.1" /> 403<link rel="stylesheet" href="https://www.activecitysummer.de/wp-content/plugins/breakdance/subplugins/breakdance-elements/dependencies-files/breakdance-fancy-background@1/fancy-background.css?bd_ver=2.8.1" /> 404<link rel="stylesheet" href="https://www.activecitysummer.de/wp-content/plugins/breakdance/subplugins/breakdance-elements/dependencies-files/lightgallery@2/css/lightgallery-bundle.min.css?bd_ver=2.8.1" /> 405<link rel="stylesheet" href="https://www.activecitysummer.de/wp-content/plugins/breakdance/subplugins/breakdance-elements/dependencies-files/[email protected]/lite-yt-embed.css?bd_ver=2.8.1" /> 406<link rel="stylesheet" href="https://www.activecitysummer.de/wp-content/plugins/breakdance/subplugins/breakdance-elements/dependencies-files/breakdance-posts@1/posts.css?bd_ver=2.8.1" /> 407 408<link rel="stylesheet" href="https://www.activecitysummer.de/wp-content/uploads/breakdance/css/post-58446-defaults.css?v=d2ee04c62750cf41c82024523b0789cb" /> 409 410<link rel="stylesheet" href="https://www.activecitysummer.de/wp-content/uploads/breakdance/css/post-7-defaults.css?v=4d8a095dcb1dcd86f6a955dc23126838" /> 411 412<link rel="stylesheet" href="https://www.activecitysummer.de/wp-content/uploads/breakdance/css/post-58495-defaults.css?v=d2cc56d5c0d30755f3dae43249632ac5" /> 413 414<link rel="stylesheet" href="https://www.activecitysummer.de/wp-content/uploads/breakdance/css/post-58444-defaults.css?v=2e699a22817debccf696cde8944fc0b4" /> 415 416<link rel="stylesheet" href="https://www.activecitysummer.de/wp-content/uploads/breakdance/css/global-settings.css?v=defdba8d6778b3f48240f9303724d3ee" /> 417 418<link rel="stylesheet" href="https://www.activecitysummer.de/wp-content/uploads/breakdance/css/presets.css?v=d12f78ef962e8d14e01530b54cbe6bec" /> 419 420<link rel="stylesheet" href="https://www.activecitysummer.de/wp-content/uploads/breakdance/css/post-58446.css?v=e2331871e4dfdfdd8e196a4c5caaf80d" /> 421 422<link rel="stylesheet" href="https://www.activecitysummer.de/wp-content/uploads/breakdance/css/post-7.css?v=a4a452ca7ca4e6f30e57ce76c0cd6905" /> 423 424<link rel="stylesheet" href="https://www.activecitysummer.de/wp-content/uploads/breakdance/css/post-58495.css?v=8c5a9b13f3919ab7a3f6f5f3c7c63420" /> 425 426<link rel="stylesheet" href="https://www.activecitysummer.de/wp-content/uploads/breakdance/css/post-58444.css?v=69fd648f94f96cf67bd5515baf1c6447" /> 427<!-- [/EOF HEADER ASSETS] --> 428 </head> 429 430 <body class="home wp-singular page-template-default page page-id-7 wp-theme-breakdance-zero breakdance"> 431 <section class="bde-section-58446-111 bde-section"> 432 433
434 435 436 437 438<div class="section-container"><div class="bde-columns-58446-112 bde-columns"><div class="bde-column-58446-116 bde-column"> 439 440 441 442 443 444 445<h4 class="bde-heading-58446-119 bde-heading"> 446Active City Festival | 13.09.2026 447</h4><div class="bde-button-58446-118 bde-button"> 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 <a class="breakdance-link button-atom button-atom--custom bde-button__button" href="/day" target="_self" data-type="url" > 464 465 466 <span class="button-atom__text">mehr Infos</span> 467 468 469 470 </a> 471 472 473 474 475</div> 476</div><div class="bde-column-58446-113 bde-column"> 477 478 479 480 481 482 483<div class="bde-countdown-timer-58446-115 bde-countdown-timer"> 484 485 486 487 488<div class="bde-countdown-timer__time js-countdown-timer"> 489 <div class="bde-countdown-timer__wrap js-wrap js-wrap-animation-Default"> 490 491 <div class="bde-countdown-timer__digit-wrap js-days-wrap is-visible"> 492 <div class="bde-countdown-timer__digit bde-countdown-timer__days bde-countdown-timer__digit--round"> 493 <span class="bde-countdown-timer__number js-days">00</span> 494 </div> 495 496 <p class="bde-countdown-timer__label bde-countdown-timer__label--outside"> 497 <span class="plural">Tage</span> 498 <span class="singular">Tag</span> 499 </p> 500 </div> 501 502 <div class="bde-countdown-timer__digit-wrap js-hours-wrap is-visible"> 503 <div class="bde-countdown-timer__digit bde-countdown-timer__hours bde-countdown-timer__digit--round"> 504 <span class="bde-countdown-timer__number js-hours">00</span> 505 </div> 506 507 <p class="bde-countdown-timer__label bde-countdown-timer__label--outside"> 508 <span class="plural">Stunden</span> 509 <span class="singular">Stunde</span> 510 </p> 511 </div> 512 513 <div class="bde-countdown-timer__digit-wrap js-minutes-wrap is-visible"> 514 <div class="bde-countdown-timer__digit bde-countdown-timer__minutes bde-countdown-timer__digit--round"> 515 <span class="bde-countdown-timer__number js-minutes">00</span> 516 </div> 517 518 <p class="bde-countdown-timer__label bde-countdown-timer__label--outside"> 519 <span class="plural">Minuten</span> 520 <span class="singular">Minute</span> 521 </p> 522 </div> 523 524 <div class="bde-countdown-timer__digit-wrap js-seconds-wrap is-visible"> 525 <div class="bde-countdown-timer__digit bde-countdown-timer__seconds bde-countdown-timer__digit--round"> 526 <span class="bde-countdown-timer__number js-seconds">00</span> 527 </div> 528 529 <p class="bde-countdown-timer__label bde-countdown-timer__label--outside"> 530 <span class="plural">Sekunden</span> 531 <span class="singular">Sekunde</span> 532 </p> 533 </div> 534 </div> 535 </div> 536 537</div> 538</div></div></div> 539</section><header class="bde-header-builder-58446-101 bde-header-builder bde-header-builder--sticky-scroll-slide" data-sticky-reveal-on-scroll-up="yes"> 540 541<div class="bde-header-builder__container"><div class="bde-div-58446-102 bde-div"> 542 543 544 545 546 547 548<a class="bde-container-link-58446-108 bde-container-link breakdance-link" href="https://www.activecitysummer.de" target="_self" data-type="url"> 549 550 551 552 553 554 555<img class="bde-image2-58446-107 bde-image2" src="https://www.activecitysummer.de/wp-content/uploads/2019/04/acs-logo.png" srcset="https://www.activecitysummer.de/wp-content/uploads/2019/04/acs-logo-32x32.png 32w, https://www.activecitysummer.de/wp-content/uploads/2019/04/acs-logo-48x48.png 48w, https://www.activecitysummer.de/wp-content/uploads/2019/04/acs-logo-175x180.png 175w, https://www.activecitysummer.de/wp-content/uploads/2019/04/acs-logo-200x206.png 200w, https://www.activecitysummer.de/wp-content/uploads/2019/04/acs-logo-291x300.png 291w, https://www.activecitysummer.de/wp-content/uploads/2019/04/acs-logo.png 400w" sizes="(max-width: 400px) 100vw, 400px"> 556 557</a><div class="bde-div-58446-104 bde-div"> 558 559 560 561 562 563 564<div class="bde-wp-menu-58446-105 bde-wp-menu"> 565 566 567 568 569 <nav class="breakdance-menu breakdance-menu--collapse breakdance-menu
569--active-styles breakdance-menu--active-background "> 570 <button class="breakdance-menu-toggle breakdance-menu-toggle--squeeze" type="button" aria-label="Open Menu" aria-expanded="false" aria-controls="menu-105"> 571 <span class="breakdance-menu-toggle-icon"> 572 <span class="breakdance-menu-toggle-lines"></span> 573 </span> 574 </button> 575 576 <ul class="breakdance-menu-list" id="menu-105"> 577 578 579 <li id="menu-item-58562" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-7 current_page_item menu-item-58562 breakdance-menu-item breakdance-menu-item--active"><a href="https://www.activecitysummer.de/" aria-current="page" class="breakdance-menu-link">Summer</a></li> 580<li id="menu-item-58561" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-58561 breakdance-menu-item"><a href="https://www.activecitysummer.de/kurse/" class="breakdance-menu-link">Kurse</a></li> 581<li id="menu-item-29607" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29607 breakdance-menu-item"><a href="https://www.activecitysummer.de/day/" class="breakdance-menu-link">Day</a></li> 582<li id="menu-item-5541" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5541 breakdance-menu-item"><a href="https://www.activecitysummer.de/festival/" class="breakdance-menu-link">Festival</a></li> 583<li id="menu-item-64311" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64311 breakdance-menu-item"><a href="https://www.activecitysummer.de/community/" class="breakdance-menu-link">Community</a></li> 584 585 </ul> 586 </nav> 587 588 589</div> 590</div> 591</div></div> 592 593 594</header><section class="bde-section-7-119 bde-section"> 595 596 597 598 599 600 601 602<div class="section-container"><div class="bde-columns-7-120 bde-columns"><div class="bde-column-7-121 bde-column"> 603 604 605 606 607 608 609<h1 class="bde-heading-7-122 bde-heading"> 610Kostenfreier Sport für alle. Mach diesen Sommer zu deinem. 611</h1><h3 class="bde-heading-7-154 bde-heading"> 6123 Monate. Ãber 5000 Sportstunden. 0 Euro 613</h3><div class="bde-text-7-124 bde-text"> 614Egal ob Schüler, Student, Berufstätiger oder Familie â probiere den ganzen Sommer lang kostenfrei aus, was dich bewegt. Kein Vertrag, keine Ausreden. Nur du, die Sonne und dein neuer Lieblingssport. 615</div><div class="bde-columns-7-193 bde-columns"><div class="bde-column-7-194 bde-column"> 616 617 618 619 620 621 622<div class="bde-button-7-143 bde-button"> 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 <a class="breakdance-link button-atom button-atom--custom bde-button__button" href="/kurse" target="_self" data-type="url" > 639 640 641 <span class="button-atom__text">Kurse ansehen</span> 642 643 644 645 </a> 646 647 648 649 650</div> 651</div><div class="bde-column-7-195 bde-column"> 652 653 654 655 656 657 658<div class="bde-button-7-144 bde-button"> 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 <a class="breakdance-link button-atom button-atom--secondary bde-button__button" href="/sommer-kurs-eintragen/" target="_self" data-type="url" > 675 676 677 <span class="button-atom__text">Kurs(e) einreichen</span> 678 679 680 681 </a> 682 683 684 685 686</div> 687</div></div><div class="bde-gallery-7-125 bde-gallery"> 688 689 690 691 692 693 694 695 696 697 698 699 700 701<div class="ee-gallery ee-gallery--default ee-gallery--grid ee-gallery--single ee-gallery--lightbox ee-gallery-- ee-gallery--caption- ee-gallery--caption-none ee-gallery--ratio"> 702 703 <a class="ee-gallery-item ee-gallery-item--image ee-gallery-item--single" href="https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07246.jpg" data-sub-html="<span></span>" data-category="1" data-lg-size="1280-1920" 704 705 > 706 <figure class="ee-gallery-item-figure"> 707 <img class="breakdance-image-object" src="https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07246-683x1024.jpg" width="683" height="1024" srcset="https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07246-120x180.jpg 120w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07246-200x300.jpg 200w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07246-333x500.jpg 333w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07246-400x600.jpg 400w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07246-500x750.jpg 500w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07246-600x900.jpg 600w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07246-683x1024.jpg 683w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07246-700x1050.jpg 700w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07246-768x1152.jpg 768w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07246-800x1200.jpg 800w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07246-1024x1536.jpg 1024w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07246-1200x1800.jpg 1200w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07246.jpg 1280w" sizes="(max-width: 1280px) 100v
707w, 1280px" loading="lazy"> 708 709 </figure> 710 </a> 711 712 713 <a class="ee-gallery-item ee-gallery-item--image ee-gallery-item--single" href="https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07664.jpg" data-sub-html="<span></span>" data-category="1" data-lg-size="1280-1920" 714 715 > 716 <figure class="ee-gallery-item-figure"> 717 <img class="breakdance-image-object" src="https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07664-683x1024.jpg" width="683" height="1024" srcset="https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07664-120x180.jpg 120w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07664-200x300.jpg 200w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07664-333x500.jpg 333w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07664-400x600.jpg 400w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07664-500x750.jpg 500w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07664-600x900.jpg 600w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07664-683x1024.jpg 683w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07664-700x1050.jpg 700w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07664-768x1152.jpg 768w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07664-800x1200.jpg 800w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07664-1024x1536.jpg 1024w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07664-1200x1800.jpg 1200w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC07664.jpg 1280w" sizes="(max-width: 1280px) 100vw, 1280px" loading="lazy"> 718 719 </figure> 720 </a> 721 722 723 <a class="ee-gallery-item ee-gallery-item--image ee-gallery-item--single" href="https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC01915.jpg" data-sub-html="<span></span>" data-category="1" data-lg-size="1280-1920" 724 725 > 726 <figure class="ee-gallery-item-figure"> 727 <img class="breakdance-image-object" src="https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC01915-683x1024.jpg" width="683" height="1024" srcset="https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC01915-120x180.jpg 120w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC01915-200x300.jpg 200w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC01915-333x500.jpg 333w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC01915-400x600.jpg 400w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC01915-500x750.jpg 500w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC01915-600x900.jpg 600w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC01915-683x1024.jpg 683w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC01915-700x1050.jpg 700w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC01915-768x1152.jpg 768w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC01915-800x1200.jpg 800w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC01915-1024x1536.jpg 1024w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC01915-1200x1800.jpg 1200w, https://www.activecitysummer.de/wp-content/uploads/2024/09/@justus.fotos-20240907-DSC01915.jpg 1280w" sizes="(max-width: 1280px) 100v
727w, 1280px" loading="lazy"> 728 729 </figure> 730 </a> 731 732 733 </div> 734 735 736 737</div> 738</div><div class="bde-column-7-126 bde-column"> 739 740 741 742 743 744 745<img class="bde-image2-7-127 bde-image2" src="https://www.activecitysummer.de/wp-content/uploads/2026/04/Summer.png" loading="lazy" srcset="https://www.activecitysummer.de/wp-content/uploads/2026/04/Summer-32x32.png 32w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Summer-48x48.png 48w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Summer-186x180.png 186w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Summer-200x194.png 200w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Summer-300x291.png 300w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Summer-400x388.png 400w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Summer-500x485.png 500w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Summer-600x581.png 600w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Summer-768x744.png 768w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Summer-800x775.png 800w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Summer.png 840w" sizes="(max-width: 840px) 100vw, 840px"><div class="bde-countdown-timer-7-130 bde-countdown-timer"> 746 747 748 749 750<div class="bde-countdown-timer__time js-countdown-timer"> 751 <div class="bde-countdown-timer__wrap js-wrap js-wrap-animation-Default"> 752 753 <div class="bde-countdown-timer__digit-wrap js-days-wrap is-visible"> 754 <div class="bde-countdown-timer__digit bde-countdown-timer__days bde-countdown-timer__digit--round"> 755 <span class="bde-countdown-timer__number js-days">00</span> 756 </div> 757 758 <p class="bde-countdown-timer__label bde-countdown-timer__label--outside"> 759 <span class="plural">Tage</span> 760 <span class="singular">Tag</span> 761 </p> 762 </div> 763 764 <div class="bde-countdown-timer__digit-wrap js-hours-wrap is-visible"> 765 <div class="bde-countdown-timer__digit bde-countdown-timer__hours bde-countdown-timer__digit--round"> 766 <span class="bde-countdown-timer__number js-hours">00</span> 767 </div> 768 769 <p class="bde-countdown-timer__label bde-countdown-timer__label--outside"> 770 <span class="plural">Stunden</span> 771 <span class="singular">Stunde</span> 772 </p> 773 </div> 774 775 <div class="bde-countdown-timer__digit-wrap js-minutes-wrap is-visible"> 776 <div class="bde-countdown-timer__digit bde-countdown-timer__minutes bde-countdown-timer__digit--round"> 777 <span class="bde-countdown-timer__number js-minutes">00</span> 778 </div> 779 780 <p class="bde-countdown-timer__label bde-countdown-timer__label--outside"> 781 <span class="plural">Minuten</span> 782 <span class="singular">Minute</span> 783 </p> 784 </div> 785 786 <div class="bde-countdown-timer__digit-wrap js-seconds-wrap is-hidden"> 787 <div class="bde-countdown-timer__digit bde-countdown-timer__seconds bde-countdown-timer__digit--round"> 788 <span class="bde-countdown-timer__number js-seconds">00</span> 789 </div> 790 791 <p class="bde-countdown-timer__label bde-countdown-timer__label--outside"> 792 <span class="plural">Sekunden</span> 793 <span class="singular">Sekunde</span> 794 </p> 795 </div> 796 </div> 797 </div> 798 799</div> 800</div></div></div> 801</section><section class="bde-section-7-131 bde-section"> 802 803 804 805 806 807 808 809<div class="section-container"><div class="bde-columns-7-132 bde-columns"><div class="bde-column-7-136 bde-column"> 810 811 812 813 814 815 816<img class="bde-image2-7-137 bde-image2" src="https://www.activecitysummer.de/wp-content/uploads/2026/04/Festival-2026.png" loading="lazy" srcset="https://www.activecitysummer.de/wp-content/uploads/2026/04/Festival-2026-154x180.png 154w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Festival-2026-200x234.png 200w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Festival-2026-257x300.png 257w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Festival-2026-400x468.png 400w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Festival-2026-428x500.png 428w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Festival-2026-600x702.png 600w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Festival-2026-768x898.png 768w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Festival-2026-800x936.png 800w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Festival-2026.png 850w" sizes="(max-width: 850px) 100v
816w, 850px"><div class="bde-button-7-138 bde-button"> 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 <a class="breakdance-link button-atom button-atom--custom bde-button__button" href="/festival" target="_self" data-type="url" > 833 834 835 <span class="button-atom__text">Mehr erfahren</span> 836 837 838 839 </a> 840 841 842 843 844</div> 845</div><div class="bde-column-7-133 bde-column"> 846 847 848 849 850 851 852<div class="bde-video-7-147 bde-video"> 853<div class="ee-video-container"> 854 855 <lite-youtube 856 videoid="OuuCR7rfDYc" 857 style="background-image: url(https://i.ytimg.com/vi/OuuCR7rfDYc/maxresdefault.jpg); " 858 class="ee-video" 859 title="" 860 params="&playsinline=0&rel=0&enablejsapi=1" 861 > 862 </lite-youtube> 863 864 865 866 </div> 867 868</div><div class="bde-countdown-timer-7-149 bde-countdown-timer"> 869 870 871 872 873<div class="bde-countdown-timer__time js-countdown-timer"> 874 <div class="bde-countdown-timer__wrap js-wrap js-wrap-animation-Default"> 875 876 <div class="bde-countdown-timer__digit-wrap js-days-wrap is-visible"> 877 <div class="bde-countdown-timer__digit bde-countdown-timer__days bde-countdown-timer__digit--round"> 878 <span class="bde-countdown-timer__number js-days">00</span> 879 </div> 880 881 <p class="bde-countdown-timer__label bde-countdown-timer__label--outside"> 882 <span class="plural">Tage</span> 883 <span class="singular">Tag</span> 884 </p> 885 </div> 886 887 <div class="bde-countdown-timer__digit-wrap js-hours-wrap is-visible"> 888 <div class="bde-countdown-timer__digit bde-countdown-timer__hours bde-countdown-timer__digit--round"> 889 <span class="bde-countdown-timer__number js-hours">00</span> 890 </div> 891 892 <p class="bde-countdown-timer__label bde-countdown-timer__label--outside"> 893 <span class="plural">Stunden</span> 894 <span class="singular">Stunde</span> 895 </p> 896 </div> 897 898 <div class="bde-countdown-timer__digit-wrap js-minutes-wrap is-visible"> 899 <div class="bde-countdown-timer__digit bde-countdown-timer__minutes bde-countdown-timer__digit--round"> 900 <span class="bde-countdown-timer__number js-minutes">00</span> 901 </div> 902 903 <p class="bde-countdown-timer__label bde-countdown-timer__label--outside"> 904 <span class="plural">Minuten</span> 905 <span class="singular">Minute</span> 906 </p> 907 </div> 908 909 <div class="bde-countdown-timer__digit-wrap js-seconds-wrap is-hidden"> 910 <div class="bde-countdown-timer__digit bde-countdown-timer__seconds bde-countdown-timer__digit--round"> 911 <span class="bde-countdown-timer__number js-seconds">00</span> 912 </div> 913 914 <p class="bde-countdown-timer__label bde-countdown-timer__label--outside"> 915 <span class="plural">Sekunden</span> 916 <span class="singular">Sekunde</span> 917 </p> 918 </div> 919 </div> 920 </div> 921 922</div> 923</div></div></div> 924</section><section class="bde-section-7-168 bde-section"> 925 926 927 928 929 930 931 932<div class="section-container"><div class="bde-columns-7-176 bde-columns"><div class="bde-column-7-177 bde-column"> 933 934 935 936 937 938 939<h3 class="bde-heading-7-178 bde-heading"> 940Der Active City Festival Community Run powered by HEJ 941</h3><div class="bde-text-7-179 bde-text"> 942Dabei geht es nicht um Bestzeiten, sondern um Gemeinschaft, Bewegung und SpaÃ! Freut euch auf eine schöne Runde durch den Wilhelmsburger Inselpark, tolle Finisher-Bags und die Möglichkeit, neue Menschen kennenzulernen.<br><br>Start: 13:00 Uhr⨠| Wilhelmsburger Inselpark<br>Strecke: ca. 5 km<br><br>Die Anmeldung ist nicht verpflichtend. Jedoch hilft es uns für eine bessere Planung und Koordination der Veranstaltung. 943</div><div class="bde-button-7-180 bde-button"> 944 945 946 947 948 949 950 951 952 953 954 955 956 957 958 959 <a class="breakdance-link button-atom button-atom--primary bde-button__button" href="https://www.activecitysummer.de/events/community-run-powered-by-hej/" target="_self" data-type="url" > 960 961
962 <span class="button-atom__text">Zur Anmeldung</span> 963 964 965 966 </a> 967 968 969 970 971</div> 972</div><div class="bde-column-7-181 bde-column"> 973 974 975 976 977 978 979<img class="bde-image2-7-182 bde-image2" src="https://www.activecitysummer.de/wp-content/uploads/2026/08/Active-City-Festival-Community-Run-powered-by-HEJ-01.png" loading="lazy" srcset="https://www.activecitysummer.de/wp-content/uploads/2026/08/Active-City-Festival-Community-Run-powered-by-HEJ-01.png 987w, https://www.activecitysummer.de/wp-content/uploads/2026/08/Active-City-Festival-Community-Run-powered-by-HEJ-01-500x352.png 500w, https://www.activecitysummer.de/wp-content/uploads/2026/08/Active-City-Festival-Community-Run-powered-by-HEJ-01-300x211.png 300w, https://www.activecitysummer.de/wp-content/uploads/2026/08/Active-City-Festival-Community-Run-powered-by-HEJ-01-768x541.png 768w, https://www.activecitysummer.de/wp-content/uploads/2026/08/Active-City-Festival-Community-Run-powered-by-HEJ-01-240x169.png 240w" sizes="(max-width: 987px) 100vw, 987px"> 980</div></div></div> 981</section><section class="bde-section-7-206 bde-section"> 982 983 984 985 986 987 988 989<div class="section-container"><div class="bde-columns-7-207 bde-columns"><div class="bde-column-7-208 bde-column"> 990 991 992 993 994 995 996<img class="bde-image2-7-213 bde-image2" src="https://www.activecitysummer.de/wp-content/uploads/2026/08/Fahrradtour-Active-City-Festival-adfc.png" loading="lazy" srcset="https://www.activecitysummer.de/wp-content/uploads/2026/08/Fahrradtour-Active-City-Festival-adfc.png 1040w, https://www.activecitysummer.de/wp-content/uploads/2026/08/Fahrradtour-Active-City-Festival-adfc-500x353.png 500w, https://www.activecitysummer.de/wp-content/uploads/2026/08/Fahrradtour-Active-City-Festival-adfc-1024x723.png 1024w, https://www.activecitysummer.de/wp-content/uploads/2026/08/Fahrradtour-Active-City-Festival-adfc-300x212.png 300w, https://www.activecitysummer.de/wp-content/uploads/2026/08/Fahrradtour-Active-City-Festival-adfc-768x542.png 768w, https://www.activecitysummer.de/wp-content/uploads/2026/08/Fahrradtour-Active-City-Festival-adfc-240x169.png 240w" sizes="(max-width: 1040px) 100vw, 1040px"> 997</div><div class="bde-column-7-212 bde-column"> 998 999 1000 1001 1002 1003 1004<h3 class="bde-heading-7-209 bde-heading"> 1005Die Active City Festival Fahrradtour powered by ADFC Hamburg 1006</h3><div class="bde-text-7-210 bde-text"> 1007Die Fahrradtour führt über die Elbinsel â durch den Wilhelmsburger Ortskern, die Marsch und das Naturschutzgebiet Heuckenlock.<br><br>Start: 15:00 Uhr⨠| Wilhelmsburger Inselpark<br>Dauer: 1,5 Std. (bei 15km/h Geschwindigkeit)<br>Strecke: ca. 13 km<br><br> 1008</div><div class="bde-button-7-214 bde-button"> 1009 1010 1011 1012 1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 <a class="breakdance-link button-atom button-atom--primary bde-button__button" href="https://www.activecitysummer.de/festival/" target="_self" data-type="url" > 1025 1026 1027 <span class="button-atom__text">Weitere Infos</span> 1028 1029 1030 1031 </a> 1032 1033 1034 1035 1036</div> 1037</div></div></div> 1038</section><section class="bde-section-7-150 bde-section"> 1039 1040 1041 1042 1043 1044 1045<div class="section-container"><div class="bde-columns-7-159 bde-columns"><div class="bde-column-7-186 bde-column"> 1046 1047 1048 1049 1050 1051 1052<div class="bde-video-7-146 bde-video"> 1053<div class="ee-video-container"> 1054 1055 <lite-youtube 1056 videoid="Hz_AkqKQj0o" 1057 style="background-image: url(https://i.ytimg.com/vi/Hz_AkqKQj0o/maxresdefault.jpg); " 1058 class="ee-video" 1059 title="" 1060 params="&playsinline=0&rel=0&enablejsapi=1" 1061 > 1062 </lite-youtube> 1063 1064 1065 1066 </div> 1067 1068</div> 1069</div><div class="bde-column-7-187 bde-column"> 1070 1071 1072 1073 1074 1075 1076<h3 class="bde-heading-7-164 bde-heading"> 1077Der Active City Summer bringt dich in Bewegung 1078</h3><div class="bde-text-7-162 bde-text">
1079Neue Sportart? Noch nie ausprobiert?<br>Pickleball, Quadball, Lichtschwertkampf oder Drachenboot â sagt dir nichts? Dann wirdâs Zeit!<br><br>Gemeinsam mit Hamburger Sportvereinen kannst du dich durch verschiedenste Sportarten testen â ganz unkompliziert und ohne Vorkenntnisse.<br><br>Komm vorbei, probier dich aus und entdecke, was dir Spaà macht! 1080</div><div class="bde-button-7-166 bde-button"> 1081 1082 1083 1084 1085 1086 1087 1088 1089 1090 1091 1092 1093 1094 1095 1096 <a class="breakdance-link button-atom button-atom--primary bde-button__button" href="/kurse" target="_self" data-type="url" > 1097 1098 1099 <span class="button-atom__text">Kurse ansehen</span> 1100 1101 1102 1103 </a> 1104 1105 1106 1107 1108</div> 1109</div></div></div> 1110</section><section class="bde-section-7-196 bde-section"> 1111 1112 1113 1114 1115 1116 1117 1118<div class="section-container"><div class="bde-columns-7-197 bde-columns"><div class="bde-column-7-198 bde-column"> 1119 1120 1121 1122 1123 1124 1125<h3 class="bde-heading-7-199 bde-heading"> 1126Dein Active City Summer mit Decathlon 1127</h3><div class="bde-text-7-200 bde-text"> 1128Der Active City Summer startet und wir sorgen für die Extra-Portion Motivation! Egal, ob du neue Kurse ausprobierst oder als Trainer:in Vollgas gibst â dein sportlicher Einsatz zahlt sich in diesem Sommer richtig aus.<br><br>Das Highlight: Bei unseren Gewinnspielen können alle abräumen! Checke als Teilnehmer:in einfach per QR-Code vor Ort im Kurs ein und sichere dir deine Gewinnchance. Und das Beste: Ab fünf registrierten Teilnehmenden pro Kurs landet der Coach automatisch im eigenen Trainer:in-Lostopf für tolle Gutschein-Gewinne. 1129</div><div class="bde-button-7-201 bde-button"> 1130 1131 1132 1133 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 <a class="breakdance-link button-atom button-atom--primary bde-button__button" href="https://www.activecitysummer.de/partner/decathlon/" target="_self" data-type="url" > 1146 1147 1148 <span class="button-atom__text">Zur Decathlon Aktionsseite</span> 1149 1150 1151 1152 </a> 1153 1154 1155 1156 1157</div> 1158</div><div class="bde-column-7-202 bde-column"> 1159 1160 1161 1162 1163 1164 1165<img class="bde-image2-7-203 bde-image2" src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Gutschein_Trainer_Membership.png" loading="lazy" srcset="https://www.activecitysummer.de/wp-content/uploads/2026/06/Gutschein_Trainer_Membership.png 1468w, https://www.activecitysummer.de/wp-content/uploads/2026/06/Gutschein_Trainer_Membership-500x317.png 500w, https://www.activecitysummer.de/wp-content/uploads/2026/06/Gutschein_Trainer_Membership-1024x649.png 1024w, https://www.activecitysummer.de/wp-content/uploads/2026/06/Gutschein_Trainer_Membership-300x190.png 300w, https://www.activecitysummer.de/wp-content/uploads/2026/06/Gutschein_Trainer_Membership-768x487.png 768w, https://www.activecitysummer.de/wp-content/uploads/2026/06/Gutschein_Trainer_Membership-240x152.png 240w" sizes="(max-width: 1468px) 100vw, 1468px"> 1166</div></div></div> 1167</section><section class="bde-section-7-188 bde-section"> 1168 1169 1170 1171 1172 1173 1174<div class="section-container"><div class="bde-columns-7-189 bde-columns"><div class="bde-column-7-190 bde-column"> 1175 1176 1177 1178 1179 1180 1181<h2 class="bde-heading-7-191 bde-heading"> 1182Sportarten 1183</h2><div class="bde-shortcode-7-192 bde-shortcode"><div class="acsk-mtabs"> 1184 <button type="button" data-mtab="sport" class="on">Nach Sportart</button> 1185 <button type="button" data-mtab="multi" class="">Mehrfach-Ansicht</button> 1186</div> 1187<div class="acsk-mpane" data-pane="sport"> 1188 <div id="acs-sportarten"> 1189 <div class="acsp-tabs"> 1190 <button type="button" class="acsp-tab on" data-cat="">Alle</button> 1191 <button type="button" class="acsp-tab" data-cat="aktiv-draussen">Aktiv & DrauÃen</button> 1192 <button type="button" class="acsp-tab" data-cat="ball-spiel">Ball & Spiel</button> 1193 <button type="button" class="acsp-tab" data-cat="fuer-alle-lebenslagen">Für Alle Lebenslagen</button> 1194 <button type="button" class="acsp-tab" data-cat="koerper-geist">Körper & Geist</button> 1195 <button type="button" class="acsp-tab" data-cat="kraft-kampf">Kraft & Kampf</button> 1196 </div>
1197 <div class="acsp-grid"> 1198 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/ballsport/" style="--acsp-accent:#5f79ff;--acsp-tint:#e9ecff" data-cat="ball-spiel"> 1199 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Ballsport.png" alt="" loading="lazy"></span> <span class="acsp-name">Ballsport</span> 1200 <span class="acsp-count">50 Kurse · 378 Termine</span> </a> 1201 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/boxen/" style="--acsp-accent:#ff70b1;--acsp-tint:#ffebf4" data-cat="kraft-kampf"> 1202 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Boxen.png" alt="" loading="lazy"></span> <span class="acsp-name">Boxen</span> 1203 <span class="acsp-count">14 Kurse · 125 Termine</span> </a> 1204 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/denksport/" style="--acsp-accent:#52d694;--acsp-tint:#e7f9f0" data-cat="fuer-alle-lebenslagen"> 1205 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Denksport.png" alt="" loading="lazy"></span> <span class="acsp-name">Denksport</span> 1206 <span class="acsp-count">2 Kurse · 14 Termine</span> </a> 1207 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/ernaehrung/" style="--acsp-accent:#63baae;--acsp-tint:#e9f5f4" data-cat="koerper-geist"> 1208 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Food.png" alt="" loading="lazy"></span> <span class="acsp-name">Ernährung</span> 1209 <span class="acsp-count">3 Kurse · 3 Termine</span> </a> 1210 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/fitness/" style="--acsp-accent:#8d79e9;--acsp-tint:#efecfc" data-cat="kraft-kampf"> 1211 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Fitness.png" alt="" loading="lazy"></span> <span class="acsp-name">Fitness</span> 1212 <span class="acsp-count">324 Kurse · 1862 Termine</span> </a> 1213 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/freizeitspiele/" style="--acsp-accent:#8d7aeb;--acsp-tint:#efecfc" data-cat="ball-spiel"> 1214 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Freizeitspiele.png" alt="" loading="lazy"></span> <span class="acsp-name">Freizeitspiele</span> 1215 <span class="acsp-count">26 Kurse · 221 Termine</span> </a> 1216 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/gesundheitssport/" style="--acsp-accent:#ff70b1;
1216--acsp-tint:#ffebf4" data-cat="koerper-geist"> 1217 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Gesundheit.png" alt="" loading="lazy"></span> <span class="acsp-name">Gesundheitssport</span> 1218 <span class="acsp-count">147 Kurse · 1081 Termine</span> </a> 1219 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/kampfsport/" style="--acsp-accent:#53d795;--acsp-tint:#e7f9f0" data-cat="kraft-kampf"> 1220 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Kampfsport.png" alt="" loading="lazy"></span> <span class="acsp-name">Kampfsport</span> 1221 <span class="acsp-count">51 Kurse · 474 Termine</span> </a> 1222 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/kindersport/" style="--acsp-accent:#53d795;--acsp-tint:#e7f9f0" data-cat="fuer-alle-lebenslagen"> 1223 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Kindersport.png" alt="" loading="lazy"></span> <span class="acsp-name">Kindersport</span> 1224 <span class="acsp-count">72 Kurse · 447 Termine</span> </a> 1225 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/klettern/" style="--acsp-accent:#f79d22;--acsp-tint:#fef1e0" data-cat="aktiv-draussen"> 1226 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Klettern.png" alt="" loading="lazy"></span> <span class="acsp-name">Klettern</span> 1227 <span class="acsp-count">4 Kurse · 9 Termine</span> </a> 1228 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/parcour/" style="--acsp-accent:#53d795;--acsp-tint:#e7f9f0" data-cat="aktiv-draussen"> 1229 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Parcour.png" alt="" loading="lazy"></span> <span class="acsp-name">Parcour</span> 1230 <span class="acsp-count">14 Kurse · 26 Termine</span> </a> 1231 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/qigong/" style="--acsp-accent:#63b9ae;--acsp-tint:#e9f5f4" data-cat="koerper-geist"> 1232 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Qigong.png" alt="" loading="lazy"></span> <span class="acsp-name">Qigong</span> 1233 <span class="acsp-count">13 Kurse · 62 Termine</span> </a> 1234 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/radsport/" style="--acsp-accent:#53d795;--acsp-tint:#e7f9f0" data-cat="aktiv-draussen"> 1235 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Radsport.png" alt="" loading="lazy"></span> <span class="acsp-name">Radsport</span> 1236 <span class="acsp-count">5 Kurse · 17 Termine</span> </a> 1237 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/rollstuhlsport/" style="--acsp-accent:#53d795;--acsp-tint:#e7f9f0" data-cat="fuer-alle-lebenslagen"> 1238 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Rollstuhlsport.png" alt="" loading="lazy"></span> <span class="acsp-name">Rollstuhlsport</span> 1239 <span class="acsp-count">2 Kurse · 9 Termine</span> </a> 1240 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/rund-ums-baby/" style="--acsp-accent:#53d795;--acsp-tint:#e7f9f0" data-cat="fuer-alle-lebenslagen"> 1241 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Rund_ums_Baby.png" alt="" loading="lazy"></span> <span class="acsp-name">Rund ums Baby</span> 1242 <span class="acsp-count">4 Kurse · 25 Termine</span> </a> 1243 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/running/" style="--acsp-accent:#f79d22;--acsp-tint:#fef1e0" data-cat="aktiv-draussen"> 1244 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Running.png" alt="" loading="lazy"></span> <span class="acsp-name">Running</span> 1245 <span class="acsp-count">17 Kurse · 140 Termine</span> </a> 1246 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/skaten/" style="--acsp-accent:#53d795;--acsp-tint:#e7f9f0" data-cat="aktiv-draussen">
1247 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Skate_01.png" alt="" loading="lazy"></span> <span class="acsp-name">Skaten</span> 1248 <span class="acsp-count">5 Kurse · 36 Termine</span> </a> 1249 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/tanzen/" style="--acsp-accent:#3e80c0;--acsp-tint:#e4edf6" data-cat="koerper-geist"> 1250 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Tanzen.png" alt="" loading="lazy"></span> <span class="acsp-name">Tanzen</span> 1251 <span class="acsp-count">96 Kurse · 511 Termine</span> </a> 1252 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/turnen/" style="--acsp-accent:#53d795;--acsp-tint:#e7f9f0" data-cat="kraft-kampf"> 1253 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Turnen.png" alt="" loading="lazy"></span> <span class="acsp-name">Turnen</span> 1254 <span class="acsp-count">23 Kurse · 68 Termine</span> </a> 1255 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/walking/" style="--acsp-accent:#52d694;--acsp-tint:#e7f9f0" data-cat="aktiv-draussen"> 1256 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Walking.png" alt="" loading="lazy"></span> <span class="acsp-name">Walking</span> 1257 <span class="acsp-count">14 Kurse · 145 Termine</span> </a> 1258 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/wassersport/" style="--acsp-accent:#3e80c0;--acsp-tint:#e4edf6" data-cat="aktiv-draussen"> 1259 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Wassersport.png" alt="" loading="lazy"></span> <span class="acsp-name">Wassersport</span> 1260 <span class="acsp-count">56 Kurse · 285 Termine</span> </a> 1261 <a class="acsp-card" href="https://www.activecitysummer.de/sportart/yoga/" style="--acsp-accent:#ff70b1;
1261--acsp-tint:#ffebf4" data-cat="koerper-geist"> 1262 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Yoga.png" alt="" loading="lazy"></span> <span class="acsp-name">Yoga</span> 1263 <span class="acsp-count">68 Kurse · 524 Termine</span> </a> 1264 <div class="acsp-card disabled" data-cat="aktiv-draussen"> 1265 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Bogenschiessen.png" alt="" loading="lazy"></span> <span class="acsp-name">BogenschieÃen</span> 1266 </div> 1267 <div class="acsp-card disabled" data-cat="ball-spiel"> 1268 <span class="acsp-ic"><img src="https://www.activecitysummer.de/wp-content/uploads/2026/06/Frisbee.png" alt="" loading="lazy"></span> <span class="acsp-name">Frisbeesport</span> 1269 </div> 1270 </div> 1271</div> 1272<style> 1273#acs-sportarten{--sky:#009fe4;--sky2:#0089c7;--navy:#002551;--ink:#002551;--mut:#5a6b80;--line:#e6e3cf;--card:#fff;--chip:#f3f0db; 1274 font-family:'Rubik',system-ui,sans-serif;color:var(--ink);max-width:1150px;margin:0 auto} 1275#acs-sportarten *{box-sizing:border-box} 1276#acs-sportarten .acsp-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 22px} 1277#acs-sportarten .acsp-tab{border:1.5px solid var(--line);background:var(--card);color:var(--mut);font-family:inherit;font-weight:700; 1278 font-size:13.5px;padding:9px 16px;border-radius:9999px;cursor:pointer;transition:all .15s} 1279#acs-sportarten .acsp-tab:hover{border-color:var(--sky);color:var(--sky)} 1280#acs-sportarten .acsp-tab.on{background:var(--navy);border-color:var(--navy);color:#fff} 1281#acs-sportarten .acsp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px} 1282#acs-sportarten .acsp-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px; 1283 background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 14px 16px;text-decoration:none;color:var(--ink); 1284 box-shadow:0 1px 2px rgba(0,37,81,.04);transition:transform .12s,box-shadow .15s,border-color .15s} 1285#acs-sportarten a.acsp-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,37,81,.12);border-color:var(--acsp-accent,var(--sky))} 1286#acs-sportarten .acsp-ic{width:74px;height:74px;display:flex;align-items:center;justify-content:center;background:var(--acsp-tint,transparent);border-radius:16px;padding:9px} 1287#acs-sportarten .acsp-ic img{max-width:100%;max-height:100%;object-fit:contain} 1288#acs-sportarten .acsp-name{font-weight:800;font-size:15px;color:var(--navy);line-height:1.2} 1289#acs-sportarten .acsp-count{font-size:11px;font-weight:700;color:#9e9e9e;background:transparent;padding:2px 9px;border-radius:20px;line-height:1em} 1290/* Ausgegraute (leere) Sportarten: ans Ende sortiert (PHP) + kompakter, damit Kurse mit Inhalt hervorstechen */ 1291#acs-sportarten .acsp-card.disabled{opacity:.55;cursor:default;box-shadow:none;padding:12px 10px 11px;gap:6px} 1292#acs-sportarten .acsp-card.disabled .acsp-ic{width:46px;height:46px;filter:grayscale(1)} 1293#acs-sportarten .acsp-card.disabled .acsp-name{font-size:12.5px;font-weight:700;color:var(--mut)} 1294#acs-sportarten .acsp-card.hide{display:none} 1295@media(max-width:560px){#acs-sportarten .acsp-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px} 1296 #acs-sportarten .acsp-ic{width:60px;height:60px}#acs-sportarten .acsp-name{font-size:14px} 1297 #acs-sportarten .acsp-card.disabled{padding:9px 7px 8px;gap:4px} 1298 #acs-sportarten .acsp-card.disabled .acsp-ic{width:38px;height:38px} 1299 #acs-sportarten .acsp-card.disabled .acsp-name{font-size:11.5px}} 1300</style>
1301<script> 1302(function(){ 1303 var root=document.getElementById('acs-sportarten'); if(!root) return; 1304 var tabs=root.querySelectorAll('.acsp-tab'), cards=root.querySelectorAll('.acsp-card'); 1305 root.addEventListener('click',function(e){ 1306 var t=e.target.closest('.acsp-tab'); if(!t)return; 1307 tabs.forEach(function(x){x.classList.toggle('on',x===t);}); 1308 var cat=t.getAttribute('data-cat'); 1309 cards.forEach(function(c){ c.classList.toggle('hide', cat && c.getAttribute('data-cat')!==cat); }); 1310 }); 1311})(); 1312</script>
1312 1313</div> 1314<div class="acsk-mpane" data-pane="multi" style="display:none"> 1315 <div id="acs-kurse" data-mode="multi"></div> 1316</div>
1317<script>window.ACS_KURSE = {"mode":"multi","endpoint":"https:\/\/www.activecitysummer.de\/wp-json\/acs\/v1\/courses-all","ajaxurl":"https:\/\/www.activecitysummer.de\/wp-admin\/admin-ajax.php","nonce":"a57b9f6e08","fields":[{"key":"evors_addf1","label":"Bist du \/ ihr schon Mitglied in diesem Verein?","type":"dropdown","required":true,"values":["BITTE W\u00c4HLEN","JA","NEIN","50\/50"],"placeholder":"","vis":"def"},{"key":"evors_addf2","label":"Deine Adresse","type":"textarea","required":true,"values":[],"placeholder":"Beispielstr. 12, 12345 Hamburg","vis":"def"}],"categories":[{"name":"Aktiv & Drau\u00dfen","slug":"aktiv-draussen","sports":[["klettern","Klettern"],["parcour","Parcour"],["radsport","Radsport"],["running","Running"],["skaten","Skaten"],["walking","Walking"],["wassersport","Wassersport"]]},{"name":"Ball & Spiel","slug":"ball-spiel","sports":[["ballsport","Ballsport"],["freizeitspiele","Freizeitspiele"]]},{"name":"F\u00fcr Alle Lebenslagen","slug":"fuer-alle-lebenslagen","sports":[["denksport","Denksport"],["kindersport","Kindersport"],["rollstuhlsport","Rollstuhlsport"],["rund-ums-baby","Rund ums Baby"]]},{"name":"K\u00f6rper & Geist","slug":"koerper-geist","sports":[["ernaehrung","Ern\u00e4hrung"],["gesundheitssport","Gesundheitssport"],["qigong","Qigong"],["tanzen","Tanzen"],["yoga","Yoga"]]},{"name":"Kraft & Kampf","slug":"kraft-kampf","sports":[["boxen","Boxen"],["fitness","Fitness"],["kampfsport","Kampfsport"],["turnen","Turnen"]]}],"sportColors":{"ballsport":["#5f79ff","#e9ecff"],"bogenschiessen":["#53d795","#e7f9f0"],"boxen":["#ff70b1","#ffebf4"],"denksport":["#52d694","#e7f9f0"],"ernaehrung":["#63baae","#e9f5f4"],"fitness":["#8d79e9","#efecfc"],"freizeitspiele":["#8d7aeb","#efecfc"],"frisbeesport":["#53d795","#e7f9f0"],"gesundheitssport":["#ff70b1","#ffebf4"],"kampfsport":["#53d795","#e7f9f0"],"kindersport":["#53d795","#e7f9f0"],"klettern":["#f79d22","#fef1e0"],"parcour":["#53d795","#e7f9f0"],"qigong":["#63b9ae","#e9f5f4"],"radsport":["#53d795","#e7f9f0"],"rollstuhlsport":["#53d795","#e7f9f0"],"rund-ums-baby":["#53d795","#e7f9f0"],"running":["#f79d22","#fef1e0"],"skaten":["#53d795","#e7f9f0"],"tanzen":["#3e80c0","#e4edf6"],"turnen":["#53d795","#e7f9f0"],"walking":["#52d694","#e7f9f0"],"wassersport":["#3e80c0","#e4edf6"],"yoga":["#ff70b1","#ffebf4"]}};</script>
1317 1318<style>/* Active City Summer â Sportart-Kurslisting. Alles unter #acs-kurse gescopt (Kollisionsschutz). */ 1319/* Seiten-H1 (Sportart-Titel) â steht auÃerhalb #acs-kurse, daher eigene Markenwerte. 1320 !important, weil das Theme h1 sonst überschreibt (sonst ~52px). */ 1321.acsk-page-title{font-family:'Rubik',system-ui,sans-serif;color:#002551;font-weight:800;font-size:clamp(24px,3.6vw,38px) !important;line-height:1.15;margin:0 0 14px} 1322/* Oberes Padding der umgebenden Breakdance-Section reduzieren, damit man mehr Kurse sieht. 1323 :has() trifft nur die Section, die unsere H1 enthält. */ 1324.section-container:has(.acsk-page-title){padding-top:28px !important} 1325#acs-kurse{ 1326 --sky:#009fe4; --sky2:#0089c7; --navy:#002551; --navy2:#053a78; 1327 --ink:#002551; --mut:#5a6b80; --line:#e6e3cf; --bg:#fffce6; --card:#ffffff; 1328 --chip:#f3f0db; --good:#1c7a3f; --good-bg:#e7f6ec; --warn:#c2730f; --warn-bg:#fdf0d8; --used:#f0b400; 1329 --full:#c0392b; --full-bg:#fbe6e3; --shadow:0 1px 2px rgba(0,37,81,.05),0 8px 24px rgba(0,37,81,.07); 1330 --o:var(--sky); --o2:var(--sky2); 1331 font-family:'Rubik',system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased; 1332 text-align:left; /* gegen geerbtes text-align:center der /kurse-Spalte â zentrierte Einzelelemente setzen es selbst */ 1333 display:block;width:100%;max-width:none;margin:0 auto 1334} 1335#acs-kurse *{box-sizing:border-box} 1336#acs-kurse a{color:inherit} 1337/* Diese Breakdance-Section (Sportart-Single, Template 58443) auf volle Seitenbreite â 1338 greift nur hier, weil dieses CSS ausschlieÃlich vom [acs_kurse]-Shortcode geladen wird. */ 1339.bde-section-58443-100 .section-container{max-width:none!important;padding-left:clamp(16px,3vw,44px)!important;padding-right:clamp(16px,3vw,44px)!important} 1340 1341/* Ladeanzeige */ 1342#acs-kurse .acsk-load{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:var(--mut);font-size:14px;font-weight:600} 1343#acs-kurse .acsk-spin{width:24px;height:24px;border:3px solid var(--line);border-top-color:var(--sky);border-radius:50%;animation:acsk-spin .8s linear infinite} 1344@keyframes acsk-spin{to{transform:rotate(360deg)}} 1345 1346/* Steuerleiste */ 1347#acs-kurse .bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px} 1348#acs-kurse .week{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:5px;box-shadow:var(--shadow)} 1349#acs-kurse .week .nav{width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:var(--ink);font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center} 1350#acs-kurse .week .nav:hover:not(:disabled){background:var(--chip);color:var(--o)} 1351#acs-kurse .week .nav:disabled{opacity:.3;cursor:default} 1352#acs-kurse .week .lbl{font-weight:700;font-size:14px;padding:0 8px;min-width:188px;text-align:center;white-space:nowrap} 1353#acs-kurse .week .lbl small{display:block;font-weight:500;font-size:11px;color:var(--mut)} 1354#acs-kurse .today{border:0;background:var(--chip);color:var(--mut);font-weight:700;font-size:12px;border-radius:9px;padding:9px 12px;cursor:pointer;font-family:inherit} 1355#acs-kurse .today:hover{color:var(--o)} 1356#acs-kurse .seg{display:flex;gap:3px;background:var(--chip);padding:4px;border-radius:11px} 1357#acs-kurse .seg button{border:0;background:transparent;padding:8px 13px;border-radius:8px;font-weight:700;font-size:13px;color:var(--mut);cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px} 1358#acs-kurse .seg button.on{background:var(--card);color:var(--navy);box-shadow:var(--shadow)} 1359#acs-kurse .acsk-share{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);color:var(--navy);font-weight:700;font-size:13px;border-radius:11px;padding:8px 13px;cursor:pointer;font-family:inherit} 1360#acs-kurse .acsk-share:hover{border-color:var(--o);color:var(--o)} 1361#acs-kurse .acsk-share.done{border-color:var(--good);color:var(--good)} 1362#acs-kurse .acsk-share svg{width:15px;height:15px} 1363#acs-kurse .acsk-tomulti{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--navy);background:var(--navy);color:#fff;font-weight:700;font-size:13px;border-radius:11px;padding:9px 13px;
1363cursor:pointer;font-family:inherit} 1364#acs-kurse .acsk-tomulti:hover{background:var(--o);border-color:var(--o)} 1365#acs-kurse .acsk-tomulti svg{width:15px;height:15px} 1366#acs-kurse .seg button svg{width:15px;height:15px} 1367 1368/* Filter (in der Toolbar) */ 1369#acs-kurse .search{position:relative;flex:1 1 160px;min-width:150px} 1370#acs-kurse .search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--mut)} 1371#acs-kurse .search input{width:100%;padding:11px 12px 11px 36px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);font-family:inherit;font-size:14px} 1372#acs-kurse .search input:focus{outline:none;border-color:var(--o)} 1373#acs-kurse select.f{padding:11px 34px 11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a6b80' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center} 1374#acs-kurse select.f:focus{outline:none;border-color:var(--o)} 1375 1376#acs-kurse .count{font-size:13px;color:var(--mut);margin:0 0 12px;font-weight:500} 1377#acs-kurse .count b{color:var(--ink)} 1378 1379/* Liste */ 1380#acs-kurse .daygrp{margin-bottom:22px} 1381#acs-kurse .dayhd{display:flex;align-items:baseline;gap:10px;margin:0 0 11px;padding-bottom:7px;border-bottom:2px solid var(--line)} 1382#acs-kurse .dayhd h3{margin:0;font-size:15px;font-weight:800;color:var(--navy)} 1383#acs-kurse .dayhd .date{font-size:13px;color:var(--mut);font-weight:600} 1384#acs-kurse .dayhd .n{margin-left:auto;font-size:12px;color:var(--mut);background:var(--chip);padding:2px 9px;border-radius:20px;font-weight:700} 1385 1386/* Kachel */ 1387#acs-kurse .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px} 1388#acs-kurse .tile{background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column} 1389#acs-kurse .tile-main{flex:1;padding:14px 15px;display:flex;flex-direction:column;gap:10px} 1390#acs-kurse .tile-top{display:flex;align-items:flex-start;gap:10px} 1391#acs-kurse .timechip{flex:none;text-align:center;background:var(--sky);border-radius:12px;padding:8px 9px;min-width:68px} 1392#acs-kurse .timechip .wd{font-size:11px;color:rgba(255,255,255,.85);font-weight:700;margin-bottom:2px} 1393#acs-kurse .timechip .t{font-weight:800;font-size:17px;color:#fff;line-height:1} 1394#acs-kurse .timechip .e{font-size:11px;color:rgba(255,255,255,.8);font-weight:600;margin-top:2px} 1395#acs-kurse .tile-h{flex:1;min-width:0} 1396#acs-kurse .tile-h h4{margin:0 0 4px;font-size:15.5px;font-weight:700;line-height:1.25;color:var(--ink);overflow-wrap:break-word;word-break:break-word;hyphens:auto} 1397#acs-kurse .meta{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--mut);margin-top:3px} 1398#acs-kurse .meta svg{width:13px;height:13px;flex:none} 1399#acs-kurse .meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} 1400#acs-kurse .bezbadge{font-size:11px;font-weight:700;color:var(--sky2);background:rgba(0,159,228,.11);padding:3px 9px;border-radius:20px;flex:none;align-self:center} 1401 1402#acs-kurse .org{display:flex;align-items:center;gap:8px;padding-top:2px} 1403#acs-kurse .logo{width:28px;height:28px;border-radius:7px;flex:none;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;letter-spacing:-.02em;overflow:hidden} 1404#acs-kurse .logo.img{background:#fff;border:1px solid var(--line)} 1405#acs-kurse .logo img{width:100%;height:100%;object-fit:contain} 1406#acs-kurse .org .on{font-size:12.5px;color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} 1407 1408/* RSVP-Statuszeile */ 1409#acs-kurse .rsvp{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:11px} 1410#acs-kurse .cap{flex:1;min-width:0} 1411#acs-kurse .cap .num{font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;color:var(--ink)} 1412#acs-kurse .cap .num .free{color:var(--good)} 1413#acs-kurse .cap .num.ok{color:var(--good)} 1414#acs-kurse .cap .num.ok .free{color:var(--good)} 1415#acs-kurse .cap .num.zero{color:var(--full)} 1416#acs-kurse .cap .num.zero .free{color:var(--full)} 1417/* Track = grüner Sockel (freie Plätze); Fill von links = belegt (gelb). Ausgebucht = rot voll. */ 1418#acs-kurse .cap .track{height:6px;border-radius:6px;background:var(--good);overflow:hidden;margin-top:6px} 1419#acs-kurse .cap .fill{height:100%;border-radius:6px;background:var(--used)} 1420#acs-kurse .cap .fill.ok{background:var(--used)} 1421#acs-kurse .cap .fill.zero{background:var(--full)} 1422#acs-kurse .dash{font-size:13px;color:var(--mut);line-height:1.3;display:inline-block} 1423 1424#acs-kurse .btn{border:0;border-radius:9999px;font-family:inherit;font-weight:700;font-size:13px;
1424cursor:pointer;padding:10px 17px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:background-color .15s,transform .08s} 1425#acs-kurse .btn:active{transform:scale(.97)} 1426#acs-kurse .btn.primary{background:var(--navy);color:#fff} 1427#acs-kurse .btn.primary:hover{background:var(--navy2)} 1428#acs-kurse .btn.primary:disabled{background:var(--chip);color:var(--mut);cursor:default;transform:none} 1429#acs-kurse .btn.ghost{background:var(--chip);color:var(--ink)} 1430#acs-kurse .btn.ghost:hover{color:var(--sky)} 1431#acs-kurse .btn svg{width:14px;height:14px} 1432#acs-kurse .lm{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;line-height:1.15;color:#fff;text-decoration:none;padding:10px 17px;background:var(--sky);border-radius:9999px;white-space:nowrap;transition:background-color .15s} 1433#acs-kurse .lm svg{width:14px;height:14px;flex:none} 1434#acs-kurse .lm:hover{background:var(--sky2)} 1435#acs-kurse .lm svg{width:14px;height:14px} 1436 1437/* Details-Aufklapper */ 1438#acs-kurse .more{margin-top:auto;display:flex;align-items:center;gap:6px;width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--mut);font-family:inherit;font-weight:700;font-size:12.5px;padding:11px 15px;cursor:pointer} 1439#acs-kurse .more:hover{color:var(--o)} 1440#acs-kurse .more svg{width:14px;height:14px} 1441#acs-kurse .more .chev{margin-left:auto;transition:transform .2s} 1442#acs-kurse .tile.open-d .more .chev{transform:rotate(180deg)} 1443#acs-kurse .panel-d{display:none;border-top:1px solid var(--line);background:var(--bg);padding:14px 15px} 1444#acs-kurse .tile.open-d .panel-d{display:block} 1445#acs-kurse .det-desc{font-size:13.5px;line-height:1.55;color:var(--ink);margin:0 0 13px} 1446#acs-kurse .det-desc *{max-width:100%} 1447#acs-kurse .det-row{display:flex;align-items:flex-start;gap:9px;font-size:13px;margin:9px 0;color:var(--ink)} 1448#acs-kurse .det-row>svg{width:15px;height:15px;flex:none;color:var(--mut);margin-top:2px} 1449#acs-kurse .det-row b{font-weight:700} 1450#acs-kurse .det-row .sub{color:var(--mut);font-size:12.5px} 1451#acs-kurse .det-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px} 1452#acs-kurse .act{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;text-decoration:none;padding:9px 15px;border:1.5px solid var(--navy);border-radius:9999px;background:var(--card);color:var(--navy);cursor:pointer;font-family:inherit;transition:background-color .15s,color .15s} 1453#acs-kurse .act:hover{background:var(--navy);color:#fff} 1454#acs-kurse .act svg{width:14px;height:14px} 1455#acs-kurse .act-cancel{border-color:#d8c9c9;color:#9a6b6b} 1456#acs-kurse .act-cancel:hover{background:#c0392b;border-color:#c0392b;color:#fff} 1457#acs-kurse .share{display:flex;align-items:center;gap:7px;margin-top:13px;padding-top:12px;border-top:1px dashed var(--line);flex-wrap:wrap} 1458#acs-kurse .share .lab{font-size:12px;font-weight:700;color:var(--mut);margin-right:2px} 1459#acs-kurse .sb{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--mut);text-decoration:none} 1460#acs-kurse .sb:hover{color:#fff} 1461#acs-kurse .sb svg{width:15px;height:15px} 1462#acs-kurse .sb.wa:hover{background:#25D366;border-color:#25D366} 1463#acs-kurse .sb.fb:hover{background:#1877F2;border-color:#1877F2} 1464#acs-kurse .sb.x:hover{background:#000;border-color:#000} 1465#acs-kurse .sb.ml:hover{background:var(--o);border-color:var(--o)} 1466#acs-kurse .sb.cp:hover{background:var(--navy);border-color:var(--navy)} 1467 1468/* RSVP-Panel */ 1469#acs-kurse .panel{border-top:1px solid var(--line);background:var(--bg);padding:14px 15px;display:none} 1470#acs-kurse .tile.open .panel{display:block} 1471#acs-kurse .tile.open .expand-ind{transform:rotate(180deg)} 1472#acs-kurse .expand-ind{transition:transform .2s;width:14px;height:14px} 1473#acs-kurse .form{display:block} 1474#acs-kurse .grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px} 1475#acs-kurse .field{margin-bottom:9px} 1476#acs-kurse .field label{display:block;font-size:11.5px;font-weight:700;color:var(--mut);margin-bottom:4px} 1477#acs-kurse .field label .req{color:var(--full)} 1478#acs-kurse .field input,#acs-kurse .field select,#acs-kurse .field textarea{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font-family:inherit;font-size:13.5px} 1479#acs-kurse .field input:focus,#acs-kurse .field select:focus,#acs-kurse .field textarea:focus{outline:none;border-color:var(--o)}
1480#acs-kurse .field input.invalid,#acs-kurse .field select.invalid,#acs-kurse .field textarea.invalid{border-color:var(--full)} 1481#acs-kurse .field textarea{resize:vertical;min-height:46px} 1482#acs-kurse .guests{display:none} 1483#acs-kurse .hint{font-size:11.5px;color:var(--mut);margin:-3px 0 9px} 1484#acs-kurse .rsvp-privacy{font-size:11.5px;line-height:1.5;color:var(--mut);margin:2px 0 10px} 1485#acs-kurse .rsvp-privacy a{color:var(--o2);font-weight:700;text-decoration:underline} 1486#acs-kurse .form-actions{display:flex;align-items:center;gap:9px;margin-top:4px;flex-wrap:wrap} 1487#acs-kurse .ok-msg,#acs-kurse .err-msg{display:none;border-radius:10px;padding:11px 13px;font-size:13px;font-weight:600;margin-top:10px} 1488#acs-kurse .ok-msg{background:var(--good-bg);color:var(--good)} 1489/* Nach erfolgreicher Anmeldung: nur die Erfolgsmeldung zeigen, Felder/Buttons ausblenden */ 1490#acs-kurse .form.done > *:not(.ok-msg){display:none !important} 1491#acs-kurse .form.done .ok-msg{margin-top:0} 1492#acs-kurse .err-msg{background:var(--full-bg);color:var(--full)} 1493#acs-kurse .err-msg a{color:var(--o2);font-weight:700} 1494 1495/* Kalender */ 1496#acs-kurse .cal{display:none} 1497#acs-kurse .cal.show{display:block} 1498#acs-kurse .list.hide{display:none} 1499#acs-kurse .calgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px} 1500#acs-kurse .calcol{background:transparent;border:0;border-radius:0;min-height:auto;min-width:0} 1501#acs-kurse .calcol .ch{padding:6px 4px 7px;text-align:center;border-bottom:1px solid var(--line);background:transparent} 1502#acs-kurse .calcol .ch b{font-size:12.5px;font-weight:800;color:var(--navy)} 1503#acs-kurse .calcol .ch span{font-size:11.5px;color:var(--mut)} 1504#acs-kurse .calcol .cb{padding:9px 0 0;display:flex;flex-direction:column;gap:8px} 1505#acs-kurse .calev{text-align:left;max-width:100%;overflow:hidden;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--o);border-radius:8px;padding:7px 8px;cursor:pointer;box-shadow:0 1px 2px rgba(0,37,81,.05)} 1506#acs-kurse .calev:hover{border-color:var(--o)} 1507#acs-kurse .calev .ctop{display:flex;align-items:center;justify-content:space-between;gap:6px} 1508#acs-kurse .calev .ct{font-size:11px;font-weight:800;color:var(--o2)} 1509#acs-kurse .calev .cn{font-size:12px;font-weight:600;line-height:1.2;margin:2px 0;color:var(--ink)} 1510#acs-kurse .calev .cm{font-size:10.5px;color:var(--mut);overflow-wrap:break-word;word-break:break-word} 1511#acs-kurse .calev .cc{font-size:10px;font-weight:700;margin-top:3px} 1512#acs-kurse .calempty{padding:14px 6px;text-align:center;font-size:11px;color:var(--mut);opacity:.6} 1513 1514#acs-kurse .empty{text-align:center;padding:50px 20px;color:var(--mut)} 1515#acs-kurse .empty svg{width:40px;height:40px;opacity:.4;margin-bottom:10px} 1516 1517@media(max-width:860px){ 1518 #acs-kurse .calgrid{grid-template-columns:1fr;gap:8px} 1519 #acs-kurse .calcol{min-height:auto} 1520} 1521@media(max-width:560px){ 1522 #acs-kurse .tiles{grid-template-columns:1fr} 1523 #acs-kurse .grid2{grid-template-columns:1fr} 1524 #acs-kurse .bar{gap:8px} 1525 #acs-kurse .search{flex-basis:100%} 1526 #acs-kurse .week .lbl{min-width:0;flex:1} 1527 #acs-kurse .fbez{flex:1} 1528 #acs-kurse .seg{flex:1} 1529 #acs-kurse .seg button{flex:1;justify-content:center} 1530}
1530 1531 1532/* ===== Kartenansicht (Leaflet) ===== */ 1533#acs-kurse .map{display:none;margin-top:2px} 1534#acs-kurse .map.show{display:block} 1535#acs-kurse .mapwrap{height:clamp(440px,76vh,860px);border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#e9eef2} 1536#acs-kurse .lp-n{overflow-wrap:break-word;word-break:break-word;hyphens:auto} 1537#acs-kurse .calev .cn{overflow-wrap:break-word;word-break:break-word} 1538/* Reset-Button auf der Karte */ 1539#acs-kurse .acsk-mapreset{background:var(--navy);color:#fff;border:0;border-radius:9999px;font-family:'Rubik',sans-serif;font-weight:700;font-size:12px;padding:8px 13px;cursor:pointer;box-shadow:0 2px 6px rgba(0,37,81,.25);display:inline-flex;align-items:center;gap:5px} 1540#acs-kurse .acsk-mapreset:hover{background:var(--navy2)} 1541#acs-kurse .leaflet-control.acsk-resetwrap{margin:10px} 1542/* Hervorhebung beim Springen aus Kalender/Karte */ 1543#acs-kurse .tile.flash{animation:acsk-flash 3.4s ease-out} 1544@keyframes acsk-flash{0%{box-shadow:0 0 0 3px var(--sky),0 8px 24px rgba(0,159,228,.40)}80%{box-shadow:0 0 0 3px var(--sky),0 8px 24px rgba(0,159,228,.35)}100%{box-shadow:var(--shadow)}} 1545#acs-kurse .mapnote{font-size:12.5px;color:var(--mut);margin-top:10px;font-weight:500} 1546#acs-kurse .mapnote b{color:var(--ink)} 1547#acs-kurse .leaflet-container{font-family:'Rubik',system-ui,sans-serif} 1548#acs-kurse .leaflet-popup-content{margin:11px 13px} 1549#acs-kurse .lp-loc{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--mut);margin-bottom:8px;padding-bottom:7px;border-bottom:1px solid var(--line)} 1550#acs-kurse .lp-loc svg{width:13px;height:13px;flex:none} 1551#acs-kurse .lp-c{margin-bottom:9px;padding-bottom:9px;border-bottom:1px solid var(--line)} 1552#acs-kurse .lp-c:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0} 1553#acs-kurse .lp-t{font-size:11px;font-weight:800;color:var(--sky2)} 1554#acs-kurse .lp-n{font-size:13.5px;font-weight:700;color:var(--ink);margin:1px 0;line-height:1.25} 1555#acs-kurse .lp-v{font-size:12px;color:var(--mut)} 1556#acs-kurse .lp-cap{font-size:11px;font-weight:700;margin-top:3px} 1557#acs-kurse .lp-link{display:inline-block;margin-top:5px;font-size:12px;font-weight:700;color:var(--sky2);cursor:pointer} 1558#acs-kurse .lp-link:hover{color:var(--navy)} 1559@media(max-width:560px){#acs-kurse .mapwrap{height:420px}} 1560 1561/* ===== Sportart-Switcher + Kalender-Bezirk ===== */ 1562#acs-kurse .sportswitch{appearance:none;border:1.5px solid var(--navy);background:var(--card);color:var(--navy);font-family:'Rubik',system-ui,sans-serif;font-weight:800;font-size:15px;padding:9px 38px 9px 15px;border-radius:13px;cursor:pointer;box-shadow:var(--shadow);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23002551' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center} 1563#acs-kurse .sportswitch:hover{border-color:var(--sky)} 1564#acs-kurse .sportswitch:focus{outline:none;border-color:var(--sky)} 1565#acs-kurse .calev .cbz{flex:none;font-size:9.5px;font-weight:700;color:var(--sky2);background:rgba(0,159,228,.11);padding:1px 7px;border-radius:10px;white-space:nowrap} 1566@media(max-width:560px){#acs-kurse .sportswitch{flex:1 1 100%;width:100%}} 1567 1568/* ===== Mehrfach-Ansicht: Tab-Umschalter (auÃerhalb #acs-kurse â eigene Farbwerte) ===== */ 1569.acsk-mtabs{display:flex;justify-content:center;gap:6px;margin:0 0 14px;font-family:'Rubik',system-ui,sans-serif} 1570.acsk-mtabs button{border:1px solid #e6e3cf;background:#fff;color:#5a6b80;font-weight:700;font-size:14px;padding:9px 16px;border-radius:11px;cursor:pointer;font-family:inherit} 1571.acsk-mtabs button:hover{border-color:#009fe4;color:#0089c7} 1572.acsk-mtabs button.on{background:#009fe4;border-color:#009fe4;color:#fff} 1573/* ===== Mehrfach-Ansicht: Chip-Leiste (innerhalb #acs-kurse â Variablen verfügbar) ===== */ 1574#acs-kurse .acsk-chips{display:flex;flex-direction:column;gap:10px;margin:0 0 14px} 1575#acs-kurse .acsk-chipglobal{display:flex;gap:6px} 1576#acs-kurse .acsk-all,#acs-kurse .acsk-none{border:0;background:var(--chip);color:var(--mut);font-weight:700;font-size:12px;border-radius:9px;padding:7px 11px;cursor:pointer;font-family:inherit} 1577#acs-kurse .acsk-all:hover,#acs-kurse .acsk-none:hover{color:var(--o)}
1578#acs-kurse .acsk-chipgroup{display:flex;flex-wrap:wrap;align-items:center;gap:6px} 1579/* Kategorie = gefüllte Navy-Pill (wählt die ganze Gruppe) â bewusst anders als die hellen Outline-Chips der einzelnen Sportarten */ 1580#acs-kurse .acsk-catlabel{border:1px solid var(--navy);background:var(--navy);color:#fff;font-weight:800;font-size:12px;cursor:pointer;padding:6px 13px;border-radius:999px;font-family:inherit;white-space:nowrap} 1581#acs-kurse .acsk-catlabel:hover{background:var(--o);border-color:var(--o)} 1582#acs-kurse .acsk-chiprow{display:flex;flex-wrap:wrap;gap:6px} 1583#acs-kurse .acsk-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--card);color:var(--mut);font-weight:600;font-size:12.5px;border-radius:999px;padding:6px 12px;cursor:pointer;font-family:inherit} 1584#acs-kurse .acsk-chip::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--chip-c,var(--line));flex:none} /* Sportfarbe als Punkt (auch wenn nicht gewählt) */ 1585#acs-kurse .acsk-chip:hover{border-color:var(--chip-c,var(--sky))} 1586#acs-kurse .acsk-chip.on{background:var(--chip-c,var(--o));border-color:var(--chip-c,var(--o));color:#fff} 1587#acs-kurse .acsk-chip.on::before{background:#fff} 1588</style>
1589<script>/* Active City Summer â Sportart-Kurslisting App. Liest window.ACS_KURSE, rendert Wochenansicht, 1590 postet RSVP an EventONs the_ajax_evors. Alles innerhalb #acs-kurse, keine globalen Funktionen. */ 1591(function () { 1592 var CFG = window.ACS_KURSE || {}; 1593 var root = document.getElementById('acs-kurse'); 1594 if (!root) return; 1595 1596 var COURSES = [], byId = {}, DATA = null; 1597 var MULTI = (CFG.mode === 'multi'); 1598 var activeSports = null; // Set aktiver Sportart-Slugs (nur Multi-Modus); null = Einzel-Modus (kein Filter) 1599 var firstMon = 0, lastMon = 0, curMon = 0, view = 'list'; 1600 var el = {}; 1601 var mapObj = null, markersLayer = null, leafletState = 0, lastPts = []; // 0=nicht geladen,1=lädt,2=bereit 1602 1603 /* ---- Helfer ---- */ 1604 function pad(n){ return n < 10 ? '0' + n : '' + n; } 1605 function esc(s){ return (s == null ? '' : '' + s).replace(/[&<>"']/g, function(m){ 1606 return {'&':'&','<':'<','>':'>','"':'"',"'":'''}[m]; }); } 1607 // Berlin (Saison JulâSep = UTC+2) als Tageszahlen 1608 function dayNum(ts){ return Math.floor((ts + 7200) / 86400); } 1609 function ymdToDn(s){ var p = (s||'').split('-'); return Math.floor(Date.UTC(+p[0], +p[1]-1, +p[2]) / 86400000); } 1610 function wdayMon(dn){ return ((dn + 3) % 7 + 7) % 7; } // 0 = Montag 1611 function mondayOf(dn){ return dn - wdayMon(dn); } 1612 function dnDate(dn){ return new Date(dn * 86400000); } // UTC-Felder = dieser Berlin-Tag 1613 function bClock(ts){ var d = new Date((ts + 7200) * 1000); return pad(d.getUTCHours()) + '.' + pad(d.getUTCMinutes()); } 1614 function todayDn(){ return Math.floor((Date.now()/1000 + 7200) / 86400); } 1615 1616 var WD = ['Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag','Sonntag']; 1617 var WDS = ['Mo','Di','Mi','Do','Fr','Sa','So']; 1618 var MON = ['Jan.','Feb.','März','Apr.','Mai','Juni','Juli','Aug.','Sep.','Okt.','Nov.','Dez.']; 1619 // Alle 24 Sportarten (slug, Name) für den Sportart-Switcher 1620 var SPORTS = [['ballsport','Ballsport'],['bogenschiessen','BogenschieÃen'],['boxen','Boxen'],['denksport','Denksport'],['ernaehrung','Ernährung'],['fitness','Fitness'],['freizeitspiele','Freizeitspiele'],['frisbeesport','Frisbeesport'],['gesundheitssport','Gesundheitssport'],['kampfsport','Kampfsport'],['kindersport','Kindersport'],['klettern','Klettern'],['parcour','Parcour'],['qigong','Qigong'],['radsport','Radsport'],['rollstuhlsport','Rollstuhlsport'],['rund-ums-baby','Rund ums Baby'],['running','Running'],['skaten','Skaten'],['tanzen','Tanzen'],['turnen','Turnen'],['walking','Walking'],['wassersport','Wassersport'],['yoga','Yoga']]; 1621 1622 function logoColor(s){ var h=0,i; for(i=0;i<s.length;i++) h = s.charCodeAt(i) + ((h<<5)-h); 1623 var c = ['#002551','#009fe4','#0089c7','#1c7a3f','#2b6cb0','#5a3fa0','#0d7a8a']; return c[Math.abs(h)%c.length]; } 1624 function initials(s){ return (s||'').replace(/e\.?\s?V\.?|von|\d+/gi,'').trim().split(/\s+/).slice(0,2) 1625 .map(function(w){ return w[0]||''; }).join('').toUpperCase() || '?'; } 1626 function vlinkOf(c){ if(!c.verein_link) return ''; return /^https?:\/\//.test(c.verein_link) ? c.verein_link : 'https://'+c.verein_link; } 1627 1628 /* ---- Icons ---- */ 1629 var IC = { 1630 list:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01"/></svg>', 1631 cal:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg>', 1632 mapview:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M9 20l-6-3V4l6 3 6-3 6 3v13l-6-3-6 3z"/><path d="M9 7v13M15 4v13"/></svg>', 1633 search:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></svg>', 1634 pin:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 12-9 12s-9-5-9-12a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>', 1635 clock:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2" stroke-linecap="round"/></svg>', 1636 info:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01" stroke-linecap="round"/></svg>', 1637 chev:'<svg class="chev" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round"><path d="M6 9l6 6 6-6"/></svg>', 1638 chevd:'<svg class="expand-ind" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round"><path d="M6 9l6 6 6-6"/></svg>', 1639 ext:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M7 17L17 7M7 7h10v10"/></svg>', 1640 maps:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 20l-6-3V4l6 3 6-3 6 3v13l-6-3-6 3z"/>
1640<path d="M9 7v13M15 4v13" stroke-linecap="round"/></svg>', 1641 cancel:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M8 12h8" stroke-linecap="round"/></svg>', 1642 globe:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15 15 0 010 20M12 2a15 15 0 000 20"/></svg>', 1643 shareico:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><path d="M8.6 13.5l6.8 4M15.4 6.5l-6.8 4"/></svg>', 1644 gridico:'<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></svg>' 1645 }; 1646 1647 /* ---- Datenaufbereitung ---- */ 1648 function occThisWeek(c){ var lo = curMon, hi = curMon + 6, today = todayDn(); var out = []; 1649 (c.occ || []).forEach(function(o){ var dn = dayNum(o.start); if (dn >= lo && dn <= hi && dn >= today) out.push({ o:o, dn:dn }); }); return out; } // vergangene Termine ausblenden 1650 1651 function buildEntries(){ 1652 var q = (el.q.value || '').toLowerCase().trim(); 1653 var bez = el.fbez.value; 1654 var entries = []; 1655 COURSES.forEach(function(c){ 1656 if (MULTI && activeSports && !(c.sports || []).some(function(s){ return activeSports.has(s); })) return; 1657 if (bez && c.bezirk !== bez) return; 1658 if (q && (c.name + ' ' + c.verein + ' ' + c.ort).toLowerCase().indexOf(q) < 0) return; 1659 occThisWeek(c).forEach(function(w){ entries.push({ c:c, o:w.o, dn:w.dn }); }); 1660 }); 1661 entries.sort(function(a,b){ 1662 if (a.dn !== b.dn) return a.dn - b.dn; 1663 return a.o.start - b.o.start; 1664 }); 1665 return entries; 1666 } 1667 1668 /* ---- Multi-Modus: Chips + Auswahl-State ---- */ 1669 function allSportSlugs(){ var out = []; (CFG.categories || []).forEach(function(cat){ (cat.sports || []).forEach(function(s){ out.push(s[0]); }); }); return out; } 1670 function sportColor(c){ // erste Sportart des Kurses mit hinterlegter Farbe â [accent, tint], sonst null 1671 if (!CFG.sportColors) return null; 1672 var sp = c.sports || []; 1673 for (var i = 0; i < sp.length; i++) { if (CFG.sportColors[sp[i]]) return CFG.sportColors[sp[i]]; } 1674 return null; 1675 } 1676 function chipsHtml(){ 1677 if (!MULTI || !CFG.categories) return ''; 1678 var groups = CFG.categories.map(function(cat){ 1679 var chips = (cat.sports || []).map(function(s){ 1680 var col = (CFG.sportColors && CFG.sportColors[s[0]]) ? CFG.sportColors[s[0]][0] : ''; 1681 return '<button type="button" class="acsk-chip on" data-sport="' + esc(s[0]) + '"' + (col ? ' style="--chip-c:' + col + '"' : '') + '>' + esc(s[1]) + '</button>'; 1682 }).join(''); 1683 return '<div class="acsk-chipgroup"><button type="button" class="acsk-catlabel">' + esc(cat.name) + '</button><div class="acsk-chiprow">' + chips + '</div></div>'; 1684 }).join(''); 1685 return '<div class="acsk-chips"><div class="acsk-chipglobal">' + 1686 '<button type="button" class="acsk-all">Alle</button><button type="button" class="acsk-none">Keine</button></div>' + 1687 groups + '</div>'; 1688 } 1689 function syncChips(){ root.querySelectorAll('.acsk-chip').forEach(function(ch){ ch.classList.toggle('on', activeSports.has(ch.getAttribute('data-sport'))); }); } 1690 // Kompletten Zustand (Ansicht + Bezirk + Sportarten) in die URL schreiben â teilbarer Deeplink. 1691 function writeState(){ 1692 try { 1693 var u = new URL(location.href); 1694 u.searchParams.set('acsview', view); 1695 if (el.fbez && el.fbez.value) u.searchParams.set('bezirk', el.fbez.value); else u.searchParams.delete('bezirk'); 1696 if (el.q && el.q.value.trim()) u.searchParams.set('suche', el.q.value.trim()); else u.searchParams.delete('suche'); 1697 if (MULTI) u.searchParams.set('sportarten', Array.from(activeSports).join(',')); 1698 history.replaceState(null, '', u); 1699 } catch(e){} 1700 if (MULTI) { try { localStorage.setItem('acsk_multi_sports', Array.from(activeSports).join(',')); } catch(e){} } 1701 } 1702 // Bei Deeplinks (unsere Parameter vorhanden) beim Laden zur Kurse-Sektion scrollen. Header-Offset einrechnen. 1703 function scrollToSection(){ 1704 var p = new URLSearchParams(location.search); 1705 if (p.get('acskurs')) return; // spezifischer Kachel-Deeplink scrollt bereits selbst 1706 if (!(p.has('acsview') || p.has('bezirk') || p.has('suche') || p.has('sportarten') || p.get('ansicht') === 'mehrfach')) return; 1707 var target = document.querySelector('.acsk-mtabs') || document.querySelector('.acsk-page-title') || root; 1708 if (!target) return; 1709 setTimeout(function(){
1710 try { 1711 var top = window.pageYOffset + target.getBoundingClientRect().top - 90; // ~Sticky-Header 1712 window.scrollTo({ top: Math.max(0, top), behavior: 'smooth' }); 1713 } catch(e){ try { target.scrollIntoView(); } catch(e2){} } 1714 }, 180); 1715 } 1716 function initActiveSports(){ 1717 var valid = new Set(allSportSlugs()); 1718 var raw = (new URLSearchParams(location.search)).get('sportarten'); // null = Param nicht vorhanden 1719 if (raw === null) raw = localStorage.getItem('acsk_multi_sports'); // null = nie gespeichert 1720 var slugs; 1721 if (raw === null) slugs = allSportSlugs(); // nie gewählt â Default: alle 1722 else slugs = raw.split(',').filter(function(s){ return valid.has(s); }); // '' â [] = Keine 1723 activeSports = new Set(slugs); 1724 syncChips(); 1725 } 1726 1727 /* ---- HTML-Bausteine ---- */ 1728 function logoHtml(c){ 1729 var ini = initials(c.verein), col = logoColor(c.verein); 1730 if (c.verein_logo) { 1731 return '<div class="logo img"><img src="' + esc(c.verein_logo) + '" alt="' + esc(c.verein) + '" loading="lazy" ' + 1732 'onerror="var p=this.parentNode;p.className=\'logo\';p.style.background=\'' + col + '\';p.textContent=\'' + ini + '\';"></div>'; 1733 } 1734 return '<div class="logo" style="background:' + col + '">' + ini + '</div>'; 1735 } 1736 1737 function capHtml(o){ 1738 if (o.cap == null) return ''; 1739 var cap = o.cap, used = o.count || 0, free = cap - used, pct = cap > 0 ? Math.min(100, Math.round(used / cap * 100)) : 0; 1740 var cls = free <= 0 ? 'zero' : 'ok'; 1741 var txt = free <= 0 ? 'Ausgebucht' : (free + ' von ' + cap + ' Plätzen frei'); 1742 return '<div class="cap"><div class="num ' + cls + '"><span class="free">â</span><span>' + txt + '</span></div>' + 1743 '<div class="track"><div class="fill ' + cls + '" style="width:' + pct + '%"></div></div></div>'; 1744 } 1745 1746 function actionHtml(c, o){ 1747 if (!c.rsvp_on) { 1748 // Nur der vom Verein hinterlegte "Hier anmelden"-Link (learnmore). Kein Fallback auf die Event-Seite; 1749 // ohne learnmore und ohne RSVP gibt es bewusst KEINEN Link auf der Kachel. 1750 if (c.learnmore) return '<a class="lm" href="' + esc(c.learnmore) + '" target="_blank" rel="noopener">Anmeldung über Verein' + IC.ext + '</a>'; 1751 return ''; 1752 } 1753 if (o.cap != null && (o.cap - (o.count||0)) <= 0) 1754 return '<button class="btn primary" disabled>Ausgebucht</button>'; 1755 return '<button class="btn primary" data-act="toggle-rsvp">Anmelden' + IC.chevd + '</button>'; 1756 } 1757 1758 function leftHtml(c, o){ 1759 if (!c.rsvp_on) return '<div class="cap"></div>'; // kein Hinweistext; learnmore-Link (falls vorhanden) rechtsbündig 1760 if (o.cap != null) return capHtml(o); 1761 return '<div class="cap"><span class="dash">Anmeldung möglich</span></div>'; 1762 } 1763 1764 function tileHtml(c, o){ 1765 var dn = dayNum(o.start), dt = dnDate(dn); 1766 var start = bClock(o.start), end = bClock(o.end); 1767 var sc = sportColor(c); 1768 return '<div class="tile" data-id="' + c.id + '" data-ti="' + o.idx + '">' + 1769 '<div class="tile-main">' + 1770 '<div class="tile-top">' + 1771 '<div class="timechip"' + (sc ? ' style="background:' + sc[0] + '"' : '') + '><div class="wd">' + WDS[wdayMon(dn)] + ' ' + dt.getUTCDate() + '.' + (dt.getUTCMonth()+1) + '.</div>' + 1772 '<div class="t">' + start + '</div><div class="e">bis ' + end + '</div></div>' + 1773 '<div class="tile-h"><h4>' + esc(c.name) + '</h4>' + 1774 ((c.ort_name || c.ort) ? '<div class="meta">' + IC.pin + '<span>' + esc(c.ort_name || c.ort) + '</span></div>' : '') + 1775 '</div>' + 1776 '<span class="bezbadge">' + esc(c.bezirk) + '</span>' + 1777 '</div>' + 1778 '<div class="org">' + logoHtml(c) + '<div class="on">' + esc(c.verein) + '</div></div>' + 1779 ((c.rsvp_on || c.learnmore) ? ('<div class="rsvp">' + leftHtml(c, o) + actionHtml(c, o) + '</div>') : '') + 1780 '</div>' + 1781 '<button class="more" data-act="toggle-details">' + IC.info + 'Details, Anfahrt & Teilen' + IC.chev + '</button>' + 1782 detailsHtml(c, o) + 1783 (c.rsvp_on && !(o.cap != null && (o.cap-(o.count||0))<=0) ? formHtml(c, o) : '') + 1784 '</div>'; 1785 } 1786 1787 function detailsHtml(c, o){ 1788 var dn = dayNum(o.start), dt = dnDate(dn); 1789 var dstr = WD[wdayMon(dn)] + ', ' + dt.getUTCDate() + '. ' + MON[dt.getUTCMonth()] + ' ' + dt.getUTCFullYear(); 1790 var zeit = bClock(o.start) + 'â' + bClock(o.end) + ' Uhr'; 1791 var maps = c.ort ? 'https://www.google.com/maps/dir/?api=1&destination=' + encodeURIComponent(c.ort + ', Hamburg') : ''; 1792 var vlink = vlinkOf(c); 1793 var h = '<div class="panel-d">'; 1794 if (c.details) h += '<div class="det-desc">' + c.details + '</div>'; 1795 h += '<div class="det-row">' + IC.clock + '<div><b>' + dstr + '</b><div class="sub">' + zeit + '</div></div></div>'; 1796 if (c.ort_name || c.ort) { 1797 var lname = c.ort_name || c.ort; 1798 // Locationname als Ãberschrift, darunter Adresse (falls abweichend) + Bezirk 1799 var lsub = (c.ort && c.ort !== lname) ? (esc(c.ort) + (c.bezirk ? ' · ' + esc(c.bezirk) : '')) : esc(c.bezirk); 1800 h += '<div class="det-row">' + IC.pin + '<div><b>' + esc(lname) + '</b><div class="sub">' + lsub + '</div></div></div>'; 1801 } 1802 h += '<div class="det-row">' + logoHtml(c) + '<div><b>' + esc(c.verein) + '</b><div class="sub">Veranstalter</div></div></div>'; 1803 h += '<div class="det-actions">'; 1804 if (maps) h += '<a class="act" href="' + maps + '" target="_blank" rel="noopener">' + IC.maps + 'Anfahrt (Google Maps)</a>'; 1805 if (vlink) h += '<a class="act" href="' + esc(vlink) + '" target="_blank" rel="noopener">' + IC.globe + 'Zur Vereins-Website</a>'; 1806 // Abmelden nur bei EventON-RSVP (bei "Anmeldung über Verein" gibt es keine RSVP zum Stornieren). 1807 // Führt auf die Event-Seite + #abmelden â das Footer-Snippet öffnet dort "Anmeldung ändern". 1808 if (c.rsvp_on && c.permalink) h += '<a class="act act-cancel" href="' + esc(c.permalink) + '#abmelden" target="_blank" rel="noopener">' + IC.cancel + 'Abmelden</a>'; 1809 h += '</div>' + shareHtml(c) + '</div>'; 1810 return h; 1811 } 1812 1813 function shareHtml(c){ 1814 var u = encodeURIComponent(c.permalink || ''), t = encodeURIComponent((c.name||'') + ' â Active City Summer'); 1815 return '<div class="share"><span class="lab">Teilen:</span>' + 1816 '<a class="sb wa" target="_blank" rel="noopener" href="https://wa.me/?text=' + t + '%20' + u + '" title="WhatsApp"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M.05 24l1.7-6.2A12 12 0 1 1 12 24a12 12 0 0 1-5.9-1.6L.05 24zM6.6 20.1l.4.2a10 10 0 0 0 5 1.4 10 10 0 1 0-8.5-4.8l.3.4-1 3.7 3.8-.9zM17.5 14.4c-.1-.2-.5-.3-1-.6s-1.5-.7-1.7-.8-.4-.1-.6.1-.6.8-.8 1-.3.2-.6 0a8.2 8.2 0 0 1-2.4-1.5 9 9 0 0 1-1.7-2c-.2-.4 0-.5.1-.7l.5-.5.3-.5v-.5l-.8-2c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-1 2.3 5.4 5.4 0 0 0 1.1 2.8 12 12 0 0 0 4.6 4 5.2 5.2 0 0 0 3.2.7 2.7 2.7 0 0 0 1.8-1.3 2.2 2.2 0 0 0 .2-1.3z"/></svg></a>' + 1817 '<a class="sb fb" target="_blank" rel="noopener" href="https://www.facebook.com/sharer/sharer.php?u=' + u + '" title="Facebook"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1 0 2.1.2 2.1.2v2.3h-1.2c-1.2 0-1.5.7-1.5 1.5V12h2.6l-.4 2.9h-2.2v7A10 10 0 0 0 22 12z"/></svg></a>' + 1818 '<a class="sb x" target="_blank" rel="noopener" href="https://twitter.com/intent/tweet?text=' + t + '&url=' + u + '" title="X / Twitter"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.9 2H22l-7 8 8.2 12h-6.4l-5-7.3L6 22H2.9l7.5-8.6L2.5 2H9l4.5 6.6L18.9 2zm-1.1 18h1.7L7.3 3.8H5.5L17.8 20z"/></svg></a>' + 1819 '<a class="sb ml" href="mailto:?subject=' + t + '&body=' + u + '" title="E-Mail"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg></a>' + 1820 '<button class="sb cp" type="button" data-act="copy" data-url="' + esc(c.permalink || '') + '" title="Link kopieren"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V5a2 2 0 0 1 2-2h10"/></svg></button>' + 1821 '</div>'; 1822 } 1823 1824 function formHtml(c, o){ 1825 var maxG = c.max_per_reservation > 0 ? c.max_per_reservation : 10; 1826 if (o.cap != null) maxG = Math.max(1, Math.min(maxG, o.cap - (o.count||0))); 1827 var opts = ''; for (var i = 1; i <= maxG; i++) opts += '<option value="' + i + '">' + i + (i===1?' Person':' Personen') + '</option>'; 1828 var afHtml = (CFG.fields || []).map(function(f){ 1829 if (f.vis === 'no') return ''; // nur bei "Nein"-RSVP â wir machen nur Ja 1830 var req = f.required ? ' <span class="req">*</span>' : ''; 1831 var inner; 1832 if (f.type === 'dropdown') { 1833 var vals = f.values || []; 1834 var ph = vals.length ? vals[0] : 'Bitte wählen'; // EventON: erster Wert ist der Platzhalter (z.B. "BITTE WÃHLEN") 1835 inner = '<select data-afkey="' + esc(f.key) + '"' + (f.required?' data-req="1"':'') + '><option value="">' + esc(ph) + '</option>' + 1836 vals.slice(1).map(function(v){ return '<option>' + esc(v) + '</option>'; }).join('') + '</select>'; 1837 } else if (f.type === 'textarea') { 1838 inner = '<textarea data-afkey="' + esc(f.key) + '"' + (f.required?' data-req="1"':'') + ' placeholder="' + esc(f.placeholder) + '"></textarea>'; 1839 } else if (f.type === 'checkbox') { 1840 inner = '<label style="font-weight:600;color:var(--ink)"><input type="checkbox" data-afkey="' + esc(f.key) + '" value="yes" style="width:auto;margin-right:6px"> ' + esc(f.placeholder||'Ja') + '</label>'; 1841 } else { 1842 inner = '<input data-afkey="' + esc(f.key) + '"' + (f.required?' data-req="1"':'') + ' placeholder="' + esc(f.placeholder) + '">'; 1843 } 1844 return '<div class="field"><label>' + esc(f.label) + req + '</label>' + inner + '</div>'; 1845 }).join(''); 1846 return '<div class="panel"><form class="form" autocomplete="on" onsubmit="return false">' + 1847 '<div class="grid2">' + 1848 '<div class="field"><label>Vorname <span class="req">*</span></label><input class="f-first" data-req="1" autocomplete="given-name" placeholder="Vorname"></div>' + 1849 '<div class="field"><label>Nachname <span class="req">*</span></label><input class="f-last" data-req="1" autocomplete="family-name" placeholder="Nachname"></div>' + 1850 '</div>' + 1851 '<div class="field"><label>E-Mail <span class="req">*</span></label><input class="f-email" type="email" data-req="1" autocomplete="email" placeholder="[email protected]"></div>' + 1852 '<div class="field"><label>Anzahl Personen</label><select class="f-count" data-act="count">' + opts + '</select></div>' + 1853 '<div class="guests"></div>' + 1854 afHtml + 1855 '<p class="rsvp-privacy">Mit deiner Anmeldung geben wir deinen Namen und deine E-Mail-Adresse an den durchführenden Verein bzw. Veranstalter weiter, damit dieser deine Teilnahme organisieren kann. Mehr dazu in unserer <a href="/datenschutz" target="_blank" rel="noopener">Datenschutzerklärung</a>.</p>' + 1856 '<div class="form-actions">' + 1857 '<button class="btn primary" type="button" data-act="submit">Verbindlich anmelden</button>' + 1858 '<button class="btn ghost" type="button" data-act="cancel">Abbrechen</button>' + 1859 '</div>' + 1860 '<div class="ok-msg">â Anmeldung eingegangen! Du bekommst gleich eine Bestätigungs-Mail.</div>' +
1861 '<div class="err-msg"></div>' + 1862 '</form></div>'; 1863 } 1864 1865 /* ---- Render ---- */ 1866 function render(){ 1867 var sun = dnDate(curMon + 6), mon = dnDate(curMon); 1868 el.lbl.textContent = mon.getUTCDate() + '. ' + MON[mon.getUTCMonth()] + ' â ' + sun.getUTCDate() + '. ' + MON[sun.getUTCMonth()] + ' ' + sun.getUTCFullYear(); 1869 el.sub.textContent = 'Saison 1. Juli â 30. Sep.'; 1870 el.prev.disabled = curMon <= firstMon; 1871 el.next.disabled = curMon >= lastMon; 1872 1873 var entries = buildEntries(); 1874 el.count.innerHTML = '<b>' + entries.length + '</b> ' + (entries.length === 1 ? 'Kurs' : 'Kurse') + ' diese Woche'; 1875 1876 el.cal.classList.toggle('show', view === 'cal'); 1877 el.map.classList.toggle('show', view === 'map'); 1878 el.list.classList.toggle('hide', view !== 'list'); 1879 1880 if (view === 'list') { 1881 if (!entries.length) { 1882 var emptyMsg = (MULTI && activeSports && activeSports.size === 0) 1883 ? 'Wähle Sportarten, um Kurse zu sehen.' 1884 : 'Keine Kurse in dieser Woche.<br>Blättere zu einer anderen Woche.'; 1885 el.list.innerHTML = '<div class="empty">' + IC.cal + '<p>' + emptyMsg + '</p></div>'; 1886 } else { 1887 var byDay = {}; entries.forEach(function(e){ var k = wdayMon(e.dn); (byDay[k] = byDay[k] || []).push(e); }); 1888 var html = ''; 1889 Object.keys(byDay).sort(function(a,b){ return a-b; }
1889).forEach(function(k){ 1890 var es = byDay[k], d0 = dnDate(es[0].dn); 1891 html += '<div class="daygrp"><div class="dayhd"><h3>' + WD[k] + '</h3><span class="date">' + d0.getUTCDate() + '. ' + MON[d0.getUTCMonth()] + '</span><span class="n">' + es.length + '</span></div><div class="tiles">'; 1892 es.forEach(function(e){ html += tileHtml(e.c, e.o); }); 1893 html += '</div></div>'; 1894 }); 1895 el.list.innerHTML = html; 1896 // Links im Beschreibungs-Richtext immer in neuem Tab öffnen 1897 el.list.querySelectorAll('.det-desc a[href]').forEach(function(a){ a.target = '_blank'; a.rel = 'noopener noreferrer'; }); 1898 } 1899 } else if (view === 'cal') { 1900 renderCal(entries); 1901 } else { 1902 renderMap(entries); 1903 } 1904 } 1905 1906 /* ---- Kartenansicht (Leaflet + OpenStreetMap, lazy) ---- */ 1907 function loadLeaflet(cb){ 1908 if (leafletState === 2) { cb(); return; } 1909 if (leafletState === 1) { var iv = setInterval(function(){ if (leafletState === 2){ clearInterval(iv); cb(); } }, 100); return; } 1910 leafletState = 1; 1911 var css = document.createElement('link'); 1912 css.rel = 'stylesheet'; css.href = 'https://unpkg.com/[email protected]/dist/leaflet.css'; 1913 document.head.appendChild(css); 1914 var js = document.createElement('script'); 1915 js.src = 'https://unpkg.com/[email protected]/dist/leaflet.js'; 1916 js.onload = function(){ leafletState = 2; cb(); }; 1917 js.onerror = function(){ leafletState = 0; el.mapwrap.innerHTML = '<div class="empty"><p>Karte konnte nicht geladen werden.</p></div>'; }; 1918 document.head.appendChild(js); 1919 } 1920 1921 function renderMap(entries){ 1922 loadLeaflet(function(){ 1923 if (!mapObj) { 1924 mapObj = L.map(el.mapwrap, { scrollWheelZoom: false }).setView([53.5511, 9.9937], 11); 1925 L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { 1926 maxZoom: 19, attribution: '© OpenStreetMap' 1927 }).addTo(mapObj); 1928 markersLayer = L.layerGroup().addTo(mapObj); 1929 // Reset-Button: auf alle Kurse der Woche zoomen 1930 var ResetCtl = L.Control.extend({ options: { position: 'topright' }, 1931 onAdd: function(){ 1932 var d = L.DomUtil.create('div', 'leaflet-control acsk-resetwrap'); 1933 var b = L.DomUtil.create('button', 'acsk-mapreset', d); b.type = 'button'; b.innerHTML = '⤢ Alle Kurse'; 1934 L.DomEvent.disableClickPropagation(d); 1935 L.DomEvent.on(b, 'click', function(){ if (lastPts.length) mapObj.fitBounds(lastPts, { padding: [40, 40], maxZoom: 15 }); }); 1936 return d; 1937 } }); 1938 mapObj.addControl(new ResetCtl()); 1939 } 1940 setTimeout(function(){ mapObj.invalidateSize(); }, 50); // Container war evtl. versteckt 1941 markersLayer.clearLayers(); 1942 1943 // Kurse je Standort (lat,lon) gruppieren 1944 var groups = {}, noGeo = 0; 1945 entries.forEach(function(e){ 1946 var c = e.c; 1947 if (c.ort_lat == null || c.ort_lon == null) { noGeo++; return; } 1948 var key = c.ort_lat.toFixed(5) + ',' + c.ort_lon.toFixed(5); 1949 (groups[key] = groups[key] || { lat: c.ort_lat, lon: c.ort_lon, ort: c.ort, items: [] }).items.push(e); 1950 }); 1951 1952 var keys = Object.keys(groups), pts = []; 1953 keys.forEach(function(k){ 1954 var g = groups[k]; pts.push([g.lat, g.lon]); 1955 var n = g.items.length; 1956 var marker = L.circleMarker([g.lat, g.lon], { 1957 radius: n > 1 ? 13 : 10, color: '#fff', weight: 2, 1958 fillColor: '#002551', fillOpacity: 1 1959 }).addTo(markersLayer); 1960 marker.bindTooltip(n > 1 ? (n + ' Kurse') : esc(g.items[0].c.name), { direction: 'top' }); 1961 marker.bindPopup(popupHtml(g), { maxWidth: 280, minWidth: 200, maxHeight: 360 }); 1962 }); 1963 1964 lastPts = pts; 1965 if (pts.length) mapObj.fitBounds(pts, { padding: [40, 40], maxZoom: 15 }); 1966 1967 el.mapnote.innerHTML = '<b>' + keys.length + '</b> ' + (keys.length === 1 ? 'Standort' : 'Standorte') + ' diese Woche' + 1968 (noGeo ? ' · ' + noGeo + ' ohne Kartenposition (in der Liste sichtbar)' : ''); 1969 }); 1970 } 1971 1972 function popupHtml(g){ 1973 var h = '<div class="lp"><div class="lp-loc">' + IC.pin + '<span>' + esc(g.ort) + '</span></div>'; 1974 g.items.slice().sort(function(a, b){ return a.o.start - b.o.start; }
1974).forEach(function(e){ 1975 var c = e.c, o = e.o, dn = dayNum(o.start); 1976 var cap = ''; 1977 if (c.rsvp_on && o.cap != null) { var free = o.cap - (o.count||0); 1978 cap = '<div class="lp-cap" style="color:' + (free<=0?'var(--full)':'var(--good)') + '">' + (free<=0?'Ausgebucht':free+' von '+o.cap+' frei') + '</div>'; } 1979 h += '<div class="lp-c"><div class="lp-t">' + WDS[wdayMon(dn)] + ' ' + bClock(o.start) + 'â' + bClock(o.end) + '</div>' + 1980 '<div class="lp-n">' + esc(c.name) + '</div><div class="lp-v">' + esc(c.verein) + '</div>' + cap + 1981 '<span class="lp-link" data-act="cal-jump" data-id="' + c.id + '">Details & Anmeldung â</span></div>'; 1982 }); 1983 return h + '</div>'; 1984 } 1985 1986 function renderCal(entries){ 1987 var byDay = {}; entries.forEach(function(e){ var k = wdayMon(e.dn); (byDay[k] = byDay[k] || []).push(e); }); 1988 var html = ''; 1989 for (var k = 0; k < 7; k++) { 1990 var dt = dnDate(curMon + k); 1991 html += '<div class="calcol"><div class="ch"><b>' + WDS[k] + '</b> <span>' + dt.getUTCDate() + '.' + (dt.getUTCMonth()+1) + '.</span></div><div class="cb">'; 1992 var es = byDay[k] || []; 1993 if (!es.length) { html += '<div class="calempty">â</div>'; } 1994 else es.forEach(function(e){ 1995 var o = e.o, c = e.c, cc = ''; 1996 // RSVP: Kapazitäts-Status (grün/rot). Sonst (externe Anmeldung über Verein): 1997 // blauer Hinweis â Plätze unbekannt, da extern. Gleiche GröÃe wie "x/x frei". 1998 if (c.rsvp_on && o.cap != null) { var free = o.cap - (o.count||0); 1999 cc = '<div class="cc" style="color:' + (free<=0?'var(--full)':'var(--good)') + '">' + (free<=0?'Ausgebucht':free+'/'+o.cap+' frei') + '</div>'; } 2000 else if (c.learnmore) { cc = '<div class="cc" style="color:var(--sky)">Anmeldung über Verein</div>'; } 2001 var cort = c.ort_name || c.ort; 2002 html += '<div class="calev"' + (sportColor(c) ? ' style="border-left-color:' + sportColor(c)[0] + '"' : '') + ' data-act="cal-jump" data-id="' + c.id + '">' + 2003 '<div class="ctop"><span class="ct">' + bClock(o.start) + 'â' + bClock(o.end) + '</span>' + (c.bezirk ? '<span class="cbz">' + esc(c.bezirk) + '</span>' : '') + '</div>' + 2004 '<div class="cn">' + esc(c.name) + '</div>' + (cort ? '<div class="cm">' + esc(cort) + '</div>' : '') + cc + '</div>'; 2005 }); 2006 html += '</div></div>'; 2007 } 2008 el.calgrid.innerHTML = html; 2009 } 2010 2011 /* ---- Interaktionen ---- */ 2012 function tileOf(node){ while (node && !(node.classList && node.classList.contains('tile'))) node = node.parentNode; return node; } 2013 2014 function onCount(sel){ 2015 var form = sel.closest('.form'), box = form.querySelector('.guests'), n = +sel.value; 2016 if (n > 1) { var h = '<div class="hint">Namen der weiteren Personen:</div>'; 2017 for (var i = 2; i <= n; i++) h += '<div class="field"><input class="f-guest" placeholder="Name Person ' + i + '"></div>'; 2018 box.innerHTML = h; box.style.display = 'block'; 2019 } else { box.style.display = 'none'; box.innerHTML = ''; } 2020 } 2021 2022 function jumpToList(id){ 2023 view = 'list'; 2024 el.seg.forEach(function(b){ b.classList.toggle('on', b.getAttribute('data-v') === 'list'); }); 2025 render(); 2026 setTimeout(function(){ 2027 var t = el.list.querySelector('.tile[data-id="' + id + '"]'); 2028 if (t) { 2029 t.scrollIntoView({ behavior: 'smooth', block: 'center' }); 2030 t.classList.remove('flash'); void t.offsetWidth; t.classList.add('flash'); // Reflow â Animation neu starten 2031 setTimeout(function(){ t.classList.remove('flash'); }, 3600); 2032 } 2033 }, 80); 2034 } 2035 2036 function copyLink(btn){ 2037 var url = btn.getAttribute('data-url'); 2038 if (navigator.clipboard && url) navigator.clipboard.writeText(url); 2039 var old = btn.title; btn.title = 'Kopiert!'; btn.style.background = 'var(--good)'; btn.style.borderColor = 'var(--good)'; btn.style.color = '#fff'; 2040 setTimeout(function(){ btn.title = old; btn.style.background = ''; btn.style.borderColor = ''; btn.style.color = ''; }, 1200); 2041 } 2042 2043 function submitRsvp(btn){ 2044 var form = btn.closest('.form'), tile = tileOf(btn); 2045 var cid = +tile.getAttribute('data-id'), idx = +tile.getAttribute('data-ti'), course = byId[cid]; 2046 var errBox = form.querySelector('.err-msg'), okBox = form.querySelector('.ok-msg'); 2047 errBox.style.display = 'none'; okBox.style.display = 'none'; 2048 2049 // Pflichtfelder prüfen 2050 var bad = false;
2051 form.querySelectorAll('[data-req="1"]').forEach(function(f){ 2052 var ok = !!(f.value && f.value.trim()); 2053 if (f.type === 'email') ok = ok && /.+@.+\..+/.test(f.value); 2054 f.classList.toggle('invalid', !ok); if (!ok) bad = true; 2055 }); 2056 if (bad) { errBox.innerHTML = 'Bitte fülle die Pflichtfelder (*) korrekt aus.'; errBox.style.display = 'block'; return; } 2057 2058 var first = form.querySelector('.f-first').value.trim(); 2059 var last = form.querySelector('.f-last').value.trim(); 2060 var email = form.querySelector('.f-email').value.trim(); 2061 var count = form.querySelector('.f-count').value || '1'; 2062 var guests = []; form.querySelectorAll('.f-guest').forEach(function(g){ if (g.value.trim()) guests.push(g.value.trim()); }); 2063 2064 var fd = new FormData(); 2065 fd.append('action', 'the_ajax_evors'); 2066 fd.append('evors_nonce', CFG.nonce || ''); 2067 fd.append('e_id', cid); 2068 fd.append('repeat_interval', idx); 2069 fd.append('rsvp', 'y'); 2070 fd.append('first_name', first); 2071 fd.append('last_name', last); 2072 fd.append('email', email); 2073 fd.append('count', count); 2074 guests.forEach(function(n){ fd.append('names[]', n); }); 2075 form.querySelectorAll('[data-afkey]').forEach(function(f){ 2076 var v = (f.type === 'checkbox') ? (f.checked ? (f.value||'yes') : '') : f.value; 2077 fd.append(f.getAttribute('data-afkey'), v); 2078 }); 2079 2080 btn.disabled = true; var lbl = btn.textContent; btn.textContent = 'Sende â¦'; 2081 function fail(){ 2082 btn.disabled = false; btn.textContent = lbl; 2083 var p = course && course.permalink ? course.permalink : '#'; 2084 errBox.innerHTML = 'Anmeldung über die Schnellanmeldung gerade nicht möglich. <a href="' + esc(p) + '" target="_blank" rel="noopener">Hier direkt über die Event-Seite anmelden â</a>'; 2085 errBox.style.display = 'block'; 2086 } 2087 fetch(CFG.ajaxurl, { method:'POST', body:fd, credentials:'same-origin' }) 2088 .then(function(r){ return r.json(); }) 2089 .then(function(res){ 2090 // EventON save_new_rsvp liefert rsvpid NUR bei Erfolg; Fehlerzweig gibt nur {message,status} zurück. 2091 if (res && res.rsvpid) { 2092 okBox.style.display = 'block'; btn.textContent = 'Angemeldet â'; 2093 form.classList.add('done'); // Felder ausblenden, nur Erfolgsmeldung zeigen (CSS) 2094 var nc = parseInt(res.newcount, 10); 2095 (course.occ || []).forEach(function(o){ if (o.idx === idx && o.cap != null) o.count = isNaN(nc) ? (o.count||0) + (+count||1) : nc; }); 2096 } else { fail(); } 2097 }) 2098 .catch(fail); 2099 } 2100 2101 /* ---- Boot ---- */ 2102 function buildSkeleton(){ 2103 var curSport = root.getAttribute('data-sport') || ''; 2104 var sportList = (CFG.sports && CFG.sports.length) ? CFG.sports : SPORTS; 2105 // aktuelle Sportart immer auswählbar halten, auch wenn sie (noch) keine Kurse hat 2106 if (curSport && !sportList.some(function(s){ return s[0] === curSport; })) { 2107 var nm = (SPORTS.filter(function(s){ return s[0] === curSport; })[0] || [curSport, curSport])[1]; 2108 sportList = [[curSport, nm]].concat(sportList); 2109 } 2110 var sportOpts = sportList.map(function(s){ return '<option value="' + s[0] + '"' + (s[0] === curSport ? ' selected' : '') + '>' + esc(s[1]) + '</option>'; }).join(''); 2111 root.innerHTML = 2112 (MULTI ? chipsHtml() : '') + 2113 '<div class="bar">' + 2114 (MULTI ? '' : '<select class="sportswitch" aria-label="Sportart wechseln">' + sportOpts + '</select>' + 2115 '<button class="acsk-tomulti" type="button" title="Kurse mehrerer Sportarten zusammen ansehen">' + IC.gridico + 'Mehrere Sportarten</button>') + 2116 '<div class="week"><button class="nav" data-nav="prev" type="button" aria-label="Vorige Woche">â¹</button>' + 2117 '<div class="lbl"><span class="lbltxt">â</span><small class="lblsub"></small></div>' + 2118 '<button class="nav" data-nav="next" type="button" aria-label="Nächste Woche">âº</button></div>' + 2119 '<button class="today" type="button">Aktuelle Woche</button>' + 2120 '<form class="search" autocomplete="off" onsubmit="return false">' + IC.search + '<input class="q" type="search" name="acsk-suche" autocomplete="off" data-lpignore="true" data-1p-ignore placeholder="Kurs, Verein oder Ort suchen â¦"></form>' + 2121 '<select class="f fbez"><option value="">Alle Bezirke</option></select>' + 2122 '<div class="seg"><button data-v="list" class="on" type="button">' + IC.list + 'Liste</button>' + 2123 '<button data-v="cal" type="button">' + IC.cal + 'Kalender</button>' + 2124 '<button data-v="map" type="button">' + IC.mapview + 'Karte</button></div>' + 2125 '<button class="acsk-share" type="button" title="Diese Auswahl teilen">' + IC.shareico + '<span>Teilen</span></button>' + 2126 '</div>' + 2127 '<p class="count"></p><div class="list"></div><div class="cal"><div class="calgrid"></div></div>' + 2128 '<div class="map"><div class="mapwrap"></div><div class="mapnote"></div></div>'; 2129 2130 el.prev = root.querySelector('[data-nav="prev"]'); 2131 el.next = root.querySelector('[data-nav="next"]'); 2132 el.lbl = root.querySelector('.lbltxt'); 2133 el.sub = root.querySelector('.lblsub'); 2134 el.today = root.querySelector('.today'); 2135 el.seg = Array.prototype.slice.call(root.querySelectorAll('.seg button')); 2136 el.seg.forEach(function(b){ b.classList.toggle('on', b.getAttribute('data-v') === view); }); // aktive Ansicht markieren 2137 el.q = root.querySelector('.q'); 2138 el.fbez = root.querySelector('.fbez'); 2139 el.count = root.querySelector('.count'); 2140 el.list = root.querySelector('.list'); 2141 el.cal = root.querySelector('.cal'); 2142 el.calgrid = root.querySelector('.calgrid'); 2143 el.map = root.querySelector('.map'); 2144 el.mapwrap = root.querySelector('.mapwrap'); 2145 el.mapnote = root.querySelector('.mapnote'); 2146 2147 // Bezirke füllen 2148 var set = {}; COURSES.forEach(function(c){ if (c.bezirk) set[c.bezirk] = 1; });
2149 Object.keys(set).sort().forEach(function(b){ var o = document.createElement('option'); o.value = b; o.textContent = b; el.fbez.appendChild(o); }); 2150 2151 el.prev.addEventListener('click', function(){ curMon = Math.max(firstMon, curMon - 7); render(); }); 2152 el.next.addEventListener('click', function(){ curMon = Math.min(lastMon, curMon + 7); render(); }); 2153 el.today.addEventListener('click', function(){ curMon = Math.min(lastMon, Math.max(firstMon, mondayOf(todayDn()))); render(); }); 2154 el.q.addEventListener('input', function(){ render(); writeState(); }); 2155 el.fbez.addEventListener('change', function(){ render(); writeState(); }); 2156 el.seg.forEach(function(b){ b.addEventListener('click', function(){ view = b.getAttribute('data-v'); 2157 el.seg.forEach(function(x){ x.classList.toggle('on', x === b); }); render(); writeState(); }); }); 2158 var sw = root.querySelector('.sportswitch'); 2159 if (sw) sw.addEventListener('change', function(){ var v = this.value; 2160 if (typeof window.ACS_KURSE_SWITCH === 'function') window.ACS_KURSE_SWITCH(v, view); 2161 else window.location.href = '/sportart/' + v + '/?acsview=' + view + (el.fbez && el.fbez.value ? '&bezirk=' + encodeURIComponent(el.fbez.value) : '') + (el.q && el.q.value.trim() ? '&suche=' + encodeURIComponent(el.q.value.trim()) : ''); }); // Ansicht + Bezirk + Suche über die Seite hinweg merken 2162 2163 // Einzelseite â zur Mehrfach-Ansicht auf /kurse springen, aktuelle Sportart vorausgewählt (+ Ansicht/Bezirk/Suche). 2164 var toMulti = root.querySelector('.acsk-tomulti'); 2165 if (toMulti) toMulti.addEventListener('click', function(){ 2166 var sp = root.getAttribute('data-sport') || ''; 2167 window.location.href = '/kurse/?ansicht=mehrfach&acsview=' + encodeURIComponent(view) + 2168 (sp ? '&sportarten=' + encodeURIComponent(sp) : '') + 2169 (el.fbez && el.fbez.value ? '&bezirk=' + encodeURIComponent(el.fbez.value) : '') + 2170 (el.q && el.q.value.trim() ? '&suche=' + encodeURIComponent(el.q.value.trim()) : ''); 2171 }); 2172 2173 // Teilen-Button: native Share (Mobile) oder Link kopieren (Desktop). URL vorher aktualisieren. 2174 var shareBtn = root.querySelector('.acsk-share'); 2175 if (shareBtn) shareBtn.addEventListener('click', function(){ 2176 writeState(); 2177 var url = location.href, sp = shareBtn.querySelector('span'); 2178 function ok(){ if (!sp) return; var o = sp.textContent; sp.textContent = 'Link kopiert â'; shareBtn.classList.add('done'); 2179 setTimeout(function(){ sp.textContent = o; shareBtn.classList.remove('done'); }, 1800); } 2180 if (navigator.share) { navigator.share({ title: (document.title || 'Active City Summer â Kurse'), url: url }).catch(function(){}); } 2181 else if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(url).then(ok, function(){ window.prompt('Link kopieren:', url); }); } 2182 else { window.prompt('Link kopieren:', url); } 2183 }); 2184 2185 // Delegation für dynamische Inhalte 2186 root.addEventListener('click', function(e){ 2187 var a = e.target.closest('[data-act]'); if (!a || !root.contains(a)) return; 2188 var act = a.getAttribute('data-act'); 2189 if (act === 'toggle-rsvp') { var tr = tileOf(a); tr.classList.remove('open-d'); tr.classList.toggle('open'); } 2190 else if (act === 'toggle-details') { var td = tileOf(a); td.classList.remove('open'); td.classList.toggle('open-d'); } 2191 else if (act === 'submit') submitRsvp(a); 2192 else if (act === 'cancel') tileOf(a).classList.remove('open'); 2193 else if (act === 'copy') copyLink(a); 2194 else if (act === 'cal-jump') jumpToList(+a.getAttribute('data-id')); 2195 }); 2196 root.addEventListener('change', function(e){ 2197 var s = e.target.closest('select[data-act="count"]'); if (s) onCount(s); 2198 }); 2199 2200 // Multi-Modus: Chip-Leiste verdrahten + Startauswahl setzen 2201 if (MULTI) { 2202 var chipsEl = root.querySelector('.acsk-chips'); 2203 if (chipsEl) chipsEl.addEventListener('click', function(e){ 2204 var chip = e.target.closest('.acsk-chip'); 2205 var cat = e.target.closest('.acsk-catlabel'); 2206 if (e.target.closest('.acsk-all')) { activeSports = new Set(allSportSlugs()); } 2207 else if (e.target.closest('.acsk-none')) { activeSports = new Set(); } 2208 else if (chip) { var s = chip.getAttribute('data-sport'); activeSports.has(s) ? activeSports.delete(s) : activeSports.add(s); } 2209 else if (cat) { 2210 var grp = cat.parentNode.querySelectorAll('.acsk-chip'); 2211 var allOn = Array.prototype.every.call(grp, function(c){ return activeSports.has(c.getAttribute('data-sport')); }); 2212 grp.forEach(function(c){ var sl = c.getAttribute('data-sport'); allOn ? activeSports.delete(sl) : activeSports.add(sl); }); 2213 } else return; 2214 syncChips(); writeState(); render(); 2215 }); 2216 initActiveSports(); 2217 } 2218 } 2219 2220 function start(j){ 2221 DATA = j; COURSES = j.courses || []; byId = {}; 2222 COURSES.forEach(function(c){ byId[c.id] = c; }); 2223 firstMon = Math.max(mondayOf(ymdToDn(j.season.start)), mondayOf(todayDn())); // vergangene Wochen nicht anzeigbar 2224 lastMon = mondayOf(ymdToDn(j.season.end)); 2225 curMon = Math.min(lastMon, Math.max(firstMon, mondayOf(todayDn()))); 2226 // Wenn die aktuelle Woche keine (zukünftigen) Kurse hat: zur ersten Woche mit Kursen AB HEUTE springen. 2227 var weeksWith = {}, todn = todayDn();
2228 COURSES.forEach(function(c){ (c.occ || []).forEach(function(o){ var dn = dayNum(o.start); if (dn >= todn) weeksWith[mondayOf(dn)] = 1; }); }); 2229 if (!weeksWith[curMon]) { 2230 var m, found = null; 2231 for (m = curMon; m <= lastMon; m += 7) { if (weeksWith[m]) { found = m; break; } } 2232 if (found === null) for (m = curMon - 7; m >= firstMon; m -= 7) { if (weeksWith[m]) { found = m; break; } } 2233 if (found !== null) curMon = found; 2234 } 2235 // Ansicht aus der URL übernehmen (nach Sportartwechsel) â Liste/Kalender/Karte beibehalten 2236 var iv = (new URLSearchParams(location.search)).get('acsview'); 2237 if (iv === 'list' || iv === 'cal' || iv === 'map') view = iv; 2238 2239 // Deep-Link von der Veranstalter-Wand: ?acskurs=ID â zur Woche der nächsten Occurrence, Liste, Kachel flashen. 2240 var deepId = parseInt((new URLSearchParams(location.search)).get('acskurs'), 10) || 0; 2241 if (deepId && byId[deepId]) { 2242 var occ = (byId[deepId].occ || []).slice().sort(function(a, b){ return a.start - b.start; }); 2243 var nowDn = todayDn(), tgt = null, i; 2244 for (i = 0; i < occ.length; i++) { if (dayNum(occ[i].start) >= nowDn) { tgt = occ[i]; break; } } 2245 if (!tgt && occ.length) tgt = occ[occ.length - 1]; 2246 if (tgt) { curMon = Math.min(lastMon, Math.max(firstMon, mondayOf(dayNum(tgt.start)))); view = 'list'; } 2247 } 2248 2249 buildSkeleton(); 2250 // Bezirk aus URL wiederherstellen (nach buildSkeleton, da dort die Optionen gefüllt werden) 2251 var up = new URLSearchParams(location.search); 2252 var ub = up.get('bezirk'); 2253 if (ub && el.fbez && Array.prototype.some.call(el.fbez.options, function(o){ return o.value === ub; })) el.fbez.value = ub; 2254 var uq = up.get('suche'); 2255 if (uq && el.q) el.q.value = uq; 2256 render(); 2257 scrollToSection(); 2258 2259 if (deepId && byId[deepId]) { 2260 setTimeout(function(){ 2261 var t = el.list.querySelector('.tile[data-id="' + deepId + '"]'); 2262 if (!t) return; 2263 t.scrollIntoView({ behavior: 'smooth', block: 'center' }); 2264 t.classList.remove('flash'); void t.offsetWidth; t.classList.add('flash'); 2265 setTimeout(function(){ t.classList.remove('flash'); }, 3600); 2266 }, 150); 2267 } 2268 } 2269 2270 function loadData(){ 2271 root.innerHTML = '<div class="acsk-load"><div class="acsk-spin"></div>Kurse werden geladen â¦</div>'; 2272 fetch(CFG.endpoint, { cache: 'no-store' }) 2273 .then(function(r){ return r.json(); }) 2274 .then(start) 2275 .catch(function(){ root.innerHTML = '<p style="font-family:Rubik,sans-serif;color:#c0392b;padding:20px">Die Kurse konnten gerade nicht geladen werden. Bitte lade die Seite neu.</p>'; }); 2276 } 2277 // Multi-Modus: erst laden, wenn der Mehrfach-Tab erstmals geöffnet wird (Lazy). Einzel-Modus: sofort. 2278 if (MULTI) { window.ACS_KURSE_ACTIVATE = function(){ if (!DATA) loadData(); }; } 2279 else { loadData(); } 2280})(); 2281</script>
vendor: 1 bytes, line 2281
2281
2282<script> 2283/* Tab-Umschalter: läuft NACH acs-kurse.js, damit window.ACS_KURSE_ACTIVATE bereits definiert ist. */ 2284(function(){ 2285 var tabs = document.querySelectorAll('.acsk-mtabs button'), activated = false; 2286 function show(which){ 2287 document.querySelectorAll('.acsk-mpane').forEach(function(p){ p.style.display = (p.getAttribute('data-pane') === which) ? '' : 'none'; }); 2288 tabs.forEach(function(b){ b.classList.toggle('on', b.getAttribute('data-mtab') === which); }); 2289 try { var u = new URL(location.href); which === 'multi' ? u.searchParams.set('ansicht','mehrfach') : u.searchParams.delete('ansicht'); history.replaceState(null,'',u); } catch(e){} 2290 if (which === 'multi' && !activated) { activated = true; if (typeof window.ACS_KURSE_ACTIVATE === 'function') window.ACS_KURSE_ACTIVATE(); } 2291 } 2292 tabs.forEach(function(b){ b.addEventListener('click', function(){ show(b.getAttribute('data-mtab')); }); }); 2293 })(); 2294</script>
2294 2295</div> 2296</div></div></div> 2297</section><section class="bde-section-7-100 bde-section"> 2298 2299 2300 2301 2302 2303 2304 2305<div class="section-container"><div class="bde-columns-7-101 bde-columns"><div class="bde-column-7-102 bde-column"> 2306 2307 2308 2309 2310 2311 2312<h2 class="bde-heading-7-204 bde-heading"> 2313Rückblick 2026 2314</h2><div class="bde-video-7-148 bde-video"> 2315<div class="ee-video-container"> 2316 2317 <lite-youtube 2318 videoid="4_SKP8YZGww" 2319 style="background-image: url(https://i.ytimg.com/vi/4_SKP8YZGww/maxresdefault.jpg); " 2320 class="ee-video" 2321 title="" 2322 params="&playsinline=0&rel=0&enablejsapi=1" 2323 > 2324 </lite-youtube> 2325 2326 2327 2328 </div> 2329 2330</div> 2331</div><div class="bde-column-7-106 bde-column"> 2332 2333 2334 2335 2336 2337 2338<img class="bde-image2-7-107 bde-image2" src="https://www.activecitysummer.de/wp-content/uploads/2026/04/Day-2026.png" loading="lazy" srcset="https://www.activecitysummer.de/wp-content/uploads/2026/04/Day-2026-165x180.png 165w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Day-2026-200x218.png 200w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Day-2026-275x300.png 275w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Day-2026-400x436.png 400w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Day-2026-458x500.png 458w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Day-2026-600x654.png 600w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Day-2026-768x838.png 768w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Day-2026-800x873.png 800w, https://www.activecitysummer.de/wp-content/uploads/2026/04/Day-2026.png 838w" sizes="(max-width: 838px) 100vw, 838px"><div class="bde-button-7-128 bde-button"> 2339 2340 2341 2342 2343 2344 2345 2346 2347 2348 2349 2350 2351 2352 2353 2354 <a class="breakdance-link button-atom button-atom--secondary bde-button__button" href="/day" target="_self" data-type="url" > 2355 2356 2357 <span class="button-atom__text">Mehr erfahren</span> 2358 2359 2360 2361 </a> 2362 2363 2364 2365 2366</div> 2367</div></div></div> 2368</section><section class="bde-section-7-139 bde-section"> 2369 2370 2371 2372 2373 2374 2375<div class="section-container"><h2 class="bde-heading-7-140 bde-heading"> 2376Partner & Sponsoren 2377</h2><div class="bde-post-loop-7-141 bde-post-loop"><div class="bde-loop bde-loop-grid ee-posts ee-posts-grid"> <article class="bde-loop-item ee-post"> 2378 <a class="bde-container-link-58495-102-58040-58495-1 bde-container-link bde-container-link-58495-102 breakdance-link" href="https://www.activecitysummer.de/partner/decathlon/" target="_blank" data-type="url"> 2379 2380 2381 2382 2383 2384 2385<img class="bde-image2-58495-103-58040-58495-1 bde-image2 bde-image2-58495-103" src="https://www.activecitysummer.de/wp-content/uploads/2025/05/Partnerlogos.001-e1777360366438.png" loading="lazy" srcset="https://www.activecitysummer.de/wp-content/uploads/2025/05/Partnerlogos.001-e1777360366438.png 686w, https://www.activecitysummer.de/wp-content/uploads/2025/05/Partnerlogos.001-e1777360366438-500x79.png 500w, https://www.activecitysummer.de/wp-content/uploads/2025/05/Partnerlogos.001-e1777360366438-300x47.png 300w, https://www.activecitysummer.de/wp-content/uploads/2025/05/Partnerlogos.001-e1777360366438-240x38.png 240w" sizes="(max-width: 686px) 100vw, 686px"> 2386 2387</a> </article> 2388 <article class="bde-loop-item ee-post"> 2389 <a class="bde-container-link-58495-102-58039-58495-1 bde-container-link bde-container-link-58495-102 breakdance-link" href="https://www.sparda-bank-hamburg.de" target="_blank" data-type="url"> 2390 2391 2392 2393 2394 2395 2396<img class="bde-image2-58495-103-58039-58495-1 bde-image2 bde-image2-58495-103" src="https://www.activecitysummer.de/wp-content/uploads/2024/05/Sparda-e1773168251249.png" loading="lazy" srcset="https://www.activecitysummer.de/wp-content/uploads/2024/05/Sparda-e1773168251249.png 720w, https://www.activecitysummer.de/wp-content/uploads/2024/05/Sparda-e1773168251249-500x193.png 500w, https://www.activecitysummer.de/wp-content/uploads/2024/05/Sparda-e1773168251249-700x270.png 700w, https://www.activecitysummer.de/wp-content/uploads/2024/05/Sparda-e1773168251249-300x116.png 300w, https://www.activecitysummer.de/wp-content/uploads/2024/05/Sparda-e1773168251249-200x77.png 200w, https://www.activecitysummer.de/wp-content/uploads/2024/05/Sparda-e1773168251249-400x154.png 400w, https://www.activecitysummer.de/wp-content/uploads/2024/05/Sparda-e1773168251249-600x232.png 600w, https://www.activecitysummer.de/wp-content/uploads/2024/05/Sparda-e1773168251249-240x93.png 240w" sizes="(max-width: 720px) 100v
2396w, 720px"> 2397 2398</a> </article> 2399 <article class="bde-loop-item ee-post"> 2400 <a class="bde-container-link-58495-102-58038-58495-1 bde-container-link bde-container-link-58495-102 breakdance-link" href="https://www.aok.de/pk/rh/" target="_blank" data-type="url"> 2401 2402 2403 2404 2405 2406 2407<img class="bde-image2-58495-103-58038-58495-1 bde-image2 bde-image2-58495-103" src="https://www.activecitysummer.de/wp-content/uploads/2024/05/AOK_Logo_kompakt_vertikal_RGB_96dpi_153x90mm.png" loading="lazy" srcset="https://www.activecitysummer.de/wp-content/uploads/2024/05/AOK_Logo_kompakt_vertikal_RGB_96dpi_153x90mm.png 581w, https://www.activecitysummer.de/wp-content/uploads/2024/05/AOK_Logo_kompakt_vertikal_RGB_96dpi_153x90mm-500x264.png 500w, https://www.activecitysummer.de/wp-content/uploads/2024/05/AOK_Logo_kompakt_vertikal_RGB_96dpi_153x90mm-300x159.png 300w, https://www.activecitysummer.de/wp-content/uploads/2024/05/AOK_Logo_kompakt_vertikal_RGB_96dpi_153x90mm-200x106.png 200w, https://www.activecitysummer.de/wp-content/uploads/2024/05/AOK_Logo_kompakt_vertikal_RGB_96dpi_153x90mm-400x211.png 400w, https://www.activecitysummer.de/wp-content/uploads/2024/05/AOK_Logo_kompakt_vertikal_RGB_96dpi_153x90mm-240x127.png 240w" sizes="(max-width: 581px) 100vw, 581px"> 2408 2409</a> </article> 2410 <article class="bde-loop-item ee-post"> 2411 <a class="bde-container-link-58495-102-58037-58495-1 bde-container-link bde-container-link-58495-102 breakdance-link" href="https://www.ndr.de/nachrichten/hamburg/" target="_blank" data-type="url"> 2412 2413 2414 2415 2416 2417 2418<img class="bde-image2-58495-103-58037-58495-1 bde-image2 bde-image2-58495-103" src="https://www.activecitysummer.de/wp-content/uploads/2025/04/NDR_Website.001.png" loading="lazy" srcset="https://www.activecitysummer.de/wp-content/uploads/2025/04/NDR_Website.001.png 1024w, https://www.activecitysummer.de/wp-content/uploads/2025/04/NDR_Website.001-500x37
24185.png 500w, https://www.activecitysummer.de/wp-content/uploads/2025/04/NDR_Website.001-300x225.png 300w, https://www.activecitysummer.de/wp-content/uploads/2025/04/NDR_Website.001-768x576.png 768w, https://www.activecitysummer.de/wp-content/uploads/2025/04/NDR_Website.001-200x150.png 200w, https://www.activecitysummer.de/wp-content/uploads/2025/04/NDR_Website.001-400x300.png 400w, https://www.activecitysummer.de/wp-content/uploads/2025/04/NDR_Website.001-600x450.png 600w, https://www.activecitysummer.de/wp-content/uploads/2025/04/NDR_Website.001-800x600.png 800w, https://www.activecitysummer.de/wp-content/uploads/2025/04/NDR_Website.001-240x180.png 240w, https://www.activecitysummer.de/wp-content/uploads/2025/04/NDR_Website.001-700x525.png 700w" sizes="(max-width: 1024px) 100vw, 1024px"> 2419 2420</a> </article> 2421 <article class="bde-loop-item ee-post"> 2422 <a class="bde-container-link-58495-102-58035-58495-1 bde-container-link bde-container-link-58495-102 breakdance-link" href="https://www.lotto-hh.de/lh/startseite?gclsrc=aw.ds&gclid=CjwKCAjw3ueiBhBmEiwA4BhspMXtt3cJ6k8a-RonO7HAvih_QKCd5MrBBuYaWu9Qqt66pu6lDyLJ2xoCdE8QAvD_BwE" target="_blank" data-type="url"> 2423 2424 2425 2426 2427 2428 2429<img class="bde-image2-58495-103-58035-58495-1 bde-image2 bde-image2-58495-103" src="https://www.activecitysummer.de/wp-content/uploads/2026/03/LOTTO_HH_Logo_quer_R_RGB_2026.jpg" loading="lazy" srcset="https://www.activecitysummer.de/wp-content/uploads/2026/03/LOTTO_HH_Logo_quer_R_RGB_2026.jpg 1920w, https://www.activecitysummer.de/wp-content/uploads/2026/03/LOTTO_HH_Logo_quer_R_RGB_2026-500x198.jpg 500w, https://www.activecitysummer.de/wp-content/uploads/2026/03/LOTTO_HH_Logo_quer_R_RGB_2026-1024x406.jpg 1024w, https://www.activecitysummer.de/wp-content/uploads/2026/03/LOTTO_HH_Logo_quer_R_RGB_2026-300x119.jpg 300w, https://www.activecitysummer.de/wp-content/uploads/2026/03/LOTTO_HH_Logo_quer_R_RGB_2026-768x304.jpg 768w, https://www.activecitysummer.de/wp-content/uploads/2026/03/LOTTO_HH_Logo_quer_R_RGB_2026-1536x609.jpg 1536w, https://www.activecitysummer.de/wp-content/uploads/2026/03/LOTTO_HH_Logo_quer_R_RGB_2026-240x95.jpg 240w" sizes="(max-width: 1920px) 100vw, 1920px"> 2430 2431</a> </article> 2432 <article class="bde-loop-item ee-post"> 2433 <a class="bde-container-link-58495-102-58032-58495-1 bde-container-link bde-container-link-58495-102 breakdance-link" href="https://www.hamburg-activecity.de/" target="_blank" data-type="url"> 2434 2435 2436 2437 2438 2439 2440<img class="bde-image2-58495-103-58032-58495-1 bde-image2 bde-image2-58495-103" src="https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei.png" loading="lazy" srcset="https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei.png 2364w, https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei-489x500.png 489w, https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei-1001x1024.png 1001w, https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei-293x300.png 293w, https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei-768x786.png 768w, https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei-1501x1536.png 1501w, https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei-2001x2048.png 2001w, https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei-200x205.png 200w, https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei-400x409.png 400w, https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei-600x614.png 600w, https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei-800x819.png 800w, https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei-1200x1228.png 1200w, https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei-32x32.png 32w, https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei-48x48.png 48w, https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei-176x180.png 176w, https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei-500x512.png 500w, https://www.activecitysummer.de/wp-content/uploads/2025/05/171130_dfhn_hh_activecity_logo_screen-mit-weissem-Rand_rgb-Druckdatei-700x716.png 700w" sizes="(max-width: 2364px) 100vw, 2364px"> 2441 2442</a> </article> 2443</div> 2444</div></div> 2445</section><footer class="bde-section-58444-100 bde-section"> 2446 2447
2448 2449 2450 2451 2452<div class="section-container"><div class="bde-columns-58444-101 bde-columns"><div class="bde-column-58444-102 bde-column"> 2453 2454 2455 2456 2457 2458 2459<a class="bde-text-link-58444-106 bde-text-link bde-preset-be22b4e2-1031-4ebd-b6d3-bba09705b3d1 breakdance-link" href="https://www.activecitysummer.de" target="_self" data-type="url"> 2460 Active City Summer 2461 2462</a><a class="bde-text-link-58444-107 bde-text-link bde-preset-f5b2ca1d-f419-4ca4-9069-b103da2945d2 breakdance-link" href="https://www.activecitysummer.de" target="_self" data-type="url"> 2463 Infos 2464 2465</a><a class="bde-text-link-58444-123 bde-text-link bde-preset-f5b2ca1d-f419-4ca4-9069-b103da2945d2 breakdance-link" href="/kurse" target="_self" data-type="url"> 2466 Kurse finden 2467 2468</a><a class="bde-text-link-58444-111 bde-text-link bde-preset-f5b2ca1d-f419-4ca4-9069-b103da2945d2 breakdance-link" href="/sommer-kurs-eintragen/" target="_self" data-type="url"> 2469 Kurse einreichen 2470 2471</a><a class="bde-text-link-58444-141 bde-text-link bde-preset-f5b2ca1d-f419-4ca4-9069-b103da2945d2 breakdance-link" href="/community/" target="_self" data-type="url"> 2472 Community 2473 2474</a><div class="bde-social-icons-58444-140 bde-social-icons"> 2475 2476 2477 2478 2479 2480 2481 2482 2483 2484 <a class="breakdance-link bde-social-icons__icon-wrapper bde-social-icons__icon-instagram" href="https://www.instagram.com/activecitysummer/" target="_blank" data-type="url" aria-label="instagram" > 2485 2486 <svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"> 2487 <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/> 2488 </svg> 2489 </a> 2490 2491 2492 2493 2494 2495 2496 2497 2498 2499 2500 <a class="breakdance-link bde-social-icons__icon-wrapper bde-social-icons__icon-facebook" href="https://www.facebook.com/ActiveCitySummer/" target="_blank" data-type="url" aria-label="facebook" > 2501 2502 <svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 24 24"> 2503 <path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/> 2504 </svg> 2505 </a> 2506 2507 2508</div> 2509</div><div class="bde-column-58444-117 bde-column"> 2510 2511 2512 2513 2514 2515 2516<a class="bde-text-link-58444-118 bde-text-link bde-preset-be22b4e2-1031-4ebd-b6d3-bba09705b3d1 breakdance-link" href="/day" target="_self" data-type="url"> 2517 Active City Day 2518 2519</a><a class="bde-text-link-58444-119 bde-text-link bde-preset-f5b2ca1d-f419-4ca4-9069-b103da2945d2 breakdance-link" href="/day" target="_self" data-type="url"> 2520 Infos 2521 2522</a><a class="bde-text-link-58444-122 bde-text-link bde-preset-f5b2ca1d-f419-4ca4-9069-b103da2945d2 breakdance-link" href="/day/karte" target="_self" data-type="url"> 2523 Aktionen ansehen 2524 2525</a><a class="bde-text-link-58444-120 bde-text-link bde-preset-f5b2ca1d-f419-4ca4-9069-b103da2945d2 breakdance-link" href="https://www.activecitysummer.de/eintragen" target="_self" data-type="url"> 2526 Aktion einreichen 2527 2528</a><a class="bde-text-link-58444-121 bde-text-link bde-preset-f5b2ca1d-f419-4ca4-9069-b103da2945d2 breakdance-link" href="/day/#faq" target="_self" data-type="url"> 2529 FAQ 2530 2531</a> 2532</div><div class="bde-column-58444-124 bde-column"> 2533 2534
2535 2536 2537 2538 2539<a class="bde-text-link-58444-125 bde-text-link bde-preset-be22b4e2-1031-4ebd-b6d3-bba09705b3d1 breakdance-link" href="/festival" target="_self" data-type="url"> 2540 Active City Festival 2541 2542</a><a class="bde-text-link-58444-126 bde-text-link bde-preset-f5b2ca1d-f419-4ca4-9069-b103da2945d2 breakdance-link" href="/festival" target="_self" data-type="url"> 2543 Infos 2544 2545</a><a class="bde-text-link-58444-127 bde-text-link bde-preset-f5b2ca1d-f419-4ca4-9069-b103da2945d2 breakdance-link" href="/festival/#lageplan" target="_self" data-type="url"> 2546 Lageplan & Timetable 2547 2548</a><a class="bde-text-link-58444-129 bde-text-link bde-preset-f5b2ca1d-f419-4ca4-9069-b103da2945d2 breakdance-link" href="/festival/#faq" target="_self" data-type="url"> 2549 FAQ 2550 2551</a> 2552</div><div class="bde-column-58444-130 bde-column"> 2553 2554 2555 2556 2557 2558 2559<a class="bde-text-link-58444-135 bde-text-link bde-preset-be22b4e2-1031-4ebd-b6d3-bba09705b3d1 breakdance-link" href="/impressum" target="_self" data-type="url"> 2560 Impressum 2561 2562</a><a class="bde-text-link-58444-136 bde-text-link bde-preset-be22b4e2-1031-4ebd-b6d3-bba09705b3d1 breakdance-link" href="/datenschutz" target="_self" data-type="url"> 2563 Datenschutz 2564 2565</a><a class="bde-text-link-58444-138 bde-text-link bde-preset-f5b2ca1d-f419-4ca4-9069-b103da2945d2 breakdance-link" href="/downloadbereich" target="_self" data-type="url"> 2566 Downloads 2567 2568</a><a class="bde-text-link-58444-139 bde-text-link bde-preset-f5b2ca1d-f419-4ca4-9069-b103da2945d2 breakdance-link" href="/haftungsausschluss/" target="_self" data-type="url"> 2569 Haftungsausschluss 2570 2571</a> 2572</div></div></div> 2573</footer>
2573<script type="speculationrules"> 2574{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/plugins/breakdance/plugin/themeless/themes/breakdance-zero/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 2575</script>
vendor: 1 bytes, line 2575
2575
2576<script> 2577document.addEventListener('click', function (e) { 2578 var a = e.target.closest('a'); 2579 if (!a || typeof umami === 'undefined') return; 2580 var href = a.getAttribute('href') || ''; 2581 if (href.indexOf('tel:') === 0) umami.track('kontakt_klick', { method: 'telefon' }); 2582 else if (href.indexOf('mailto:') === 0) umami.track('kontakt_klick', { method: 'email' }); 2583 else if (/google\.[a-z.]+\/maps|maps\.app\.goo\.gl/.test(href)) umami.track('maps_klick', { method: 'route' }); 2584 else if (/instagram\.com/.test(href)) umami.track('social_klick', { method: 'instagram' }); 2585 else if (/facebook\.com/.test(href)) umami.track('social_klick', { method: 'facebook' }); 2586}); 2587</script>
2587<script id="wp-importmap" type="importmap"> 2588{"imports":{"borlabs-cookie-core":"https://www.activecitysummer.de/wp-content/plugins/borlabs-cookie/assets/javascript/borlabs-cookie.min.js?ver=3.4.5"}} 2589</script>
vendor: 1 bytes, line 2589
2589
2590<script data-cfasync="false" data-no-minify="1" data-no-optimize="1" id="borlabs-cookie-core-js-module" src="https://www.activecitysummer.de/wp-content/plugins/borlabs-cookie/assets/javascript/borlabs-cookie.min.js?ver=3.4.5" type="module"></script>
vendor: 1 bytes, line 2590
2590
2591<script id="borlabs-cookie-legacy-backward-compatibility-js-module" src="https://www.activecitysummer.de/wp-content/plugins/borlabs-cookie/assets/javascript/borlabs-cookie-legacy-backward-compatibility.min.js?ver=3.4.5" type="module"></script>
2591 2592<!--googleoff: all--><div data-nosnippet data-borlabs-cookie-consent-required='true' id='BorlabsCookieBox'></div><div id='BorlabsCookieWidget' class='brlbs-cmpnt-container'></div><!--googleon: all-->
2592<script id="wp-emoji-settings" type="application/json"> 2593{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.activecitysummer.de/wp-includes/js/wp-emoji-release.min.js?ver=8b6a6ef59ea7cb2c436309a650d9a4d7"}} 2594</script>
vendor: 1 bytes, line 2594
2594
2595<script type="module"> 2596/*! This file is auto-generated */ 2597var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 2598//# sourceURL=https://www.activecitysummer.de/wp-includes/js/wp-emoji-loader.min.js 2599</script>
2599 2600<template id="brlbs-cmpnt-cb-template-facebook-content-blocker"> 2601 <div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="facebook-content-blocker" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b brlbs-cmpnt-cb-facebook"> <div class="brlbs-cmpnt-cb-thumbnail" style="background-image: url('https://www.activecitysummer.de/wp-content/uploads/borlabs-cookie/1/cb-facebook-main.png')"></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">Sie sehen gerade einen Platzhalterinhalt von <strong>Facebook</strong>. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">Mehr Informationen</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Inhalt entsperren</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Erforderlichen Service akzeptieren und Inhalte entsperren</a> </div> </div> </div></div> 2602</template>
2603<script> 2604(function() { 2605 const template = document.querySelector("#brlbs-cmpnt-cb-template-facebook-content-blocker"); 2606 const divsToInsertBlocker = document.querySelectorAll('div.fb-video[data-href*="//www.facebook.com/"], div.fb-post[data-href*="//www.facebook.com/"]'); 2607 for (const div of divsToInsertBlocker) { 2608 const blocked = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container'); 2609 blocked.dataset.borlabsCookieContent = btoa(unescape(encodeURIComponent(div.outerHTML))); 2610 div.replaceWith(blocked); 2611 } 2612})() 2613</script>
2613<template id="brlbs-cmpnt-cb-template-instagram"> 2614 <div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="instagram" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b brlbs-cmpnt-cb-instagram"> <div class="brlbs-cmpnt-cb-thumbnail" style="background-image: url('https://www.activecitysummer.de/wp-content/uploads/borlabs-cookie/1/cb-instagram-main.png')"></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">Sie sehen gerade einen Platzhalterinhalt von <strong>Instagram</strong>. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">Mehr Informationen</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Inhalt entsperren</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Erforderlichen Service akzeptieren und Inhalte entsperren</a> </div> </div> </div></div> 2615</template>
2616<script> 2617(function() { 2618 const template = document.querySelector("#brlbs-cmpnt-cb-template-instagram"); 2619 const divsToInsertBlocker = document.querySelectorAll('blockquote.instagram-media[data-instgrm-permalink*="instagram.com/"],blockquote.instagram-media[data-instgrm-version]'); 2620 for (const div of divsToInsertBlocker) { 2621 const blocked = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container'); 2622 blocked.dataset.borlabsCookieContent = btoa(unescape(encodeURIComponent(div.outerHTML))); 2623 div.replaceWith(blocked); 2624 } 2625})() 2626</script>
2626<template id="brlbs-cmpnt-cb-template-wordfence-login-security-recaptcha"> 2627 <div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="wordfence-login-security-recaptcha" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b"> <div class="brlbs-cmpnt-cb-thumbnail" style="background-image: url('https://www.activecitysummer.de/wp-content/uploads/borlabs-cookie/1/recaptcha-preset-main.png')"></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">Sie sehen gerade einen Platzhalterinhalt von <strong>reCAPTCHA</strong>. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">Mehr Informationen</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Inhalt entsperren</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Erforderlichen Service akzeptieren und Inhalte entsperren</a> </div> </div> </div></div> 2628</template>
2629<script> 2630(function() { 2631 const template = document.querySelector("#brlbs-cmpnt-cb-template-wordfence-login-security-recaptcha"); 2632 if (template == null) { 2633 return; 2634 } 2635 const insertCbAndDisableSubmitButtons = (cssSelector) => { 2636 const divsToInsertBlocker = document.querySelectorAll(cssSelector); 2637 for (const div of divsToInsertBlocker) { 2638 const cb = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container'); 2639 div.appendChild(cb); 2640 div.querySelectorAll('[type="submit"]').forEach(btn => btn.disabled = true); 2641 } 2642 }; 2643 const removeOtherCbsFromRelatedFormsIfOneIsUnblcked = (formCssSelector) => { 2644 document.querySelectorAll(formCssSelector + ' [data-borlabs-cookie-unblock]').forEach(btn => { 2645 btn.addEventListener('click', (e) => { 2646 // once this cb is gone, remove other cbs & enable submit button. 2647 let iterations = 0; 2648 const interval = setInterval(() => { 2649 if (!e.target.closest('form')) { 2650 clearInterval(interval); 2651 document.querySelectorAll(formCssSelector + ' [data-borlabs-cookie-content-blocker-id="wordfence-login-security-recaptcha"]').forEach(cb => { 2652 cb.closest('form')?.querySelectorAll('[type="submit"]').forEach(btn => btn.disabled = false); 2653 cb.remove(); 2654 }); 2655 } 2656 if (++iterations > 50) { 2657 clearInterval(interval); 2658 } 2659 }, 20); 2660 }) 2661 }) 2662 }; 2663 // login, register, lostpassword 2664 insertCbAndDisableSubmitButtons('html:has(script[data-borlabs-cookie-script-blocker-id="wordfence-login-security-recaptcha"]) body.login :is(#loginform, #registerform, #lostpasswordform, form.post-password-form)'); 2665 2666 // WooCommerce login, register, lostpassword 2667 removeOtherCbsFromRelatedFormsIfOneIsUnblcked('html:has(script[data-borlabs-cookie-script-blocker-id="wordfence-login-security-recaptcha"]) :is(.woocommerce-form-login, .woocommerce-form-register)') 2668})() 2669</script>
2669<template id="brlbs-cmpnt-cb-template-x-alias-twitter-content-blocker"> 2670 <div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="x-alias-twitter-content-blocker" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b brlbs-cmpnt-cb-x"> <div class="brlbs-cmpnt-cb-thumbnail" style="background-image: url('https://www.activecitysummer.de/wp-content/uploads/borlabs-cookie/1/cb-twitter-main.png')"></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">Sie sehen gerade einen Platzhalterinhalt von <strong>X</strong>. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">Mehr Informationen</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Inhalt entsperren</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Erforderlichen Service akzeptieren und Inhalte entsperren</a> </div> </div> </div></div> 2671</template>
2672<script> 2673(function() { 2674 const template = document.querySelector("#brlbs-cmpnt-cb-template-x-alias-twitter-content-blocker"); 2675 const divsToInsertBlocker = document.querySelectorAll('blockquote.twitter-tweet,blockquote.twitter-video'); 2676 for (const div of divsToInsertBlocker) { 2677 const blocked = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container'); 2678 blocked.dataset.borlabsCookieContent = btoa(unescape(encodeURIComponent(div.outerHTML))); 2679 div.replaceWith(blocked); 2680 } 2681})() 2682</script>
2682<script src='https://www.activecitysummer.de/wp-content/plugins/breakdance/plugin/global-scripts/breakdance-utils.js?bd_ver=2.8.1' defer></script>
vendor: 1 bytes, line 2682
2682
2683<script src='https://www.activecitysummer.de/wp-content/plugins/breakdance/subplugins/breakdance-elements/dependencies-files/breakdance-countdown-timer@1/countdown-timer.js?bd_ver=2.8.1' defer></script>
vendor: 1 bytes, line 2683
2683
2684<script src='https://www.activecitysummer.de/wp-content/plugins/breakdance/subplugins/breakdance-elements/dependencies-files/breakdance-header-builder@1/header-builder.js?bd_ver=2.8.1' defer></script>
vendor: 1 bytes, line 2684
2684
2685<script src='https://www.activecitysummer.de/wp-content/plugins/breakdance/subplugins/breakdance-elements/dependencies-files/awesome-menu@1/awesome-menu.js?bd_ver=2.8.1' defer></script>
vendor: 1 bytes, line 2685
2685
2686<script src='https://www.activecitysummer.de/wp-content/plugins/breakdance/subplugins/breakdance-elements/dependencies-files/[email protected]/isotope.pkgd.min.js?bd_ver=2.8.1' defer></script>
vendor: 1 bytes, line 2686
2686
2687<script src='https://www.activecitysummer.de/wp-content/plugins/breakdance/subplugins/breakdance-elements/dependencies-files/lightgallery@2/lightgallery-bundle.min.js?bd_ver=2.8.1' defer></script>
vendor: 1 bytes, line 2687
2687
2688<script src='https://www.activecitysummer.de/wp-content/plugins/breakdance/subplugins/breakdance-elements/dependencies-files/elements-reusable-code/lightbox.js?bd_ver=2.8.1' defer></script>
vendor: 1 bytes, line 2688
2688
2689<script src='https://www.activecitysummer.de/wp-content/plugins/breakdance/subplugins/breakdance-elements/dependencies-files/breakdance-gallery@1/gallery.js?bd_ver=2.8.1' defer></script>
vendor: 1 bytes, line 2689
2689
2690<script src='https://www.activecitysummer.de/wp-content/plugins/breakdance/subplugins/breakdance-elements/dependencies-files/[email protected]/lite-yt-embed.js?bd_ver=2.8.1' defer></script>
vendor: 1 bytes, line 2690
2690
2691<script src='https://www.activecitysummer.de/wp-content/plugins/breakdance/subplugins/breakdance-elements/dependencies-files/lozard@1/lozad.min.js?bd_ver=2.8.1' defer></script>
vendor: 1 bytes, line 2691
2691
2692<script>document.addEventListener('DOMContentLoaded', function(){ if (!window.BreakdanceFrontend) { 2693 window.BreakdanceFrontend = {} 2694 } 2695 2696 window.BreakdanceFrontend.data = {"homeUrl":"https:\/\/www.activecitysummer.de","ajaxUrl":"https:\/\/www.activecitysummer.de\/wp-admin\/admin-ajax.php","elementsPluginUrl":"https:\/\/www.activecitysummer.de\/wp-content\/plugins\/breakdance\/subplugins\/breakdance-elements\/","BASE_BREAKPOINT_ID":"breakpoint_base","breakpoints":[{"id":"breakpoint_base","label":"Desktop","defaultPreviewWidth":"100%"},{"id":"breakpoint_tablet_landscape","label":"Tablet Landscape","defaultPreviewWidth":1024,"maxWidth":1119},{"id":"breakpoint_tablet_portrait","label":"Tablet Portrait","defaultPreviewWidth":768,"maxWidth":1023},{"id":"breakpoint_phone_landscape","label":"Phone Landscape","defaultPreviewWidth":480,"maxWidth":767},{"id":"breakpoint_phone_portrait","label":"Phone Portrait","defaultPreviewWidth":400,"maxWidth":479}],"subscriptionMode":"pro"} }) </script>
vendor: 1 bytes, line 2696
2696
2697<script>document.addEventListener('DOMContentLoaded', function(){ 2698new BreakdanceCountdownTimer('.breakdance .bde-countdown-timer-58446-115', { content : {"countdown_date":{"month":"Apr","date":23,"year":2038,"hours":11,"minutes":40,"seconds":30,"expired_message":"Offer Expired"},"timer":{"timezone":"Europe\/Berlin","year":"2026","month":"Sep","days":13,"hours":12,"minutes":0,"seconds":0,"timer_type":"fixed","time_units":{"days":{"singular":"Tag","plural":"Tage"},"hours":{"singular":"Stunde","plural":"Stunden"},"minutes":{"singular":"Minute","plural":"Minuten"},"seconds":{"singular":"Sekunde","plural":"Sekunden","hide":false}}}}, builder: false }); 2699 2700 }) </script>
vendor: 1 bytes, line 2700
2700
2701<script>document.addEventListener('DOMContentLoaded', function(){ new BreakdanceHeaderBuilder(".breakdance .bde-header-builder-58446-101", "101", false); }) </script>
vendor: 1 bytes, line 2701
2701
2702<script>document.addEventListener('DOMContentLoaded', function(){ 2703new AwesomeMenu(".breakdance .bde-wp-menu-58446-105 .breakdance-menu", { 2704 dropdown: { 2705 openOnClick: false, 2706 mode: { 2707 desktop: 'dropdown' 2708 }, 2709 placement: 'left', 2710 width: null, 2711 animation: 'fade' 2712 }, 2713 link: { 2714 effect: 'background', 2715 effectDirection: '', 2716 }, 2717 mobile: { 2718 breakpoint: 'breakpoint_phone_landscape', 2719 mode: 'default', 2720 offcanvasPosition: 'left', 2721 offset: 70, 2722 followLinks: true 2723 } 2724}); 2725 }) </script>
vendor: 1 bytes, line 2725
2725
2726<script>document.addEventListener('DOMContentLoaded', function(){ 2727new BreakdanceLightbox('.breakdance .bde-gallery-7-125', { 2728 itemSelector: '.ee-gallery-item', 2729 ...{"thumbnails":true,"animated_thumbnails":false,"zoom":true,"autoplay":false,"background":"#000000","controls":"#999999","thumbnail":"#ffffff","thumbnail_active":"#01d2e8f0","autoplay_videos":false} 2730}); 2731 }) </script>
vendor: 1 bytes, line 2731
2731
2732<script>document.addEventListener('DOMContentLoaded', function(){ 2733new BreakdanceGallery( 2734 '.breakdance .bde-gallery-7-125', 2735 { 2736 ...{"type":"grid","gap":{"breakpoint_base":{"number":10,"unit":"px","style":"10px"}},"columns":null,"aspect_ratio":"100%","slider":{"settings":{"advanced":{"slides_per_view":{"breakpoint_base":3},"one_per_view_at":"breakpoint_phone_landscape"}}},"vertical_at":"never"}, 2737 mode: "single" 2738 } 2739); 2740 }) </script>
vendor: 1 bytes, line 2740
2740
2741<script>document.addEventListener('DOMContentLoaded', function(){ 2742new BreakdanceCountdownTimer('.breakdance .bde-countdown-timer-7-130', { content : {"countdown_date":{"month":"Apr","date":23,"year":2038,"hours":11,"minutes":40,"seconds":30,"expired_message":"Offer Expired"},"timer":{"timezone":"Europe\/Berlin","year":"2026","month":"Jul","days":1,"hours":7,"minutes":0,"seconds":0,"timer_type":"fixed","time_units":{"days":{"singular":"Tag","plural":"Tage"},"hours":{"singular":"Stunde","plural":"Stunden"},"minutes":{"singular":"Minute","plural":"Minuten"},"seconds":{"singular":"Sekunde","plural":"Sekunden","hide":true}}}}, builder: false }); 2743 2744 }) </script>
vendor: 1 bytes, line 2744
2744
2745<script>document.addEventListener('DOMContentLoaded', function(){ const observer = lozad(); 2746observer.observe(); }) </script>
vendor: 1 bytes, line 2746
2746
2747<script>document.addEventListener('DOMContentLoaded', function(){ 2748new BreakdanceCountdownTimer('.breakdance .bde-countdown-timer-7-149', { content : {"countdown_date":{"month":"Apr","date":23,"year":2038,"hours":11,"minutes":40,"seconds":30,"expired_message":"Offer Expired"},"timer":{"timezone":"Europe\/Berlin","year":"2026","month":"Sep","days":13,"hours":9,"minutes":0,"seconds":0,"timer_type":"fixed","time_units":{"days":{"singular":"Tag","plural":"Tage"},"hours":{"singular":"Stunde","plural":"Stunden"},"minutes":{"singular":"Minute","plural":"Minuten"},"seconds":{"singular":"Sekunde","plural":"Sekunden","hide":true}}}}, builder: false }); 2749 2750 }) </script>
2750 2751 </body> 2752 2753 </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.