PageSourceSearch

https://wedding-pro-test.webflow.io/fotograf/preise

html wedding-pro-test.webflow.io collected 2026-10-03 14:01:42 UTC 84,607 bytes, 1,141 lines download raw bytes

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 &amp; 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> &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp;
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 &amp; 400 Prints inklusive</li><li>Online-Galerie zum Teilen &amp; 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 &amp; 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 &amp; 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 &amp; 400 Prints inklusive</li><li>Online-Galerie zum Teilen &amp; 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 &amp; 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 &amp; letzte Momente festhalten wollen</li><li>Hochzeiten mit vielen Locations oder überregionalen Gästen</li><li>Wer sich maximale Sicherheit &amp; 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 &amp; Fotobox<br/>Eventfotograf &amp; 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- &amp; 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.