1<!DOCTYPE html><!-- Last Published: Thu Oct 01 2026 09:45:28 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="wedding-pro-test.webflow.io" data-wf-page="6818c1866b7e71abf2bb2487" data-wf-site="67d53cf96f7c84ea27290fa5" lang="de-DE"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Klar. Fair. Professionell - Was kostet ein Hochzeitsfotograf</title><meta content="Faire Preise. Ohne versteckte Kosten. Ohne Stress. Hier erfährst alles über meine Hochzeitspakete die ich anbiete. Die Fotobox ist immer inklusive" name="description"/><meta content="Klar. Fair. Professionell - Was kostet ein Hochzeitsfotograf" property="og:title"/><meta content="Faire Preise. Ohne versteckte Kosten. Ohne Stress. Hier erfährst alles über meine Hochzeitspakete die ich anbiete. Die Fotobox ist immer inklusive" property="og:description"/><meta content="Klar. Fair. Professionell - Was kostet ein Hochzeitsfotograf" name="twitter:title"/><meta content="Faire Preise. Ohne versteckte Kosten. Ohne Stress. Hier erfährst alles über meine Hochzeitspakete die ich anbiete. Die Fotobox ist immer inklusive" name="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/67d53cf96f7c84ea27290fa5/css/wedding-pro-test.shared.ab0ced497.min.css" rel="stylesheet" type="text/css" integrity="sha384-qwztSXEgBVGvUnMm0yzO60IVdvfmQsA06UFRN/6BMNZKsIo4l3/tt4VuvoeVr9H2" crossorigin="anonymous"/><link href="https://cdn.prod.website-files.com/67d53cf96f7c84ea27290fa5/css/wedding-pro-test.6818c1866b7e71abf2bb2487.0074c8185.opt.min.css" rel="stylesheet" type="text/css" integrity="sha384-AHTIGFY8XC9/OaYlx+I0hFyKxURINYt8KjYRLEnzEAT/H8XX4ElfrS37WrA2UkBb" crossorigin="anonymous"/><style>html.w-mod-js:not(.w-mod-ix3) :is(.text-inklusive-absolut, .preis_buttom-layout) {visibility: hidden !important;}</style>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/67d53cf96f7c84ea27290fa5/68dac63d52911a3c3724d12d_32icon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/67d53cf96f7c84ea27290fa5/68dac65f4f861dac8c83c021_256icon.png" rel="apple-touch-icon"/><link href="https://www.weddingphoto-professionals.com/fotograf/preise" rel="canonical"/>
1<script type="text/javascript">!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.agent='plwebflow';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '1852762915356045');fbq('track', 'PageView');</script>
1<script> 2 document.documentElement.lang = "de"; 3</script>
3 4 5 6 7<!-- Consent Pro script -->
8<script src="https://api.consentpro.com/v2/cdn/runtime/67d53cf96f7c84ea27290fa5.js" type="text/javascript" finsweet="consentpro" siteid="67d53cf96f7c84ea27290fa5"></script>
8 9 10<!-- Google Tag Manager -->
11<script>
vendor: 327 bytes, lines 11-15
11(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 12new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 13j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 14'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 15})(window,document,'script','dataLayer','
15GTM-P28KVZNM
vendor: 3 bytes, line 15
15');
15</script>
15 16<!-- End Google Tag Manager --> 17
18<script src="https://analytics.ahrefs.com/analytics.js" data-key="OkGWZRpyLFKgp6mlwcBdlw" async></script>
18 19 20<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 20-21
20 21<script async src="https://www.googletagmanager.com/gtag/js?id=
21G-0PBV45MDEB
vendor: 12 bytes, line 21
21"></script>
22<script> 23
vendor: 134 bytes, lines 23-27
23window.dataLayer = window.dataLayer || []; 24 function gtag(){dataLayer.push(arguments);} 25 gtag('js', new Date()); 26 27 gtag('config', '
27G-0PBV45MDEB
vendor: 4 bytes, line 27
27');
28</script>
28 29 30<!-- WPP Popup: Pop-ups (Elemente mit data-wpp-id) sind live immer versteckt, bis das Script sie öffnet --> 31<style>html [data-wpp-id]{display:none}</style> 32<!-- ðµ GLOBAL STYLES --> 33<style> 34/* ð BUBBLE CONTAINER */ 35.bubble-container { 36 position: absolute; 37 top: 0; 38 left: 0; 39 width: 100%; 40 height: 100%; 41 pointer-events: none; 42 z-index: 1; 43 opacity: 1; 44} 45 46/* ð£ BUBBLES (animierte Punkte) */ 47.bubble { 48 position: absolute; 49 border-radius: 50%; 50 background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.5), rgba(128, 0, 128, 0.2)); 51 box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.5), 0 0 15px rgba(255, 255, 255, 0.15); 52 pointer-events: none; 53 opacity: 0.4; 54} 55 56@media (max-width: 1024px) { 57 .bubble { opacity: 0.35; } 58} 59 60@media (max-width: 768px) { 61 .bubble { opacity: 0.3; } 62} 63 64.link-wrapper-menu_mobile { 65 position: fixed; 66 left: 0; 67 top: 0; 68 right: 0; 69 bottom: 0; 70 display: flex; 71 opacity: 0; 72 pointer-events: none; 73 clip-path: circle(0% at 90% 5%); 74 transition: clip-path 0.8s ease-in-out, opacity 0.3s ease-in-out; 75 flex-direction: column; 76 justify-content: center; 77 align-items: center; 78 background-color: var(--_theme---eigelb); 79 z-index: 999; 80} 81 82.link-wrapper-menu_mobile.show { 83 opacity: 1; 84 pointer-events: all; 85 clip-path: circle(150% at 50% 50%); 86} 87 88.link-wrapper-menu_mobile > * { 89 transform: translateY(20px); 90 opacity: 0; 91 transition: all 0.5s ease; 92} 93 94.link-wrapper-menu_mobile.show > * { 95 transform: translateY(0); 96 opacity: 1; 97} 98 99 100 101@media screen and (min-width: 992px) { 102 .hover-zoom-wrapper { 103 overflow: hidden; 104 } 105 106 .hover-zoom-image { 107 display: block; 108 transition: transform 0.6s ease; 109 transform-origin: center center; 110 } 111 112 .hover-zoom-wrapper:hover .hover-zoom-image { 113 transform: scale(1.05); 114 } 115} 116 117.b-text-uebermich-animiert { 118 line-height: 1.4; 119 word-break: break-word; 120 overflow-wrap: break-word; 121} 122 123.line { 124 display: block; 125} 126 127.char { 128 display: inline-block; 129 will-change: opacity, color, filter; 130} 131 132.hero-header_erfahrung { 133 white-space: normal; 134} 135 136.highlight { 137 display: inline; 138 word-break: break-word; 139 overflow-wrap: break-word; 140} 141 142.emoji { 143 display: inline-block; 144} 145 146</style>
146<script src="https://cdn.prod.website-files.com/67d53cf96f7c84ea27290fa5%2F6544eda5f000985a163a8687%2F693167a0a59aa35e0923bea6%2Ffinsweetcomponentsconfig-1.0.58.js" type="module" async="" siteId="67d53cf96f7c84ea27290fa5" finsweet="components"></script>
146</head><body><div class="page_wrap"><div class="page_code_wrap"><div class="page_code_base w-embed"><style> 147:root { 148 --site--max-width: min(var(--site--width), 100vw); 149 --container--main: calc(var(--site--max-width) - var(--site--margin) * 2); 150 --container--full: calc(100vw - var(--site--margin) * 2); 151 --container--small: calc(var(--column-width--plus-gutter) * (var(--site--column-count) - 2) - var(--site--gutter)); 152 --site--gutter-total: calc(var(--site--gutter) * (var(--site--column-count) - 1)); 153 --column-width--1: calc((var(--container--main) - var(--site--gutter-total)) / var(--site--column-count)); 154 --column-width--plus-gutter: calc(var(--column-width--1) + var(--site--gutter)); 155 --column-width--2: calc(var(--column-width--plus-gutter) * 2 - var(--site--gutter)); 156 --column-width--3: calc(var(--column-width--plus-gutter) * 3 - var(--site--gutter)); 157 --column-width--4: calc(var(--column-width--plus-gutter) * 4 - var(--site--gutter)); 158 --column-width--5: calc(var(--column-width--plus-gutter) * 5 - var(--site--gutter)); 159 --column-width--6: calc(var(--column-width--plus-gutter) * 6 - var(--site--gutter)); 160 --column-width--7: calc(var(--column-width--plus-gutter) * 7 - var(--site--gutter)); 161 --column-width--8: calc(var(--column-width--plus-gutter) * 8 - var(--site--gutter)); 162 --column-width--9: calc(var(--column-width--plus-gutter) * 9 - var(--site--gutter)); 163 --column-width--10: calc(var(--column-width--plus-gutter) * 10 - var(--site--gutter)); 164 --column-width--11: calc(var(--column-width--plus-gutter) * 11 - var(--site--gutter)); 165 --column-width--12: calc(var(--column-width--plus-gutter) * 12 - var(--site--gutter)); 166 --column-margin--1: calc(var(--column-width--plus-gutter) * 1); 167 --column-margin--2: calc(var(--column-width--plus-gutter) * 2); 168 --column-margin--3: calc(var(--column-width--plus-gutter) * 3); 169 --column-margin--4: calc(var(--column-width--plus-gutter) * 4); 170 --column-margin--5: calc(var(--column-width--plus-gutter) * 5); 171 --column-margin--6: calc(var(--column-width--plus-gutter) * 6); 172 --column-margin--7: calc(var(--column-width--plus-gutter) * 7); 173 --column-margin--8: calc(var(--column-width--plus-gutter) * 8); 174 --column-margin--9: calc(var(--column-width--plus-gutter) * 9); 175 --column-margin--10: calc(var(--column-width--plus-gutter) * 10); 176 --column-margin--11: calc(var(--column-width--plus-gutter) * 11); 177 --column-margin--12: calc(var(--column-width--plus-gutter) * 12); 178 --breakout-start: [full-start] minmax(0, 1fr) [content-start]; 179 --breakout-end: [content-end] minmax(0, 1fr) [full-end]; 180 --grid-breakout-single: var(--breakout-start) minmax(0, var(--container--main)) var(--breakout-end); 181 --grid-breakout: var(--breakout-start) repeat(var(--site--column-count), minmax(0, var(--column-width--1))) var(--breakout-end); 182 --grid-main: repeat(var(--site--column-count), minmax(0, 1fr)); 183 --grid-1: repeat(1, minmax(0, 1fr)); 184 --grid-2: repeat(2, minmax(0, 1fr)); 185 --grid-3: repeat(3, minmax(0, 1fr)); 186 --grid-4: repeat(4, minmax(0, 1fr)); 187 --grid-5: repeat(5, minmax(0, 1fr)); 188 --grid-6: repeat(6, minmax(0, 1fr)); 189 --grid-7: repeat(7, minmax(0, 1fr)); 190 --grid-8: repeat(8, minmax(0, 1fr)); 191 --grid-9: repeat(9, minmax(0, 1fr)); 192 --grid-10: repeat(10, minmax(0, 1fr)); 193 --grid-11: repeat(11, minmax(0, 1fr)); 194 --grid-12: repeat(12, minmax(0, 1fr)); 195 --_typography---text-transform--none: none; 196 --_typography---text-transform--uppercase: uppercase; 197 --_typography---text-transform--captialize: capitalize; 198 --_typography---text-transform--lowercase: lowercase; 199 --align--flex-start: flex-start; 200 --align--flex-center: center; 201 --align--flex-end: flex-end; 202 --align--text-left: left; 203 --align--text-center: center; 204 --align--text-right: right; 205} 206* { 207 vertical-align: bottom; 208} 209::before, ::after { 210 box-sizing: border-box; 211} 212html { 213 background-color: var(--_theme---background); 214} 215button { 216 background-color: unset; 217 padding: unset; 218 text-align: inherit; 219} 220button:not(:disabled) { 221 cursor: pointer; 222} 223video { 224 width: 100%; 225 object-fit: cover; 226} 227video.wf-empty { 228 padding: 0; 229} 230svg { 231 max-width: 100%; 232} 233section, header, footer { 234 position: relative; 235} 236@media (prefers-color-scheme: light) { 237 option { 238 color: black; 239 } 240} 241img::selection { 242 background: transparent; 243} 244/* Typography */ 245body { 246 text-transform: var(--_text-style---text-transform); 247 font-smoothing: antialiased; 248 -webkit-font-smoothing: antialiased; 249} 250/* Clear Defaults */ 251a:not([class]) { 252 text-decoration: underline; 253} 254h1,h2,h3,h4,h5,h6,p,blockquote,label { 255 font-family: inherit; 256 font-size: inherit; 257 font-weight: inherit; 258 line-height: inherit; 259 letter-spacing: inherit; 260 text-transform: inherit; 261 text-wrap: inherit; 262 margin-top: 0; 263 margin-bottom: 0; 264} 265/* Margin Trim */ 266:is(.u-margin-trim, .u-rich-text) > :not(:not(.w-condition-invisible) ~ :not(.w-condition-invisible)) { 267 margin-top: 0; 268} 269:is(.u-margin-trim, .u-rich-text) > :not(:has(~ :not(.w-condition-invisible))) { 270 margin-bottom: 0; 271} 272.w-richtext a { 273 position: relative; 274 z-index: 4; 275} 276/* Line Height Trim */ 277:is([class*="u-text-style-"],h1,h2,h3,h4,h5,h6,p):not(.w-richtext,.u-text-trim-off)::before { 278 content: ""; 279 display: table; 280 margin-bottom: calc(-0.5lh + var(--_text-style---trim-top)); 281} 282:is([class*="u-text-style-"],h1,h2,h3,h4,h5,h6,p):not(.w-richtext,.u-text-trim-off)::after { 283 content: ""; 284 display: table; 285 margin-bottom: calc(-0.5lh + var(--_text-style---trim-bottom)); 286} 287/* Line Clamp */ 288.u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 { 289 -webkit-line-clamp: 1; 290 -webkit-box-orient: vertical; 291} 292.u-line-clamp-2 { -webkit-line-clamp: 2; } 293.u-line-clamp-3 { -webkit-line-clamp: 3; } 294.u-line-clamp-4 { -webkit-line-clamp: 4; } 295/* Child Contain */ 296.u-child-contain > * { 297 width: 100%; 298 max-width: inherit !important; 299 margin-inline: 0 !important; 300 margin-top: 0 !important; 301} 302 303/* Hide */ 304.u-hide-if-empty:empty, 305.u-hide-if-empty:not(:has(> :not(.w-condition-invisible))), 306.u-hide-if-empty-cms:not(:has(.w-dyn-item)), 307.u-embed-js, 308.u-embed-css { 309 display: none !important; 310} 311 312/* Focus State */ 313a, button, :where([tabindex]), 314.w-checkbox-input--inputType-custom, 315.w-form-formradioinput--inputType-custom {
316 outline-offset: var(--focus--offset-outer); 317} 318a:focus-visible, 319button:focus-visible, 320[tabindex]:focus-visible, 321.w-checkbox:has(:focus-visible) .w-checkbox-input--inputType-custom, 322.w-radio:has(:focus-visible) .w-form-formradioinput--inputType-custom { 323 outline-color: var(--_theme---text); 324 outline-width: var(--focus--width); 325 outline-style: solid; 326} 327.w-checkbox-input--inputType-custom.w--redirected-focus, 328.w-form-formradioinput--inputType-custom.w--redirected-focus { 329 box-shadow: none; 330} 331 332/* Global / Clickable Component */ 333.wf-design-mode .g_clickable_wrap { 334 z-index: 0; 335} 336.g_clickable_wrap a[href="#"] { 337 display: none; 338} 339.g_clickable_wrap a[href="#"] ~ button { 340 display: block; 341} 342 343/* Responsive Above */ 344@container threshold-large (width >= 62em) { 345 .u-order-unset-above { order: unset !important; } 346 .u-all-unset-above { all: unset !important; } 347 .u-grid-below { display: flex !important; } 348} 349@container threshold-medium (width >= 48em) { 350 .u-order-unset-above { order: unset !important; } 351 .u-all-unset-above { all: unset !important; } 352 .u-grid-below { display: flex !important; } 353} 354@container threshold-small (width >= 30em) { 355 .u-order-unset-above { order: unset !important; } 356 .u-all-unset-above { all: unset !important; } 357 .u-grid-below { display: flex !important; } 358} 359 360/* Responsive Below */ 361@container threshold-large (width < 62em) { 362 .u-order-unset-below { order: unset !important; } 363 .u-all-unset-below { all: unset !important; } 364 .u-grid-above { display: flex !important; } 365 .u-order-first-below { order: -1;} 366} 367@container threshold-medium (width < 48em) { 368 .u-order-unset-below { order: unset !important; } 369 .u-all-unset-below { all: unset !important; } 370 .u-grid-above { display: flex !important; } 371 .u-order-first-below { order: -1;} 372} 373@container threshold-small (width < 30em) { 374 .u-order-unset-below { order: unset !important; } 375 .u-all-unset-below { all: unset !important; } 376 .u-grid-above { display: flex !important; } 377 .u-order-first-below { order: -1;} 378} 379</style></div><div class="page_code_custom w-embed"><style> 380 .text-wort_trennung { 381 hyphens: auto; 382 -webkit-hyphens: auto; 383 overflow-wrap: normal; 384 word-break: normal; 385 white-space: normal; 386 } 387 388 @media (min-width: 769px) { 389 .text-wort_trennung { 390 hyphens: none; 391 } 392 } 393</style> 394 395<style> 396.image-gallary-holder { 397 overflow: hidden; 398 position: relative; 399 transition: transform 0.5s ease; 400} 401 402.image-gallery { 403 width: 100%; 404 height: auto; 405 transition: transform 0.6s ease, filter 0.6s ease; 406} 407 408/* Zoom beim Hover */ 409.image-gallary-holder:hover .image-gallery { 410 transform: scale(1.05); 411} 412 413@media (min-width: 992px) { 414 .image-gallary-holder::after { 415 content: ""; 416 position: absolute; 417 inset: 0; 418 background: rgba(0, 0, 0, 0); 419 transition: background 0.4s ease; 420 z-index: 1; 421 pointer-events: none; 422 } 423 424 .image-gallary-holder.hover-active:not(:hover) .image-gallery { 425 filter: saturate(50%); 426 } 427 428 .image-gallary-holder.hover-active:not(:hover)::after { 429 background: rgba(0, 0, 0, 0.35); 430 } 431} 432 433.nav-menu { 434 position: fixed; 435 width: fit-content; 436} 437</style> 438 439<style> 440.icons-fotobox { 441 opacity: 0; 442 visibility: hidden; 443} 444 445/* â Im Webflow Designer sichtbar */ 446html.wf-design-mode .icons-fotobox { 447 opacity: 1 !important; 448 visibility: visible !important; 449} 450 451.hero__card { 452 backdrop-filter: blur(2em); 453 -webkit-backdrop-filter: blur(2em); 454} 455 456.hero__card-content {-webkit-mask-image: -webkit-radial-gradient(white, black);} 457 458 /* Im Designer sichtbar */ 459 .wf-design-mode .hero-animation { 460 visibility: visible; 461 opacity: 1; 462 } 463</style></div><style>:root {--site--margin: clamp(1rem, 0.42857142857142855rem + 2.857142857142857vw, 3rem);--size--2rem: clamp(1.75rem, 1.6785714285714286rem + 0.35714285714285715vw, 2rem);--size--2-5rem: clamp(2rem, 1.8571428571428572rem + 0.7142857142857143vw, 2.5rem);--size--3rem: clamp(2.25rem, 2.0357142857142856rem + 1.0714285714285714vw, 3rem);--size--3-5rem: clamp(2.375rem, 2.0535714285714284rem + 1.607142857142857vw, 3.5rem);--size--4rem: clamp(2.5rem, 2.0714285714285716rem + 2.142857142857143vw, 4rem);--size--4-5rem: clamp(2.75rem, 2.25rem + 2.5vw, 4.5rem);--size--5rem: clamp(3rem, 2.4285714285714284rem + 2.857142857142857vw, 5rem);
463--size--5-5rem: clamp(3.25rem, 2.607142857142857rem + 3.214285714285714vw, 5.5rem);--size--6rem: clamp(3.5rem, 2.7857142857142856rem + 3.571428571428571vw, 6rem);--size--6-5rem: clamp(3.75rem, 2.9642857142857144rem + 3.9285714285714284vw, 6.5rem);--size--7rem: clamp(4rem, 3.142857142857143rem + 4.285714285714286vw, 7rem);--size--7-5rem: clamp(4.25rem, 3.3214285714285716rem + 4.642857142857143vw, 7.5rem);--size--8rem: clamp(4.5rem, 3.5rem + 5vw, 8rem);--size--8-5rem: clamp(4.75rem, 3.6785714285714284rem + 5.357142857142857vw, 8.5rem);--size--9rem: clamp(5rem, 3.857142857142857rem + 5.714285714285714vw, 9rem);--size--9-5rem: clamp(5.25rem, 4.035714285714286rem + 6.071428571428571vw, 9.5rem);--size--10rem: clamp(5.5rem, 4.214285714285714rem + 6.428571428571428vw, 10rem);--size--11rem: clamp(5.75rem, 4.25rem + 7.5vw, 11rem);--size--12rem: clamp(6rem, 4.285714285714286rem + 8.571428571428571vw, 12rem);--size--13rem: clamp(6.5rem, 4.642857142857143rem + 9.285714285714286vw, 13rem);--size--14rem: clamp(7rem, 5rem + 10vw, 14rem);--size--15rem: clamp(7.5rem, 5.357142857142857rem + 10.714285714285714vw, 15rem);--size--16rem: clamp(8rem, 5.714285714285714rem + 11.428571428571429vw, 16rem);}</style></div><div class="styleguide_guide_wrap"><div class="w-embed"><style> 464html:not(.wf-design-mode) .styleguide_guide_wrap { 465 display: none; 466} 467.styleguide_guide_layout { 468 counter-reset: gridguides; 469} 470.styleguide_guide_layout > div::before { 471 counter-increment: gridguides; 472 content: counter(gridguides); 473} 474</style></div><div data-padding-bottom="none" data-padding-top="none" class="styleguide_guide_contain u-container"><div class="styleguide_guide_layout u-grid-custom"><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div></div></div></div><div class="nav_2_component"><div class="w-embed"><style> 475:root { 476 --nav_2--height: 4rem; 477 --nav_2--banner-height: 2.4rem; 478 --nav_2--radius: var(--radius--small); 479 --nav_2--spacing-outer-vertical: var(--site--margin); 480 --nav_2--spacing-inner-horizontal: var(--_spacing---space--5); 481 --nav_2--container: var(--container--main); 482 --nav_2--icon-thickness: var(--border-width--main); 483 --nav_2--hamburger-thickness: var(--nav_2--icon-thickness); 484 --nav_2--hamburger-gap: var(--_spacing---space--2); 485 --nav_2--hamburger-rotate: 45; 486 --nav_2--menu-open-duration: 400ms; 487 --nav_2--menu-close-duration: 400ms; 488 --nav_2--dropdown-duration: 400ms; 489 --nav_2--dropdown-open-duration: 400ms; 490 --nav_2--height-total: var(--nav_2--height); 491 --nav_2--dropdown-delay: 0ms; 492} 493/* on smaller screens */ 494@media (width < 65em) { 495 /* disable scroll when mobile menu is open */ 496 body:has(.nav_2_component .w-nav-button.w--open) { overflow: hidden; } 497} 498/* on larger screens */ 499@container (min-width: 65em) { 500 /* show desktop nav & dropdown backdrop */ 501 .nav_2_wrap.is-desktop, .nav_2_dropdown_backdrop { display: block; } 502 /* hide mobile nav & mobile menu backdrop */ 503 .nav_2_wrap.is-mobile, .nav_2_menu_backdrop { display: none; } 504} 505/* dropdown list: initial state */ 506html:not(.wf-design-mode) .nav_2_dropdown_component > .w-dropdown-list { 507 /* removes display none to enable css transitions */ 508 display: grid !important; 509 grid-template-columns: minmax(0, 1fr); 510 /* sets list to 0 height by default */ 511 grid-template-rows: 0fr; 512 transition: grid-template-rows var(--nav_2--dropdown-duration); 513 /* makes list content not focusable when closed */ 514 visibility: hidden; 515 opacity: 0; 516} 517/* makes list content focusable when opened */ 518html:not(.wf-design-mode) .nav_2_dropdown_component > .w-dropdown-list.w--open { 519 visibility: visible; 520 opacity: 1; 521} 522/* sets list child to overflow hidden to enable css height transition */ 523.nav_2_dropdown_component > .w-dropdown-list > * { 524 overflow: hidden; 525} 526/* set open state of dropdown list */ 527.nav_2_dropdown_component:has(> .w-dropdown-toggle[aria-expanded="true"]) > .w-dropdown-list { 528 --nav_2--dropdown-duration: var(--nav_2--dropdown-open-duration); 529 grid-template-rows: 1fr; 530} 531/* on desktop, delay dropdown opening if another dropdown is open */ 532.nav_2_wrap.is-desktop:has(.nav_2_dropdown_component > .w-dropdown-toggle.w--open[aria-expanded="false"]) .nav_2_dropdown_component:has(> .w--open[aria-expanded="true"]) > .w-dropdown-list { 533 transition-delay: var(--nav_2--dropdown-duration); 534} 535/* reveal dropdown backdrop when dropdown open */ 536.nav_2_dropdown_backdrop { 537 transition: opacity var(--nav_2--dropdown-duration); 538} 539body:has(.nav_2_dropdown_component >
539 [aria-expanded="true"]) .nav_2_dropdown_backdrop { 540 opacity: 1; 541} 542/* rotate arrow inside open dropdown */ 543.w-dropdown-toggle[aria-expanded="true"] .nav_2_links_svg { 544 transform: rotate(-180deg); 545} 546/* fade out other dropdown links when link is hovered */ 547@media (hover: hover) and (pointer: fine) { 548 body:has(.nav_2_dropdown_item:hover) .nav_2_dropdown_item:not(:hover) > * > * { 549 opacity: 0.5; 550 } 551} 552/* animate first hamburger line when opened */ 553.nav_2_component .w-nav-button.w--open > * > :first-child { 554 transform: translateY(calc(var(--nav_2--hamburger-thickness) * 0.5 + var(--nav_2--hamburger-gap) * 0.5)) rotate(calc(var(--nav_2--hamburger-rotate) * -1deg)); 555} 556/* animate second hamburger line when opened */ 557.nav_2_component .w-nav-button.w--open > * > :last-child { 558 transform: translateY(calc(var(--nav_2--hamburger-thickness) * -0.5 + var(--nav_2--hamburger-gap) * -0.5)) rotate(calc(var(--nav_2--hamburger-rotate) * 1deg)); 559} 560/* reveal mobile menu backdrop on menu open */ 561.nav_2_menu_backdrop { 562 transition: opacity var(--nav_2--menu-close-duration); 563} 564.nav_2_component:has(.w-nav-button.w--open) .nav_2_menu_backdrop { 565 opacity: 1; 566} 567/* menu animations */ 568@keyframes menuOpen { 569 from { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } 570 to { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } 571} 572@keyframes menuClose { 573 from { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } 574 to { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } 575} 576/* menu open */ 577.nav_2_component:has(.w-nav-button.w--open) .w-nav-menu { 578 animation: menuOpen var(--nav_2--menu-open-duration) ease-in-out forwards; 579} 580/* menu close */ 581.nav_2_component:has(.w-nav-button:not(.w--open)) .w-nav-menu { 582 animation: menuClose var(--nav_2--menu-close-duration) ease-in-out forwards; 583} 584/* position overflow to top of screen */ 585.nav_2_component .w-nav-overlay { 586 top: 0; 587 min-height: 100vh; 588} 589/* search focus underline */ 590.nav_2_search_wrap:has(input:focus-visible) { 591 border-color: var(--_theme---text); 592} 593/* open dropdown on mobile */ 594.nav_2_wrap.is-mobile [data-open-on-mobile] > .w-dropdown-toggle { 595 display: none; 596} 597.nav_2_wrap.is-mobile [data-open-on-mobile] > .w-dropdown-list { 598 visibility: visible; 599 opacity: 1; 600 display: block; 601 grid-template-rows: 1fr; 602} 603/* Rotate Nav Banner Arrow When External Link */ 604a[target="_blank"] .nav_2_banner_svg { 605 transform: rotate(-45deg); 606} 607/* nav banner */ 608html:has(.nav_2_banner_wrap:not(.w-condition-invisible)):not(.hide-nav-banner) { 609 --nav_2--height-total: calc(var(--nav_2--banner-height) + var(--nav_2--height)); 610} 611.hide-nav-banner .nav_2_banner_wrap { 612 display: none; 613} 614</style></div><div role="banner" class="nav_2_wrap is-desktop"><div class="nav_2_contain is-desktop"><a aria-label="Home Page" href="/" class="logo-link-block w-inline-block"><div class="birds w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 106.46 60.18" style="width: 100%; height: 100%; display: block; object-fit: contain;" preserveAspectRatio="xMidYMid meet"> 615 <defs> 616 <style> 617 .cls-1 { 618 fill: #71c2ee; /* Startfarbe für den linken Vogel */ 619 stroke: #1b0906; 620 stroke-linecap: round; 621 stroke-linejoin: round; 622 stroke-width: 1.75px; 623 } 624 .cls-2 { 625 fill: none; 626 stroke: #1b0906; 627 stroke-linecap: round; 628 stroke-linejoin: round; 629 stroke-width: 1.75px; 630 } 631 .cls-3 { 632 fill: #e41d1e; /* Herzfarbe */ 633 stroke: #1b0906; 634 stroke-linecap: round; 635 stroke-linejoin: round; 636 stroke-width: 1.75px; 637 } 638 .cls-4 { 639 fill: #ee79ad; /* Startfarbe für den rechten Vogel */ 640 stroke: #1b0906; 641 stroke-linecap: round; 642 stroke-linejoin: round; 643 stroke-width: 1.75px; 644 } 645 </style> 646 </defs> 647 <g> 648 <g> 649 <g> 650 <polyline class="cls-4" points="64.05 12.6 54.78 11.89 61.16 20.7"/> 651 <path class="cls-4" d="M80.87,37.81c2.42,1.89,4.73,2.9,6.9,3.28,10.59,1.83,17.81-11.47,17.81-11.47l-18.89-4.36c.28-1.23.4-2.51.42-3.71.08-4.57-2.12-8.9-5.94-11.41-4.03-2.65-8.3-2.31-11.51-1.34-.79.24-1.55.56-2.27.96-3.39,1.89-4.99,5.02-5.78,8.68-.99,4.59-1.2,9.39.06,13.96,4.29,15.57,24.48,21.93,38.91,18.69,0,0-12.81-10-12.81-10h0"/> 652 <path class="cls-2" d="M68.8,15.39c0,1.26,1.02,2.29,2.29,2.29s2.29-1.02,2.29-2.29"/> 653 <path class="cls-2" d="M75.88,27.95s3.36,11.19,12.34,4.17l-3.01-.67,3.03-2.14-2.97-.54"/> 654 </g> 655 <line class="cls-2" x1="77.75" y1="48.98" x2="77.75" y2="58.96"/> 656 <line class="cls-2" x1="84.04" y1="51.05" x2="84.04" y2="59.31"/> 657 </g> 658 <g> 659 <g> 660 <polyline class="cls-1" points="42.41 12.6 51.68 11.89 45.3 20.7"/> 661 <path class="cls-1" d="M18.69,41.09h0s-12.81,10.01-12.81,10.01c14.43,3.24,34.62-3.11,38.91-18.69,1.26-4.56,1.05-9.36.06-13.96-.79-3.66-2.4-6.79-5.78-8.68-.72-.4-1.48-.72-2.27-.96-3.21-.97-7.48-1.31-11.51,
6611.34-3.82,2.51-6.03,6.84-5.94,11.41.02,1.2.14,2.48.42,3.71L.88,29.62s7.22,13.31,17.81,11.47c2.17-.38,4.48-1.39,6.9-3.28"/> 662 <path class="cls-2" d="M37.66,15.39c0,1.26-1.02,2.29-2.29,2.29s-2.29-1.02-2.29-2.29"/> 663 <path class="cls-2" d="M30.58,27.95s-3.36,11.19-12.34,4.17l3.01-.67-3.03-2.14,2.97-.54"/> 664 </g> 665 <line class="cls-2" x1="28.71" y1="48.98" x2="28.71" y2="58.96"/> 666 <line class="cls-2" x1="22.42" y1="51.05" x2="22.42" y2="59.31"/> 667 </g> 668 </g> 669 <g> 670 <path class="cls-3" d="M56.7,5.97l-3.47,3.47-3.47-3.47c-.26-.26-.47-.57-.61-.89-.49-1.1-.29-2.43.61-3.33.58-.58,1.35-.87,2.11-.87.47,0,.93.11,1.36.33"/> 671 <path class="cls-3" d="M53.23,1.2c1.12-.57,2.53-.39,3.47.55.58.58.87,1.35.87,2.11,0,.42-.09.83-.26,1.22-.14.32-.35.62-.61.89l-3.47,3.47-3.47-3.47"/> 672 </g> 673</svg></div></a><nav role="navigation" class="nav_2_desktop_layout"><div class="nav_2_links_component is-desktop"><ul role="list" class="nav_2_links_wrap is-desktop w-list-unstyled"><li class="nav_2_links_item"><div data-delay="400" data-hover="true" class="nav_2_dropdown_component w-dropdown"><div class="nav_2_links_link is-desktop w-dropdown-toggle"><div class="text-menu-link">EventFotograf</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 47 24" fill="none" aria-hidden="true" class="nav_2_links_svg"><path d="M1 1L23.5 23L46 1" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="var(--nav_2--icon-thickness)"></path></svg></div><nav class="nav_2_dropdown_main_wrap is-desktop w-dropdown-list"><div class="nav_2_dropdown_main_content"><div data-lenis-prevent="" class="nav_2_dropdown_main_scroll is-desktop"><ul role="list" class="nav_2_dropdown_list"><li class="nav_2_dropdown_item"><a href="/hochzeitsfotograf" class="nav_2_dropdown_link is-desktop w-inline-block"><div class="nav_2_dropdown_text">Dein Hochzeitsfotograf</div></a></li><li class="nav_2_dropdown_item"><a href="/fotograf/uber-mich" class="nav_2_dropdown_link is-desktop w-inline-block"><div class="nav_2_dropdown_text">Ãber mich</div></a></li><li class="nav_2_dropdown_item"><a href="/#reviews" class="nav_2_dropdown_link is-desktop w-inline-block"><div class="nav_2_dropdown_text">Reviews</div></a></li><li class="nav_2_dropdown_item"><a href="/hochzeitsfotograf/#gallery" class="nav_2_dropdown_link is-desktop w-inline-block"><div class="nav_2_dropdown_text">Gallery</div></a></li><li class="nav_2_dropdown_item"><a href="/fotograf/preise" aria-current="page" class="nav_2_dropdown_link is-desktop w-inline-block w--current"><div class="nav_2_dropdown_text">Preise</div></a></li><li class="nav_2_dropdown_item"><a href="/fotograf/preise#Fotograf_Preis" class="nav_2_dropdown_link is-desktop w-inline-block"><div class="nav_2_dropdown_text">Pakete</div></a><a href="/" class="nav_2_dropdown_link is-desktop w-inline-block"><div class="nav_2_dropdown_text">Fotobox mieten</div></a><a href="/faq" class="nav_2_dropdown_link is-desktop w-inline-block"><div class="nav_2_dropdown_text">FAQ Fotograf</div></a><a href="/#kontakt" class="nav_2_dropdown_link is-desktop w-inline-block"><div class="nav_2_dropdown_text">Kontakt</div></a></li></ul></div></div></nav></div><div data-delay="400" data-hover="true" class="nav_2_dropdown_component w-dropdown"><div class="nav_2_links_link is-desktop w-dropdown-toggle"><div class="text-menu-link">Fotobox</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 47 24" fill="none" aria-hidden="true" class="nav_2_links_svg"><path d="M1 1L23.5 23L46 1" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="var(--nav_2--icon-thickness)"></path></svg></div><nav class="nav_2_dropdown_main_wrap is-desktop w-dropdown-list"><div class="nav_2_dropdown_main_content"><div data-lenis-prevent="" class="nav_2_dropdown_main_scroll is-desktop"><ul role="list" class="nav_2_dropdown_list"><li class="nav_2_dropdown_item"><a href="/" class="nav_2_dropdown_link is-desktop w-inline-block"><div class="nav_2_dropdown_text">Profi Fotobox</div></a></li><li class="nav_2_dropdown_item"><a href="/#ausstattung" class="nav_2_dropdown_link is-desktop w-inline-block"><div class="nav_2_dropdown_text">Fotobox Ausstattung</div></a></li><li class="nav_2_dropdown_item"><a href="/#inklusive" class="nav_2_dropdown_link is-desktop w-inline-block"><div class="nav_2_dropdown_text">Was ist immer inklusive</div></a></li><li class="nav_2_dropdown_item"><a href="/#inklusive" class="nav_2_dropdown_link is-desktop w-inline-block"><div class="nav_2_dropdown_text">Preise auf einem Blick</div></a></li><li class="nav_2_dropdown_item"><a href="/fotobox/drucklayout" class="nav_2_dropdown_link is-desktop w-inline-block"><div class="nav_2_dropdown_text">Wunschdesign inklusive</div></a></li><li class="nav_2_dropdown_item"><a href="/#form" class="nav_2_dropdown_link is-desktop is-mieten w-inline-block"><div class="nav_2_dropdown_text">Miete jetzt Deine Fotobox</div></a></li><li class="nav_2_dropdown_item"><a href="/#reviews" class="nav_2_dropdown_link is-desktop w-inline-block"><div class="nav_2_dropdown_text">Das sagen meine Kunden</div></a></li><li class="nav_2_dropdown_item"><a href="/faq" class="nav_2_dropdown_link is-desktop w-inline-block"><div class="nav_2_dropdown_text">FAQÂ zur Fotobox</div></a></li></ul></div></div></nav></div></li><li class="nav_2_links_item"><a href="/faq" class="nav_2_links_link is-desktop w-inline-block"><div class="text-menu-link">FAQ</div></a></li></ul>
673<ul role="list" class="nav_2_actions_wrap is-desktop w-list-unstyled"><li class="nav_2_buttons_item"><a href="/kontakt-fotobox" class="botton-main is-navbar w-button">Kontakt</a></li><li class="nav_2_buttons_item"><a href="/#form" class="botton-main is-navbar is-fotobox w-button">Fotobox mieten</a></li></ul></div></nav></div></div><div data-animation="default" data-collapse="all" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="nav_2_wrap is-mobile w-nav"><div class="nav_2_mobile_contain"><a aria-label="Home Page" href="/" class="nav_2_logo_wrap w-inline-block"><div class="birds is-mobil-menu w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 106.46 60.18" style="width: 100%; height: 100%; display: block; object-fit: contain;" preserveAspectRatio="xMidYMid meet"> 674 <defs> 675 <style> 676 .cls-1 { 677 fill: #71c2ee; /* Startfarbe für den linken Vogel */ 678 stroke: #1b0906; 679 stroke-linecap: round; 680 stroke-linejoin: round; 681 stroke-width: 1.75px; 682 } 683 .cls-2 { 684 fill: none; 685 stroke: #1b0906; 686 stroke-linecap: round; 687 stroke-linejoin: round; 688 stroke-width: 1.75px; 689 } 690 .cls-3 { 691 fill: #e41d1e; /* Herzfarbe */ 692 stroke: #1b0906; 693 stroke-linecap: round; 694 stroke-linejoin: round; 695 stroke-width: 1.75px; 696 } 697 .cls-4 { 698 fill: #ee79ad; /* Startfarbe für den rechten Vogel */ 699 stroke: #1b0906; 700 stroke-linecap: round; 701 stroke-linejoin: round; 702 stroke-width: 1.75px; 703 } 704 </style> 705 </defs> 706 <g> 707 <g> 708 <g> 709 <polyline class="cls-4" points="64.05 12.6 54.78 11.89 61.16 20.7"/> 710 <path class="cls-4" d="M80.87,37.81c2.42,1.89,4.73,2.9,6.9,3.28,10.59,1.83,17.81-11.47,17.81-11.47l-18.89-4.36c.28-1.23.4-2.51.42-3.71.08-4.57-2.12-8.9-5.94-11.41-4.03-2.65-8.3-2.31-11.51-1.34-.79.24-1.55.56-2.27.96-3.39,1.89-4.99,5.02-5.78,8.68-.99,4.59-1.2,9.39.06,13.96,4.29,15.57,24.48,21.93,38.91,18.69,0,0-12.81-10-12.81-10h0"/> 711 <path class="cls-2" d="M68.8,15.39c0,1.26,1.02,2.29,2.29,2.29s2.29-1.02,2.29-2.29"/> 712 <path class="cls-2" d="M75.88,27.95s3.36,11.19,12.34,4.17l-3.01-.67,3.03-2.14-2.97-.54"/> 713 </g> 714 <line class="cls-2" x1="77.75" y1="48.98" x2="77.75" y2="58.96"/> 715 <line class="cls-2" x1="84.04" y1="51.05" x2="84.04" y2="59.31"/> 716 </g> 717 <g> 718 <g> 719 <polyline class="cls-1" points="42.41 12.6 51.68 11.89 45.3 20.7"/> 720 <path class="cls-1" d="M18.69,41.09h0s-12.81,10.01-12.81,10.01c14.43,3.24,34.62-3.11,38.91-18.69,1.26-4.56,1.05-9.36.06-13.96-.79-3.66-2.4-6.79-5.78-8.68-.72-.4-1.48-.72-2.27-.96-3.21-.97-7.48-1.31-11.51,1.34-3.82,2.51-6.03,6.84-5.94,11.41.02,1.2.14,2.48.42,3.71L.88,29.62s7.22,13.31,17.81,11.47c2.17-.38,4.48-1.39,6.9-3.28"/> 721 <path class="cls-2" d="M37.66,15.39c0,1.26-1.02,2.29-2.29,2.29s-2.29-1.02-2.29-2.29"/> 722 <path class="cls-2" d="M30.58,27.95s-3.36,11.19-12.34,4.17l3.01-.67-3.03-2.14,2.97-.54"/> 723 </g> 724 <line class="cls-2" x1="28.71" y1="48.98" x2="28.71" y2="58.96"/> 725 <line class="cls-2" x1="22.42" y1="51.05" x2="22.42" y2="59.31"/> 726 </g> 727 </g> 728 <g> 729 <path class="cls-3" d="M56.7,5.97l-3.47,3.47-3.47-3.47c-.26-.26-.47-.5
7297-.61-.89-.49-1.1-.29-2.43.61-3.33.58-.58,1.35-.87,2.11-.87.47,0,.93.11,1.36.33"/> 730 <path class="cls-3" d="M53.23,1.2c1.12-.57,2.53-.39,3.47.55.58.58.87,1.35.87,2.11,0,.42-.09.83-.26,1.22-.14.32-.35.62-.61.89l-3.47,3.47-3.47-3.47"/> 731 </g> 732</svg></div></a><nav role="navigation" class="nav_2_menu_wrap w-nav-menu"><div data-lenis-prevent="" class="nav_2_menu_scroll"><div class="nav_2_menu_contain u-container"><div class="nav_2_links_component"><ul role="list" class="nav_2_links_wrap w-list-unstyled"><li class="nav_2_links_item"><div data-delay="400" data-hover="true" class="nav_2_dropdown_component w-dropdown"><div class="nav_2_links_link w-dropdown-toggle"><div class="nav_2_links_text">Profi Fotobox für Events aller Art</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 47 24" fill="none" aria-hidden="true" class="nav_2_links_svg"><path d="M1 1L23.5 23L46 1" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="var(--nav_2--icon-thickness)" class="path-2"></path></svg></div><nav class="nav_2_dropdown_mega_wrap w-dropdown-list"><div class="nav_2_dropdown_mega_content"><div data-lenis-prevent="" class="nav_2_dropdown_mega_scroll"><div class="nav_2_dropdown_mega_contain"><div class="nav_2_dropdown_mega_layout"><ul role="list" class="nav_2_dropdown_list"><li class="nav_2_dropdown_item"><a href="/" class="nav_2_dropdown_link w-inline-block"><div class="nav_2_dropdown_text is-mobil">Profi Fotobox aus München</div></a></li><li class="nav_2_dropdown_item"><a href="/#ausstattung" class="nav_2_dropdown_link w-inline-block"><div class="nav_2_dropdown_text is-mobil">Ausstattung der Fotobox</div></a></li><li class="nav_2_dropdown_item"><a href="/#inklusive" class="nav_2_dropdown_link w-inline-block"><div class="nav_2_dropdown_text is-mobil">Was ist inklusive</div></a></li><li class="nav_2_dropdown_item"><a href="/fotobox/drucklayout" class="nav_2_dropdown_link w-inline-block"><div class="nav_2_dropdown_text is-mobil">Wunschdesign inklusive</div></a></li><li class="nav_2_dropdown_item"><a href="/#inklusive" class="nav_2_dropdown_link w-inline-block"><div class="nav_2_dropdown_text is-mobil">Preise auf einem Blick</div></a></li><li class="nav_2_dropdown_item"><a href="/#reviews" class="nav_2_dropdown_link w-inline-block"><div class="nav_2_dropdown_text is-mobil">Kundenstimmen</div></a></li><li class="nav_2_dropdown_item"><a href="/faq#faq-fotobox" class="nav_2_dropdown_link w-inline-block"><div class="nav_2_dropdown_text is-mobil">Fragen zu Fotobox</div></a></li></ul></div></div></div></div></nav></div></li><li class="nav_2_links_item"><div data-delay="400" data-hover="true" class="nav_2_dropdown_component w-dropdown"><div class="nav_2_links_link w-dropdown-toggle"><div>Hochzeits Fotograf</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 47 24" fill="none" aria-hidden="true" class="nav_2_links_svg"><path d="M1 1L23.5 23L46 1" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="var(--nav_2--icon-thickness)" class="path"></path></svg></div><nav class="nav_2_dropdown_main_wrap w-dropdown-list"><div class="nav_2_dropdown_main_content"><div data-lenis-prevent="" class="nav_2_dropdown_main_scroll"><ul role="list" class="nav_2_dropdown_list"><li class="nav_2_dropdown_item"><a href="/hochzeitsfotograf" class="nav_2_dropdown_link w-inline-block"><div class="nav_2_dropdown_text is-mobil">Der Hochzeitsfotograf</div></a><a href="/fotograf/uber-mich" class="nav_2_dropdown_link w-inline-block"><div class="nav_2_dropdown_text is-mobil">Ãber mich</div></a></li><li class="nav_2_dropdown_item"><a href="/#reviews" class="nav_2_dropdown_link w-inline-block"><div class="nav_2_dropdown_text is-mobil">Reviews</div></a></li><li class="nav_2_dropdown_item"><a href="/#gallery" class="nav_2_dropdown_link w-inline-block"><div class="nav_2_dropdown_text is-mobil">Gallery</div></a><a href="/fotograf/preise" aria-current="page" class="nav_2_dropdown_link w-inline-block w--current"><div class="nav_2_dropdown_text is-mobil">Preise</div></a><a href="/#pakete" class="nav_2_dropdown_link w-inline-block"><div class="nav_2_dropdown_text is-mobil">Pakete</div></a><a href="/" class="nav_2_dropdown_link w-inline-block"><div class="nav_2_dropdown_text is-mobil">Fotobox</div></a><a href="/faq" class="nav_2_dropdown_link w-inline-block"><div class="nav_2_dropdown_text is-mobil">FAQ Fotograf</div></a></li></ul></div></div></nav></div></li><li class="nav_2_links_item"><a href="/faq" class="nav_2_links_link w-inline-block"><div class="nav_2_links_text">FAQ Fotobox & Fotograf</div></a></li><li class="nav_2_links_item"><a href="/#form" class="nav_2_links_link w-inline-block"><div class="nav_2_links_text">Jetzt Fotobox mieten</div></a></li><li class="nav_2_links_item is-phone-button"><a href="tel:01732398338" class="nav_2_links_link is-phone-button w-inline-block"><div class="nav_2_links_text">Jetzt anrufen</div></a></li><li class="nav_2_links_item is-phone-button"><a href="/kontakt-fotobox" class="nav_2_links_link is-phone-button w-inline-block"><div class="nav_2_links_text">
732Kontakt</div></a></li></ul></div></div></div></nav><div class="nav_2_btn_wrap w-nav-button"><div class="nav_2_btn_layout"><div class="nav_2_btn_line"></div><div class="nav_2_btn_line"></div></div></div></div></div><div class="nav_2_dropdown_backdrop"></div><div class="nav_2_menu_backdrop"></div></div><main id="main" class="main-wrapper"><section class="section-hero-landingpage-preise"><div class="hero-container"><div class="image-hero-mobil-version_only is-preise"></div><div class="hero-heading-wrapper"><img src="https://cdn.prod.website-files.com/67d53cf96f7c84ea27290fa5/67d550ae64b93f2ad6f1fe63_Element%207logo.svg" loading="lazy" alt="Logo" class="logo-image in-hero"/><p class="header-social-text">540+ Shootings · 96% Zufriedenheit</p><h1 class="hero-heading-new ch">Meine<span class="text-wort_trennung"> Hochzeitspakete</span> & Fotobox Preise </h1><p class="hero-heading-subtext ch">Fotobox ist einfach: 349⬠inkl. allem was Du brauchst. Als Hochzeitsfotograf habe ich diverse Pakete für Euch, mit und ohne der Fotobox. </p><div class="button-wrapper u-vflex-center-top"><div class="botton-main v2"><div class="g_clickable_wrap"><a target="" href="#preis-uebersicht" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Button Text</span></a><button type="button" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Button Text</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-main is-hero-layout">Preise</div></div><div class="botton-main"><div class="g_clickable_wrap"><a target="" href="mailto:[email protected]?subject=Tolle%20Fotos%20f%C3%BCr%20meine%20Hochzeit" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Button Text</span></a><button type="button" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Button Text</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-main is-light">Jetzt anfragen</div></div></div></div></div><div class="bumble-code w-embed"><div class="bubble-container"></div></div><div class="clip-path"></div></section><section id="uber-mich" class="section-willkommen"><div data-wf--global-section-space--section-space="main" class="g_section_space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490"></div><div class="willkommen-layout u-container"><div class="willkommen-wrapper u-gap-8"><div class="willkommen-header-wrapper"><img src="https://cdn.prod.website-files.com/67d53cf96f7c84ea27290fa5/67d550ae64b93f2ad6f1fe63_Element%207logo.svg" loading="lazy" alt="Logo" class="logo-image"/><h2 class="hero-header">Was kostet ein <span class="text-wort_trennung">Hochzeitsfotograf</span> in München wirklich?</h2><p class="text-header-klein">Ihr plant eure Hochzeit â mit viel Herz, viel Liebe und einem klaren Budget. Doch wie viel kostet ein Hochzeitsfotograf in München eigentlich?</p><div class="button-wrapper u-vflex-center-top"><div class="botton-main"><div class="g_clickable_wrap"><a target="" href="/" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Button Text</span></a><button type="button" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Button Text</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-main is-hero-layout">Fotobox Preis hier</div></div><div class="botton-main"><div class="g_clickable_wrap"><a target="" href="/fotograf/preise" aria-current="page" class="g_clickable_link w-inline-block w--current"><span class="g_clickable_text u-sr-only">Button Text</span></a><button type="button" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Button Text</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-main is-light">Fotograf Preis hier</div></div></div></div><div class="image-text-animi-layout"><div class="u-vflex-left-top u-gap-3"><p class="header-social-text is-image-version">Barish Baur · Berufsfotograf </p><p class="image-text">BEster Service zu fairen preisen!</p></div></div><div class="text-animation-wrapper no-margin"><div class="u-vflex-left-top u-gap-6"><p class="b-text-uebermich-animiert">Die Preise für Hochzeitsfotografie in München können sehr unterschiedlich sein â vom âmacht ein Bekannter schonâ bis hin zu Angeboten, bei denen man sich fragt: âBraucht es das
732wirklich?â<br/>Doch am Ende zählt nur eines: Eure Erinnerungen â zuverlässig, echt und voller Gefühl.⨠<br/>Was ihr von mir erwarten dürft:<br/>Ich bin hauptberuflicher Fotograf mit über 25 Jahren Erfahrung in Werbung, Presse, Events, Food, Shootings, Stock und natürlich unzähligen Hochzeiten. <br/>All das Wissen und die Ruhe aus diesen Jahren bringe ich mit zu eurem groÃen Tag.ð¸ <br/>Für euch bedeutet das:<br/>- Keine verpassten Momente â ich halte die kleinen wie die groÃen Augenblicke fest.<br/>- Keine unscharfen oder verlorenen Bilder.<br/>- Keine kurzfristigen Absagen â auf mich könnt ihr euch verlassen.<br/>- Und keine überzogenen Fantasiepreise â sondern faire, klare Angebote.<br/><br/>Ihr bekommt von mir echte Handwerkskunst, viel Herzblut und Bilder, die euch noch nach Jahren ein Lächeln ins Gesicht zaubern. ð¤</p></div></div><div class="_3-autofit-grid u-grid-column-3"><div class="card-wrapper u-vflex-left-top is-v-2"><p class="u-text-regular">Ein fairer Preis ist <strong>nicht billig</strong>. Ein fairer Preis ist das, was ihr <strong>für immer in Händen haltet</strong>.</p></div><div class="card-wrapper u-vflex-left-top"><p class="u-text-regular">Ein guter Hochzeitsfotograf ist kein Gast â sondern ein Profi, der euren Tag rettet, wennâs drauf ankommt.</p></div><div class="card-wrapper u-vflex-left-top"><p class="u-text-regular">Ihr heiratet einmal. Aber die Bilder bleiben <strong>für ein Leben lang</strong>.</p></div></div><div id="kontakt" data-w-id="ce515b13-b5d1-8abe-071f-2cbdd027a7d1" class="cta-layout"><div id="cta" class="cta w-node-d19c2e28-12c9-7807-fe52-e4829df717e5-f2bb2487"><p class="u-text-mediumbig is-dark_grey">Fotograf in München buchen</p><div class="spacer-large"></div><p class="u-text-regular">Euer Hochzeitstraum beginnt hier â mit echten Bildern</p><div class="spacer-small"></div><div class="button-wrapper"><div class="botton-main"><div class="g_clickable_wrap"><a target="" href="tel:01732398338" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Button Text</span></a><button type="button" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Button Text</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-main">Anrufen</div></div><div class="botton-main"><div class="g_clickable_wrap"><a target="" href="mailto:[email protected]?subject=Tolle%20Fotos%20f%C3%BCr%20meine%20Hochzeit" class="g_clickable_link w-inline-block"><span class="g_clickable_text u-sr-only">Button Text</span></a><button type="button" class="g_clickable_btn"><span class="g_clickable_text u-sr-only">Button Text</span></button></div><div aria-hidden="true" class="btn_main_text u-text-style-main">E-Mail</div></div></div></div><div class="image-colum-layout"><div class="image-colum-wrapper"><div class="image-stripe"><div class="image-stripe-wrapper is-stripeimage_1"></div><div class="image-stripe-wrapper is-stripeimage_2"></div><div class="image-stripe-wrapper is-stripeimage_6"></div></div><div class="image-stripe is-middle"><div class="image-stripe-placeholder"></div><div class="image-stripe-wrapper is-stripeimage_3"></div><div class="image-stripe-wrapper is-stripeimage_4"></div><div class="image-stripe-placeholder"></div></div><div class="image-stripe is-table-non"><div class="image-stripe-wrapper"></div><div class="image-stripe-wrapper is-stripeimage_5"></div><div class="image-stripe-wrapper is-stripeimage_7"></div></div></div></div></div></div></div><div data-wf--global-section-space--section-space="main" class="g_section_space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490"></div></section><section id="Fotograf_Preis" class="section-preis-uebersicht section-splittext"><div data-wf--global-section-space--section-space="main" class="g_section_space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490"></div><div id="pakete" class="preis-uebersicht-layout u-container u-vflex-center-top"><div id="w-node-_9ffc490b-0f3b-e8aa-e204-fe8e6e0c3421-f2bb2487" class="u-vflex-center-top u-gap-6"><h3 class="hero-header anim-blur-left">
732Ãbersicht meiner <span class="text-wort_trennung">Hochzeitspakete als Fotograf</span></h3><p class="u-text-regular u-max-width-60ch u-alignment-center"><strong>Transparente Pakete. Klare Leistungen. Keine Spielchen.<br/>â</strong>Egal ob kleine standesamtliche Hochzeit oder Ganztagsreportage mit 250 Gästen â ihr bekommt immer Top-Qualität. Und mich als echten Partner an eurer Seite.</p></div><div id="preis-uebersicht" class="preis-uebersicht-layout u-grid-autofit"><div class="produkt-wrapper u-grid-custom"><div id="w-node-_6544c26a-d92e-5e52-b4f4-3e479521faac-f2bb2487" class="service-wrapper u-grid-subgrid no-border"><p id="w-node-_29573a05-d69d-b123-bdf1-ff277f4f5f2b-f2bb2487" class="text-wedding-paket">Wedding Paket</p><p class="u-text-mediumbig">Concierge</p></div><div class="service-wrapper"><p class="u-text-style-main u-weight-bold u-color-grey">ohne Fotobox</p></div><div class="service-wrapper"><p class="u-text-style-small u-alignment-center">bis zu 3 Std<br/>Shooting</p></div><div class="service-wrapper"><p class="u-text-style-small u-alignment-center"><strong>Hochzeitsfotograf für eure standesamtliche Trauung oder kleine Hochzeitsfeier.<br/></strong>Kompakt, hochwertig & persönlich. Ideal für intime Momente zu zweit oder im kleinen Kreis.</p></div><div class="service-wrapper u-vflex-left-top u-gap-4"><p class="u-text-style-main u-weight-bold u-color-grey">Enthalten:</p><div class="u-rich-text w-richtext"><ul start="" role="list"><li>Bis zu <strong>3 Stunden fotografische Begleitung</strong></li><li>Bildbearbeitung in Lightroom (alle gelungenen Fotos inklusive)</li><li><strong>Alle Bilder in voller Auflösung â ohne Wasserzeichen</strong></li><li>We-Transfer Download Link der aller Bilder</li><li>Anfahrt im Raum München inklusive</li><li>Jede weitere Stunde nur 100â¯â¬</li></ul></div></div><div class="service-wrapper u-vflex-left-top u-gap-4"><p class="u-text-style-main u-weight-bold u-color-grey">Ideal für:</p><div class="u-rich-text w-richtext"><ul start="" role="list"><li>Standesamtliche Trauungen</li><li>Freie Zeremonien in kleinem Rahmen</li><li>Privates Weddings Shooting in München</li></ul></div></div><div class="service-wrapper no-border"><p class="u-text-style-main text-color-grey u-alignment-center"><strong>Anfahrt inkl. in München <br/>+ 30 km Umkreis</strong></p></div><div id="w-node-_675d1095-8e7b-e386-638e-297301c6d8f1-f2bb2487" class="service-wrapper no-border"><p class="u-text-regular is-bold">599 â¬</p></div></div><div class="produkt-wrapper u-grid-custom"><div id="w-node-_7e6ce8c4-7a5e-c91b-1b74-707457ba0666-f2bb2487" class="service-wrapper u-grid-subgrid no-border"><p id="w-node-_4de13486-6c46-22b7-cec3-90954a325ea1-f2bb2487" class="text-wedding-paket">Wedding Paket</p><p class="u-text-mediumbig">Party</p></div><div class="service-wrapper"><p class="u-text-style-main u-weight-bold u-color-grey">inklusive Fotobox</p></div><div class="service-wrapper"><p class="u-text-style-small u-alignment-center"><strong>bis zu 6 Std<br/>Shooting</strong></p></div><div class="service-wrapper"><p class="u-text-style-small u-alignment-center"><strong>Für Trauung, Sektempfang & den frühen Abend â inkl. Fotobox!<br/>â</strong>Das meistgewählte Paket für Hochzeiten mit halbtägiger Begleitung und allem, was zählt.</p></div><div class="service-wrapper u-vflex-left-top u-gap-4"><p class="u-text-style-main u-weight-bold u-color-grey">Enthalten:</p><div class="u-rich-text w-richtext"><ul start="" role="list"><li>Bis zu <strong>6 Stunden Hochzeitsreportage</strong></li><li>Fotobox mit Sofortdruck & 400 Prints inklusive</li><li>Hochwertiger USB-Stick</li><li><strong>Alle Bilder in voller Auflösung</strong> â ohne Wasserzeichen</li><li>Persönliches Planungsgespräch & Zeitplanung</li><li>Anfahrt im Raum München kostenlos</li></ul></div></div><div class="service-wrapper u-vflex-left-top u-gap-4"><p class="u-text-style-main u-weight-bold u-color-grey">Ideal für:</p><div class="u-rich-text w-richtext"><ul start="" role="list"><li>Reportage von Trauung bis zum Hochzeitstanz</li><li>Entspannte Sommerhochzeiten am Nachmittag</li><li>Hochzeiten mit rund 50â100 Gästen</li></ul></div></div><div class="service-wrapper no-border"><p class="u-text-style-main text-color-grey u-alignment-center"><strong>Anfahrt inkl. in München <br/>+ 30 km Umkreis</strong></p></div><div class="service-wrapper no-border"><p class="u-text-regular is-bold">1549 â¬</p></div></div><div class="produkt-wrapper u-grid-custom is-dream"><div id="w-node-_7b559e83-99cd-419c-a93b-570325f047f9-f2bb2487" class="service-wrapper u-grid-subgrid no-border"><p id="w-node-_02a9cede-1c90-8b32-7271-ef10b91d645c-f2bb2487" class="text-wedding-paket">Wedding Paket</p><p class="u-text-mediumbig">Dream</p></div><div class="service-wrapper black-border"><p class="u-text-style-main u-weight-bold">inklusive Fotobox</p></div><div class="service-wrapper black-border"><p class="u-text-style-small u-alignment-center"><strong>bis zu 9 Std<br/>Shooting</strong></p></div><div class="service-wrapper black-border"><p class="u-text-style-small u-alignment-center"><strong>Die Tagesreportage â von der Trauung bis zur Party.<br/></strong>Ein perfekter Mix aus Dokumentation, Emotion &
732 Struktur. Ohne Getting Ready â aber mit allem, was den Tag ausmacht.</p></div><div class="service-wrapper u-vflex-left-top u-gap-4 black-border"><p class="u-text-style-main u-weight-bold">Enthalten:</p><div class="u-rich-text w-richtext"><ul start="" role="list"><li>Bis zu <strong>9 Stunden Begleitung als Hochzeitsfotograf in München</strong></li><li>Fotobox mit Sofortdruck & 400 Prints inklusive</li><li>Online-Galerie zum Teilen & hochwertiger USB-Stick mit allen Bildern</li><li><strong>Alle Bilder in voller Auflösung</strong> â ohne Wasserzeichen</li><li>Persönliche Beratung, Planungsgespräch & Zeitplanung</li><li>Anfahrt innerhalb Münchens inklusive</li></ul></div></div><div class="service-wrapper u-vflex-left-top u-gap-4"><p class="u-text-style-main u-weight-bold">Ideal für:</p><div class="u-rich-text w-richtext"><ul start="" role="list"><li>Hochzeiten mit freier oder kirchlicher Trauung</li><li>Paare, die einen natürlichen Tagesablauf dokumentiert haben möchten</li><li>Brautpaare, die eine elegante Reportage vom Einzug bis zur Party wollen</li><li>Gästeanzahl: ca. 60â120 Personen</li></ul></div></div><div class="service-wrapper no-border"><p class="u-text-style-main u-alignment-center"><strong>Anfahrt inkl. in München <br/>+ 30 km Umkreis</strong></p></div><div class="service-wrapper no-border"><p class="u-text-regular is-bold">1849 â¬</p></div></div><div class="produkt-wrapper u-grid-custom"><div id="w-node-_0eca5a3e-b09e-ed8a-01c4-89ea378a3d5e-f2bb2487" class="service-wrapper u-grid-subgrid no-border"><p id="w-node-_96cc48c7-fef1-a1b9-3638-956ec77c8ab5-f2bb2487" class="text-wedding-paket">Wedding Paket</p><p class="u-text-mediumbig">Glamour</p></div><div class="service-wrapper"><p class="u-text-style-main u-weight-bold u-color-grey">inklusive Fotobox</p></div><div class="service-wrapper"><p class="u-text-style-small u-alignment-center"><strong>bis zu 12 Std<br/>Shooting</strong></p></div><div class="service-wrapper"><p class="u-text-style-small u-alignment-center"><strong>Das Rundum-Sorglos-Paket â 12 Stunden Begleitung, Fotobox & alle Extras.<br/></strong>Von den ersten Vorbereitungen bis zur letzten Umarmung â dieses Paket enthält alles. Für Paare, die keine Kompromisse eingehen wollen und echte Reportage lieben.</p></div><div class="service-wrapper u-vflex-left-top u-gap-4"><p class="u-text-style-main u-weight-bold u-color-grey">Enthalten:</p><div class="u-rich-text w-richtext"><ul start="" role="list"><li><strong>Bis zu </strong><strong>12 Stunden Begleitung </strong><strong>als Hochzeitsfotograf</strong>- inklusive Getting Ready</li><li>Fotobox mit Sofortdruck & 400 Prints inklusive</li><li>Online-Galerie zum Teilen & hochwertiger USB-Stick mit allen Bildern</li><li><strong>Alle Bilder in voller Auflösung</strong> â ohne Wasserzeichen</li><li>Alle Bilder auch als RAW Format</li><li>Planungsgespräch, Trauzeugenbriefing & klare Ablaufstruktur</li><li>Anfahrt innerhalb Münchens inklusive</li></ul></div></div><div class="service-wrapper u-vflex-left-top u-gap-4"><p class="u-text-style-main u-weight-bold u-color-grey">Ideal für:</p><div class="u-rich-text w-richtext"><ul start="" role="list"><li>GroÃe Hochzeiten mit voller Tagesdokumentation</li><li>Brautpaare, die auch Getting Ready, Party & letzte Momente festhalten wollen</li><li>Hochzeiten mit vielen Locations oder überregionalen Gästen</li><li>Wer sich maximale Sicherheit & komplette fotografische Begleitung wünscht</li></ul></div></div><div class="service-wrapper no-border"><p class="u-text-style-main text-color-grey u-alignment-center"><strong>Anfahrt inkl. in München<br/>+ 50 km Umkreis</strong></p></div><div class="service-wrapper no-border"><p class="u-text-regular is-bold">2249 â¬</p></div></div></div></div><div data-wf--global-section-space--section-space="main" class="g_section_space w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490"></div></section></main><footer class="footer"><div class="footer_5_contain u-container"><nav class="footer_layout"><div class="footer-layout-links"><a aria-label="Go to the homepage" href="https://weddingphoto-professionals.com" class="footer_logo_wrap w-inline-block"><p class="logo-name">Weddingphoto Professionals & Fotobox<br/>Eventfotograf & Fotobox Vermietung in München</p></a><p class="u-text-tiny">Du suchst eine <strong>Fotobox in München</strong> für deine Hochzeit, Firmenfeier, Geburtstag, Weihnachtsfeier, oder Messestand? Be
732i uns bekommst du eine hochwertige Event-Fotobox mit Sofortdruck zum <strong>Festpreis von 349â¯â¬</strong>. <br/>Der Auf- & Abbau erfolgt immer durch uns persönlich vor Ort â kein Versand, kein Stress. Innerhalb von München kostenlos.<br/>Wir sind nicht nur in München unterwegs, sondern in ganz <strong>Bayern</strong>, inklusive <strong>Augsburg, Regensburg, Nürnberg, Rosenheim</strong> und dem kompletten Umland. Du sagst uns, wo gefeiert wird â wir kümmern uns um den Rest.</p></div><nav class="footer_nav_wrap"><div class="link-layout"><div class="footer-link-wrapper"><p class="footer_link_text is-header">Adresse</p><ul role="list" class="footer_nav_list w-list-unstyled"><li class="footer_nav_item"><div class="footer_link_wrap"><div class="footer_link_text u-text-style-large">Belgradstr. 154</div></div></li><li class="footer_nav_item"><div class="footer_link_wrap"><div class="footer_link_text u-text-style-large">80804 München</div></div></li></ul></div><div class="footer-link-wrapper"><p class="footer_link_text is-header">kontakt</p><ul role="list" class="footer_nav_list w-list-unstyled"><li class="footer_nav_item"><a href="mailto:[email protected]?subject=Die%20sch%C3%B6nsten%20Bilder%20f%C3%BCr%20uns" class="footer_link_wrap w-inline-block"><div class="footer_link_text u-text-style-large">E-Mail</div></a></li><li class="footer_nav_item"><a href="/#form" class="footer_link_wrap w-inline-block"><div class="footer_link_text u-text-style-large">Mieten</div></a></li><li class="footer_nav_item"><a href="tel:01732398338" class="footer_link_wrap w-inline-block"><div class="footer_link_text u-text-style-large">Telefon</div></a></li></ul></div><div class="footer-link-wrapper"><p class="footer_link_text is-header">Site Map</p><ul role="list" class="footer_nav_list w-list-unstyled"><li class="footer_nav_item"><a href="/hochzeitsfotograf" class="footer_link_wrap w-inline-block"><div class="footer_link_text u-text-style-large">Fotograf</div></a></li><li class="footer_nav_item"><a href="/" class="footer_link_wrap w-inline-block"><div class="footer_link_text u-text-style-large">Fotobox</div></a></li><li class="footer_nav_item"><a href="/fotograf/preise" aria-current="page" class="footer_link_wrap w-inline-block w--current"><div class="footer_link_text u-text-style-large">Preise</div></a></li><li class="footer_nav_item"><a href="/faq" class="footer_link_wrap w-inline-block"><div class="footer_link_text u-text-style-large">FAQ</div></a></li><li class="footer_nav_item"><a href="/kontakt-fotobox" class="footer_link_wrap w-inline-block"><div class="footer_link_text u-text-style-large">Kontakt</div></a></li><li class="footer_nav_item"><a href="/kontakt-fotobox#liefergebiet" class="footer_link_wrap w-inline-block"><div class="footer_link_text u-text-style-large">Liefergebiet</div></a></li></ul></div></div></nav></nav></div><div class="footer_bottom_wrap"><div class="footer_bottom_contain u-container"><div class="footer_bottom_layout"><div class="footer_bottom_text u-text-style-small u-mb-0">Fotobox Verleih München</div><ul role="list" class="footer_bottom_list"><li class="footer_bottom_item"><a href="/impressum" class="footer_bottom_link_wrap w-inline-block"><div class="footer_bottom_link_text u-text-style-small">Impressum</div></a></li><li class="footer_bottom_item"><a href="/datenschutz" class="footer_bottom_link_wrap w-inline-block"><div class="footer_bottom_link_text u-text-style-small">Datenshutz</div></a></li></ul><div class="footer_social_wrap is-test_non"><ul role="list" class="footer_social_list w-list-unstyled"><li class="footer_5_social_item"><a aria-label="Facebook" href="#" target="_blank" class="footer_5_social_link w-inline-block"><div class="footer_5_social_icon"><svg width="100%" viewBox="0 0 64 64" aria-hidden="true"><path fill="currentColor" d="M24.92437,62V36H16V24h8.92437v-8.38004C24.92437,6.49153,30.70333,2,38.84651,2 c3.90067,0,7.25309,0.29041,8.23008,0.42022v9.53975l-5.64773,0.00257C37.00014,11.96253,36,14.06699,36,17.15515V24h12l-4,12h-8v26 H24.92437z"></path></svg></div></a></li><li class="footer_5_social_item"><a aria-label="Instagram" href="#" target="_blank" class="footer_5_social_link w-inline-block"><div class="footer_5_social_icon"><svg viewBox="0 0 56 56" width="100%" aria-hidden="true"><path d="M55.84,16.46c-.05-2.33-.49-4.63-1.3-6.8-1.46-3.76-4.43-6.74-8.2-8.19-2.17-.81-4.47-1.25-6.8-1.3-2.98-.14-3.94-.17-11.54-.17s-8.55.03-11.54.17c-2.32.04-4.62.48-6.8,1.3C5.9,2.92,2.93,5.9,1.47,9.66.66,11.84.22,14.14.17,16.46c-.13,2.98-.17,3.94-.17,11.54s.04,8.56.17,11.54c.05,2.33.49,4.63,1.3,6.8,1.46,3.76,4.43,6.74,8.19,8.19,2.18.82,4.48,1.26,6.8,1.3,2.99.14,3.94.17,11.54.17s8.56-.03,11.55-.17c2.32-.04,4.62-.48,6.8-1.3,3.76-1.45,6.73-4.43,8.19-8.19.81-2.17,1.25-4.47,1.3-6.8.13-2.98.16-3.94.16-11.54s-.03-8.56-.16-11.54ZM28,42.38c-7.94,0-14.37-6.44-14.37-14.38s6.43-14.38,14.37-14.38c3.97,0,7.56,1.61,10.17,4.21,2.6,2.61,4.21,6.2,4.21,10.17,0,7.94-6.44,14.38-14.38,14.38ZM42.95,16.41c-1.86,0-3.36-1.5-3.36-3.36s1.5-3.36,3.36-3.36,3.36,1.51,3.36,3.36-1.5,3.36-3.36,3.36Z" fill="currentColor"></path><path d="M37.34,28c0,5.15-4.18,9.33-9.33,9.33h-.01c-5.15,0-9.33-4.18-9.33-9.33s4.18-9.33,9.33-9.33,9.34,4.18,9.34,9.33Z" fill="currentColor"></path></svg></div></a></li><li class="footer_5_social_item"><a aria-label="Linked In" href="#" target="_blank" class="footer_5_social_link w-inline-block"><div class="footer_5_social_icon">
732<svg width="100%" viewBox="0 0 46 46" aria-hidden="true"><path d="M11 5.5C11 8.6 8.6 11 5.5 11C2.4 11 0 8.5 0 5.5C0 2.5 2.5 0 5.5 0C8.5 0 11 2.5 11 5.5Z" fill="currentColor"></path><path d="M10.2998 15.1992H0.799805V45.6992H10.2998V15.1992Z" fill="currentColor"></path><path d="M45.8002 29V45.7H36.3002V30.9C36.3002 27.4 36.2002 22.8 31.4002 22.8C26.6002 22.8 25.7002 26.7 25.7002 30.6V45.7H16.2002V15.2H25.3002V19.4H25.4002C26.7002 17 29.8002 14.5 34.4002 14.5C44.0002 14.5 45.8002 20.8 45.8002 29Z" fill="currentColor"></path></svg></div></a></li><li class="footer_5_social_item"><a aria-label="YouTube" href="#" target="_blank" class="footer_5_social_link w-inline-block"><div class="footer_5_social_icon"><svg width="100%" viewBox="0 0 48 48" aria-hidden="true"><path fill="currentColor" d="M47.5,14.4c0,0-0.5-3.3-1.9-4.8c-1.8-1.9-3.9-1.9-4.8-2C34.1,7.1,24,7.1,24,7.1h0c0,0-10.1,0-16.8,0.5 c-0.9,0.1-3,0.1-4.8,2c-1.4,1.5-1.9,4.8-1.9,4.8S0,18.3,0,22.2v3.6c0,3.9,0.5,7.8,0.5,7.8s0.5,3.3,1.9,4.8c1.8,1.9,4.2,1.9,5.3,2.1 c3.8,0.4,16.3,0.5,16.3,0.5s10.1,0,16.8-0.5c0.9-0.1,3-0.1,4.8-2c1.4-1.5,1.9-4.8,1.9-4.8s0.5-3.9,0.5-7.8v-3.6 C48,18.3,47.5,14.4,47.5,14.4z M19,30.2l0-13.5l13,6.8L19,30.2z"></path></svg></div></a></li><li class="footer_5_social_item"><a aria-label="X" href="#" target="_blank" class="footer_5_social_link w-inline-block"><div class="footer_5_social_icon"><svg width="100%" viewBox="0 0 300 301" aria-hidden="true"><path d="M178.57 127.15L290.27 0H263.81L166.78 110.38L89.34 0H0L117.13 166.93L0 300.25H26.46L128.86 183.66L210.66 300.25H300M36.01 19.54H76.66L263.79 281.67H223.13" fill="currentColor"></path></svg></div></a></li></ul></div></div></div></div></footer></div>
732<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=67d53cf96f7c84ea27290fa5" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
732<script src="https://cdn.prod.website-files.com/67d53cf96f7c84ea27290fa5/js/wedding-pro-test.10675457.6abf2b4257454e53.js" type="text/javascript" integrity="sha384-l+JXjXfbgyV2YFlDbwmtyvXY+3f+FiByrg6cjjjIk6E9kzpnpHy/gyxxXh9CwCth" crossorigin="anonymous"></script>
732<script src="https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>
732<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollTrigger.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 732
732
733<script> 734 // Stelle sicher, dass Webflow seine Scripts geladen hat 735 var Webflow = Webflow || []; 736 Webflow.push(function() { 737 var $navBtn = $(".nav_2_btn_wrap"); 738 739 // 1) Dropdown schlieÃen, wenn ein Anker-Link darin geklickt wird 740 $(".nav_2_component .w-dropdown-list a[href*='#']").on("click", function() { 741 var $dropdown = $(this).closest(".w-dropdown"); 742 // Offizielles Webflow-Event zum SchlieÃen 743 $dropdown.trigger("w-close.w-dropdown"); 744 }); 745 746 // 2) Menü (Mobile/Main) schlieÃen, wenn ein Anker-Link im Hauptmenü geklickt wird 747 $(".nav_2_component .w-nav-menu a[href*='#']").on("click", function() { 748 if ($navBtn.hasClass("w--open")) { 749 // simuliert den Klick auf den Hamburger-/Menü-Button 750 $navBtn[0].click(); 751 } 752 }); 753 }); 754</script>
754 755 756<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 756-757
756 757<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
757GTM-P28KVZNM
vendor: 83 bytes, lines 757-758
757" 758height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
759<!-- End Google Tag Manager (noscript) --> 760 761<!-- WPP Popup Engine v3: Cookie-Pop-up, gesteuert über data-wpp-* Attribute, animiert per Script. Tut nichts auf Seiten ohne [data-wpp-id]. -->
762<script> 763(function(){"use strict"; 764var P="wpp_seen_",A=null,L=null,Y=0,D=document,W=window,T=null,C=null,E="cubic-bezier(.22,1,.36,1)"; 765function gc(n){var m=D.cookie.match("(?:^|; )"+n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")+"=([^;]*)");return m?decodeURIComponent(m[1]):null} 766function sc(n,v,d){var t=new Date();t.setTime(t.getTime()+d*864e5);D.cookie=n+"="+encodeURIComponent(v)+"; expires="+t.toUTCString()+"; path=/; SameSite=Lax"+(location.protocol==="https:"?"; Secure":"")} 767function dc(n){D.cookie=n+"=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/"} 768function num(el,a,f){var v=parseInt(el.getAttribute(a),10);return isNaN(v)?f:v} 769function lock(){Y=W.pageYOffset||D.documentElement.scrollTop||0;var s=W.innerWidth-D.documentElement.clientWidth,b=D.body,st=b.style;b.dataset.wppTop=st.top||"";b.dataset.wppPos=st.position||"";b.dataset.wppPad=st.paddingRight||"";if(s>0)st.paddingRight=s+"px";st.position="fixed";st.top=-Y+"px";st.left="0";st.right="0";st.width="100%"} 770function unlock(){var b=D.body,st=b.style;st.position=b.dataset.wppPos||"";st.top=b.dataset.wppTop||"";st.paddingRight=b.dataset.wppPad||"";st.left="";st.right="";st.width="";W.scrollTo(0,Y)} 771function foc(el){return Array.prototype.slice.call(el.querySelectorAll('a[href],button:not([disabled]),[tabindex]:not([tabindex="-1"]),input,select,textarea')).filter(function(n){return n.offsetParent!==null})} 772function items(p){return Array.prototype.slice.call(p.querySelectorAll("[data-wpp-animate]"))} 773function from(el){var f=el.getAttribute("data-wpp-from");return f===null?"translateY(12px)":f} 774function fade(el){return el.getAttribute("data-wpp-fade")!=="0"} 775function toStart(el,t){var s=el.style;s.transition=t;if(fade(el))s.opacity="0";s.transform=from(el)} 776function toEnd(el){var s=el.style;s.transition="opacity .5s ease, transform .6s "+E;s.opacity="";s.transform=""} 777function clear(el){var s=el.style;s.transition="";s.opacity="";s.transform=""} 778function open(p){if(A)return;A=p;L=D.activeElement;clearTimeout(T); 779 sc(P+p.getAttribute("data-wpp-id"),"1",num(p,"data-wpp-days",365)); 780 var it=items(p);it.forEach(function(el){toStart(el,"none")}); 781 lock();p.style.display=p.getAttribute("data-wpp-display")||"flex";p.setAttribute("aria-hidden","false");void p.offsetWidth; 782 it.forEach(function(el){setTimeout(function(){if(A===p)toEnd(el)},num(el,"data-wpp-animate",0))}); 783 setTimeout(function(){var f=foc(p);(f.length?f[f.length>1?1:0]:p).focus({preventScroll:true})},250); 784 var ac=num(p,"data-wpp-autoclose",0);if(ac>0)C=setTimeout(close,ac); 785 D.addEventListener("keydown",key);p.dispatchEvent(new CustomEvent("wpp:open",{bubbles:true}))} 786function close(){if(!A)return;var p=A;A=null;clearTimeout(C);D.removeEventListener("keydown",key); 787 var it=items(p);it.forEach(function(el){toStart(el,"opacity .35s ease, transform .4s "+E)});p.setAttribute("aria-hidden","true"); 788 T=setTimeout(function(){p.style.display="none";it.forEach(clear);unlock();if(L&&L.focus)L.focus({preventScroll:true});p.dispatchEvent(new CustomEvent("wpp:close",{bubbles:true}))},num(p,"data-wpp-duration",500))} 789function key(e){if(!A)return;if(e.key==="Escape"){e.preventDefault();close();return} 790 if((e.key==="Enter"||e.key===" ")&&e.target.hasAttribute&&e.target.hasAttribute("data-wpp-close")&&e.target.tagName!=="A"&&e.target.tagName!=="BUTTON"){e.preventDefault();close();return} 791 if(e.key==="Tab"){var f=foc(A);if(!f.length)return;var a=f[0],z=f[f.length-1];if(e.shiftKey&&D.activeElement===a){e.preventDefault();z.focus()}else if(!e.shiftKey&&D.activeElement===z){e.preventDefault();a.focus()}}} 792function init(){var ps=Array.prototype.slice.call(D.querySelectorAll("[data-wpp-id]"));if(!ps.length)return; 793 if(/[?&]wpp-reset=1/.test(location.search))api.reset(); 794 ps.forEach(function(p){p.style.display="none";p.setAttribute("aria-hidden","true");if(!p.hasAttribute("role"))p.setAttribute("role","dialog");p.setAttribute("aria-modal","true"); 795 p.addEventListener("click",function(e){var c=e.target.closest("[data-wpp-close]");if(!c)return;var a=c.closest("a[href]"),h=a?a.getAttribute("href"):"";if(a&&h&&h!=="#"){close();return}e.preventDefault();close()})}); 796 var n=null;for(var i=0;i<ps.length;i++){if(!gc(P+ps[i].getAttribute("data-wpp-id"))){n=ps[i];break}} 797 if(n)setTimeout(function(){open(n)},num(n,"data-wpp-delay",1200))} 798var api={open:function(id){var p=id?D.querySelector('[data-wpp-id="'+id+'"]'):D.querySelector("[data-wpp-id]");if(p)open(p)},close:close, 799 reset:function(){D.querySelectorAll("[data-wpp-id]").forEach(function(p){dc(P+p.getAttribute("data-wpp-id"))})},seen:function(id){return!!gc(P+id)}}; 800W.wppPopup=api; 801if(D.readyState==="loading")D.addEventListener("DOMContentLoaded",init);else init(); 802})(); 803</script>
803 804<!-- ð¦ GSAP & Plugins Lazy Load -->
805<script> 806 window._gsapReady = new Promise((resolve) => { 807 const files = [ 808 "https://cdn.prod.website-files.com/67d53cf96f7c84ea27290fa5/67d8667e03072c49f0e2b00b_gsap.min.txt", 809 "https://cdn.prod.website-files.com/67d53cf96f7c84ea27290fa5/67d8667e274d98cdfe11062a_ScrollTrigger.min.txt", 810 "https://cdn.prod.website-files.com/67d53cf96f7c84ea27290fa5/67d8667effa933c45aa5068e_SplitText.min.txt", 811 "https://cdn.jsdelivr.net/npm/canvas-confetti" 812 ]; 813 814 const load = () => { 815 let loaded = 0; 816 files.forEach(url => { 817 const script = document.createElement("script"); 818 script.src = url; 819 script.defer = true; 820 script.onload = () => { 821 loaded++; 822 if (loaded === files.length) resolve(); 823 }; 824 document.head.appendChild(script); 825 }); 826 }; 827 828 if ('requestIdleCallback' in window) { 829 requestIdleCallback(load); 830 } else { 831 setTimeout(load, 500); 832 } 833 }); 834</script>
834 835 836<!-- ð¤ Vogel Farbwechsel Animation -->
837<script> 838 window._gsapReady.then(() => { 839 gsap.timeline({ repeat: -1, repeatDelay: 0 }) 840 .to(".cls-1, .cls-4", { duration: 3, ease: "none" }) 841 .to(".cls-1, .cls-4", { fill: "#71c2ee", duration: 0.5 }) 842 .to(".cls-1, .cls-4", { duration: 3 }) 843 .to(".cls-1, .cls-4", { fill: "#ee79ad", duration: 0.5 }) 844 .to(".cls-1, .cls-4", { duration: 3 }) 845 .to(".cls-1", { fill: "#71c2ee", duration: 0.5 }) 846 .to(".cls-4", { fill: "#ee79ad", duration: 0.5 }, "<"); 847 }); 848</script>
848 849 850<!-- ⨠SplitText Animation Desktop -->
851<script> 852 window._gsapReady.then(() => { 853 gsap.registerPlugin(SplitText, ScrollTrigger); 854 const mm = gsap.matchMedia(); 855 const textElements = document.querySelectorAll('.b-text-uebermich-animiert'); 856 const splitInstances = []; 857 858 function initSplitTextDesktop() { 859 mm.add("(min-width: 992px)", () => { 860 textElements.forEach(el => { 861 el.querySelectorAll('.highlight').forEach(span => { 862 const originalColor = getComputedStyle(span).color; 863 span.setAttribute('data-color', originalColor); 864 }); 865 866 const split = new SplitText(el, { type: "lines", linesClass: "line", reduceWhiteSpace: true }); 867 splitInstances.push(split); 868 869 split.lines.forEach(line => { 870 const wordSplit = new SplitText(line, { type: "words", wordsClass: "char", reduceWhiteSpace: true }); 871 const words = wordSplit.words; 872 873 gsap.set(words, { 874 opacity: 0.2, 875 color: "#999" 876 }); 877 878 words.forEach(word => { 879 const parentHighlight = word.closest('.highlight'); 880 const targetColor = parentHighlight?.getAttribute('data-color') || "#353233"; 881 882 gsap.to(word, { 883 opacity: 1, 884 color: targetColor, 885 ease: "power2.out", 886 scrollTrigger: { 887 trigger: word, 888 start: "top 60%", 889 end: "top 50%", 890 scrub: true, 891 invalidateOnRefresh: true 892 } 893 }); 894 }); 895 }); 896 }); 897 }); 898 } 899 900 ScrollTrigger.addEventListener("refreshInit", () => { 901 splitInstances.forEach(split => split.revert()); 902 splitInstances.length = 0; 903 }); 904 905 ScrollTrigger.addEventListener("refresh", initSplitTextDesktop); 906 initSplitTextDesktop(); 907 }); 908</script>
908 909 910 911<!-- â FAQ Accordion -->
912<script> 913 function whenGsapReadyAndScrollTriggerLoaded(callback) { 914 window._gsapReady.then(() => { 915 const check = () => { 916 if (typeof ScrollTrigger !== "undefined" && typeof ScrollTrigger.refresh === "function") { 917 gsap.registerPlugin(ScrollTrigger); 918 callback(); 919 } else { 920 setTimeout(check, 50); 921 } 922 }; 923 check(); 924 }); 925 } 926 927 whenGsapReadyAndScrollTriggerLoaded(() => { 928 document.querySelectorAll(".faq-accordion_cms_wrap").forEach((cmsWrap, listIndex) => { 929 if (cmsWrap.dataset.scriptInitialized) return; 930 cmsWrap.dataset.scriptInitialized = "true"; 931 932 const closePrevious = cmsWrap.getAttribute("data-close-previous") !== "false"; 933 const closeOnSecondClick = cmsWrap.getAttribute("data-close-on-second-click") !== "false"; 934 const openOnHover = cmsWrap.getAttribute("data-open-on-hover") === "true"; 935 const openByDefault = cmsWrap.getAttribute("data-open-by-default") !== null && !isNaN(+cmsWrap.getAttribute("data-open-by-default")) ? +cmsWrap.getAttribute("data-open-by-default") : false; 936 937 let previousIndex = null, closeFunctions = []; 938 939 cmsWrap.querySelectorAll(".faq-accordion_component").forEach((thisCard, cardIndex) => { 940 const button = thisCard.querySelector(".faq-accordion_toggle_button"); 941 const content = thisCard.querySelector(".faq-accordion_content_wrap"); 942 const icon = thisCard.querySelector(".faq-accordion_toggle_icon"); 943 944 if (!button || !content || !icon) return; 945 946 button.setAttribute("aria-expanded", "false"); 947 button.setAttribute("id", "faq-accordion_button_" + listIndex + "_" + cardIndex); 948 content.setAttribute("id", "faq-accordion_content_" + listIndex + "_" + cardIndex); 949 button.setAttribute("aria-controls", content.id); 950 content.setAttribute("aria-labelledby", button.id); 951 content.style.display = "none"; 952 953 const refresh = () => { 954 if (typeof ScrollTrigger !== "undefined") ScrollTrigger.refresh(); 955 }; 956 957 const tl = gsap.timeline({ 958 paused: true, 959 defaults: { duration: 0.3, ease: "power1.inOut" }, 960 onComplete: refresh, 961 onReverseComplete: refresh 962 }); 963 964 tl.set(content, { display: "block" }); 965 tl.fromTo(content, { height: 0 }, { height: "auto" }); 966 tl.fromTo(icon, { rotate: 0 }, { rotate: -180 }, "<"); 967 968 const closeAccordion = () => { 969 if (thisCard.classList.contains("is-opened")) { 970 thisCard.classList.remove("is-opened"); 971 tl.reverse(); 972 button.setAttribute("aria-expanded", "false"); 973 } 974 }; 975 976 closeFunctions[cardIndex] = closeAccordion; 977 978 const openAccordion = (instant = false) => { 979 if (closePrevious && previousIndex !== null && previousIndex !== cardIndex) { 980 closeFunctions[previousIndex]?.(); 981 } 982 983 previousIndex = cardIndex; 984 button.setAttribute("aria-expanded", "true"); 985 thisCard.classList.add("is-opened"); 986 instant ? tl.progress(1) : tl.play(); 987 }; 988 989 if (openByDefault === cardIndex) openAccordion(true); 990 991 button.addEventListener("click", () => { 992 if (thisCard.classList.contains("is-opened") && closeOnSecondClick) { 993 closeAccordion(); 994 previousIndex = null; 995 } else { 996 openAccordion(); 997 } 998 }); 999 1000 if (openOnHover) { 1001 button.addEventListener("mouseenter", () => openAccordion()); 1002 } 1003 }); 1004 }); 1005 }); 1006</script>
1006 1007 1008<!-- ð¼ï¸ Bildschutz -->
1009<script> 1010 document.addEventListener("contextmenu", function (e) { 1011 if (e.target.tagName === "IMG") { 1012 e.preventDefault(); 1013 alert("Bild-Download ist deaktiviert ð"); 1014 } 1015 }); 1016</script>
1016 1017 1018<!-- ð Konfetti Effekt -->
1019<script> 1020 window._gsapReady.then(() => { 1021 const wrapper = document.querySelector(".is-confetti"); 1022 1023 if (wrapper) { 1024 const fireConfetti = () => { 1025 confetti({ 1026 particleCount: 120, 1027 spread: 100, 1028 startVelocity: 40, 1029 scalar: 1.1, 1030 gravity: 0.7, 1031 ticks: 200, 1032 origin: { x: 0.5, y: 0.6 }, 1033 colors: ['#fac05e', '#3fa7d6', '#ee79ad'], 1034 zIndex: 2000 1035 }); 1036 }; 1037 1038 wrapper.addEventListener("mouseenter", fireConfetti); 1039 wrapper.addEventListener("touchstart", fireConfetti, { passive: true }); 1040 wrapper.addEventListener("click", fireConfetti); 1041 } 1042 }); 1043</script>
1043 1044 1045<!-- ⨠SplitText Animation für .hero-header_erfahrung --> 1046<!-- ⨠Lazy SplitText nur bei sichtbaren .section-splittext-Sections -->
1047<script> 1048 window._gsapReady.then(() => { 1049 gsap.registerPlugin(SplitText, ScrollTrigger); 1050 1051 const splitInstances = []; 1052 1053 function initSplitTextIn(section) { 1054 const blurElements = section.querySelectorAll('.anim-blur-heading'); 1055 const blurLeftElements = section.querySelectorAll('.anim-blur-left'); 1056 1057 // Blur Center 1058 blurElements.forEach(el => { 1059 const splitOuter = new SplitText(el, { 1060 type: "lines", 1061 linesClass: "line", 1062 reduceWhiteSpace: true 1063 }); 1064 const splitInner = new SplitText(splitOuter.lines, { 1065 type: "chars", 1066 charsClass: "char", 1067 reduceWhiteSpace: true 1068 }); 1069 1070 splitInstances.push(splitInner, splitOuter); 1071 1072 gsap.from(splitInner.chars, { 1073 ease: "expo.out", 1074 filter: "blur(3px)", 1075 opacity: 0, 1076 duration: 1, 1077 stagger: { 1078 from: "center", 1079 amount: 0.5 1080 }, 1081 scrollTrigger: { 1082 trigger: el, 1083 start: "top center", 1084 end: "top center", 1085 toggleActions: "play none none none" 1086 } 1087 }); 1088 }); 1089 1090 // Blur Left 1091 blurLeftElements.forEach(el => { 1092 const splitOuter = new SplitText(el, { 1093 type: "lines", 1094 linesClass: "line", 1095 reduceWhiteSpace: true 1096 }); 1097 const splitInner = new SplitText(splitOuter.lines, { 1098 type: "chars", 1099 charsClass: "char", 1100 reduceWhiteSpace: true 1101 }); 1102 1103 splitInstances.push(splitInner, splitOuter); 1104 1105 gsap.from(splitInner.chars, { 1106 ease: "expo.out", 1107 filter: "blur(3px)", 1108 opacity: 0, 1109 duration: 1, 1110 stagger: { 1111 from: "start", 1112 amount: 0.5 1113 }, 1114 scrollTrigger: { 1115 trigger: el, 1116 start: "top 85%", 1117 end: "top 60%", 1118 toggleActions: "play none none none" 1119 } 1120 }); 1121 }); 1122 } 1123 1124 // Clean-up 1125 ScrollTrigger.addEventListener("refreshInit", () => { 1126 splitInstances.forEach(instance => instance.revert()); 1127 splitInstances.length = 0; 1128 }); 1129 1130 // â Nur Sections mit .section-splittext triggern 1131 document.querySelectorAll('.section-splittext').forEach(section => { 1132 ScrollTrigger.create({ 1133 trigger: section, 1134 start: "top bottom", 1135 once: true, 1136 onEnter: () => initSplitTextIn(section) 1137 }); 1138 }); 1139 }); 1140</script>
1140 1141</body></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.