diff --git a/admin/tpl/faq.json b/admin/tpl/faq.json new file mode 100644 index 0000000..c89c926 --- /dev/null +++ b/admin/tpl/faq.json @@ -0,0 +1,10 @@ +{ + "label": "FAQ", + "content": { + "items": { "label": "Fragen", "tpl_filter": ["faq_item"] } + }, + "copy": { + "headline": { "label": "Überschrift" }, + "text": { "label": "Text", "type": "html" } + } +} diff --git a/admin/tpl/faq_item.json b/admin/tpl/faq_item.json new file mode 100644 index 0000000..2048022 --- /dev/null +++ b/admin/tpl/faq_item.json @@ -0,0 +1,7 @@ +{ + "label": "FAQ-Frage", + "copy": { + "question": { "label": "Frage" }, + "answer": { "label": "Antwort", "type": "html" } + } +} diff --git a/admin/tpl/head.json b/admin/tpl/head.json index 7d343dc..7d622c8 100644 --- a/admin/tpl/head.json +++ b/admin/tpl/head.json @@ -2,7 +2,17 @@ "label": "_HTML Head", "layout": true, "copy": { - "title": { "label": "Title" }, - "meta_description": { "label": "Meta Description" } + "title": { "label": "Title (max. ~60 Zeichen)" }, + "meta_description": { "label": "Meta Description (max. ~155 Zeichen)" } + }, + "data": { + "robots": { + "label": "Suchmaschinen", + "type": "select", + "options": { + "index,follow": "Indexieren", + "noindex,follow": "Nicht indexieren" + } + } } } diff --git a/admin/tpl/intro.json b/admin/tpl/intro.json index a96e5cb..ab74563 100644 --- a/admin/tpl/intro.json +++ b/admin/tpl/intro.json @@ -2,7 +2,9 @@ "label": "Intro (Hero-Video)", "copy": { "kicker": { "label": "Dachzeile" }, - "headline": { "label": "Überschrift" }, + "headline": { "label": "Überschrift (H1)" }, + "text": { "label": "Einleitungstext", "type": "html" }, + "video_label": { "label": "Video-Beschreibung (Barrierefreiheit)" }, "cta_label": { "label": "Button-Text" }, "cta_href": { "label": "Button-Link" }, "ticker": { "label": "Laufband-Text" } diff --git a/admin/tpl/nav.json b/admin/tpl/nav.json index 86d66ed..3a00dd0 100644 --- a/admin/tpl/nav.json +++ b/admin/tpl/nav.json @@ -2,7 +2,8 @@ "label": "_Navigation", "layout": true, "copy": { - "service_label": { "label": "Link: Gewerke" }, + "service_label": { "label": "Link: Leistungen" }, + "faq_label": { "label": "Link: FAQ" }, "work_label": { "label": "Link: Referenzen" }, "contact_label": { "label": "Link: Kontakt" } }, diff --git a/admin/tpl/process.json b/admin/tpl/process.json new file mode 100644 index 0000000..cf18f3d --- /dev/null +++ b/admin/tpl/process.json @@ -0,0 +1,10 @@ +{ + "label": "Ablauf", + "content": { + "steps": { "label": "Schritte", "tpl_filter": ["process_step"] } + }, + "copy": { + "headline": { "label": "Überschrift" }, + "text": { "label": "Text", "type": "html" } + } +} diff --git a/admin/tpl/process_step.json b/admin/tpl/process_step.json new file mode 100644 index 0000000..e3f8908 --- /dev/null +++ b/admin/tpl/process_step.json @@ -0,0 +1,14 @@ +{ + "label": "Ablauf-Schritt", + "copy": { + "title": { "label": "Titel" }, + "text": { "label": "Text" } + }, + "data": { + "color": { + "label": "Farbe", + "type": "select", + "options": { "yellow": "Gelb", "orange": "Orange", "red": "Rot", "pink": "Pink", "purple": "Lila" } + } + } +} diff --git a/assets/scss/_base.scss b/assets/scss/_base.scss index d7947a5..21d6908 100644 --- a/assets/scss/_base.scss +++ b/assets/scss/_base.scss @@ -22,6 +22,7 @@ html { } body { + counter-reset: section; min-height: 100vh; color: $ink; background: $beige; @@ -30,6 +31,7 @@ body { line-height: 1.6; font-weight: 500; overflow-x: hidden; + overflow-x: clip; // film grain &::after { @@ -90,11 +92,13 @@ em, i { font-style: italic; } display: flex; align-items: flex-start; gap: 16px; - font-size: clamp(40px, 7vw, 88px); + font-size: clamp(36px, 6vw, 76px); line-height: 1; font-weight: 800; letter-spacing: -0.03em; + counter-increment: section; + &__nr { flex: none; margin-top: 0.35em; @@ -106,6 +110,10 @@ em, i { font-style: italic; } font-weight: 700; letter-spacing: 0.1em; font-variant-numeric: tabular-nums; + + &::before { + content: counter(section, decimal-leading-zero); + } } &--light { diff --git a/assets/scss/_faq.scss b/assets/scss/_faq.scss new file mode 100644 index 0000000..03014e3 --- /dev/null +++ b/assets/scss/_faq.scss @@ -0,0 +1,127 @@ +@use "variables" as *; + +.faq { + padding: 120px 0 0; + + @include md { + padding-top: 160px; + } + + &__inner { + @include inner; + display: grid; + gap: 48px; + + @include md { + grid-template-columns: 5fr 7fr; + gap: 64px; + align-items: start; + } + } + + &__head { + display: grid; + gap: 24px; + + @include md { + position: sticky; + top: 120px; + } + } + + &__text { + max-width: 40ch; + font-size: 20px; + + a { + font-weight: 700; + text-decoration: underline wavy $red; + text-underline-offset: 4px; + } + } + + &__list { + display: grid; + gap: 16px; + } +} + +.faq-item { + border: 3px solid $ink; + border-radius: $radius; + background: $cream; + box-shadow: 5px 5px 0 $ink; + transition: box-shadow 0.3s $ease, translate 0.3s $ease; + + &:hover { + translate: -2px -2px; + box-shadow: 8px 8px 0 $ink; + } + + &[open] { + background: $yellow; + } + + &__question { + display: flex; + align-items: center; + justify-content: space-between; + gap: 16px; + padding: 20px 24px; + cursor: pointer; + list-style: none; + + &::-webkit-details-marker { + display: none; + } + } + + &__title { + font-size: clamp(18px, 2vw, 22px); + line-height: 1.3; + font-weight: 800; + } + + &__icon { + position: relative; + flex: none; + width: 36px; + height: 36px; + border: 3px solid $ink; + border-radius: 50%; + background: $cream; + transition: rotate 0.4s $ease; + + &::before, + &::after { + content: ""; + position: absolute; + top: 50%; + left: 50%; + width: 14px; + height: 3px; + background: $ink; + translate: -50% -50%; + } + + &::after { + rotate: 90deg; + } + } + + &[open] &__icon { + rotate: 135deg; + } + + &__answer { + padding: 0 24px 24px; + font-size: 17px; + + ul, ol { + margin: 8px 0 0 20px; + } + + ul { list-style: disc; } + ol { list-style: decimal; } + } +} diff --git a/assets/scss/_intro.scss b/assets/scss/_intro.scss index 8535369..b324959 100644 --- a/assets/scss/_intro.scss +++ b/assets/scss/_intro.scss @@ -2,6 +2,8 @@ .intro { position: relative; + // the rotated, wider-than-viewport ticker must not create horizontal scrolling + overflow-x: clip; padding: 48px 0 0; @include md { @@ -38,8 +40,9 @@ } &__headline { - max-width: 12ch; - font-size: clamp(52px, 11vw, 168px); + max-width: 16ch; + font-size: clamp(34px, 8.6vw, 150px); + hyphens: auto; line-height: 0.92; // background-clip: text only paints inside the box; keep descenders (g, p, …) visible padding-bottom: 0.3em; @@ -53,6 +56,15 @@ -webkit-text-fill-color: transparent; } + &__text { + max-width: 52ch; + margin-top: 28px; + font-size: clamp(18px, 1.6vw, 22px); + line-height: 1.55; + + strong { font-weight: 800; } + } + &__cta { margin-top: 32px; @@ -83,8 +95,13 @@ border-radius: $radius-lg; background: $ink; box-shadow: 10px 10px 0 $orange; - aspect-ratio: 16 / 9; - min-height: 320px; + // no min-height here: with aspect-ratio it is transferred to a min-width and overflows on small screens + width: 100%; + aspect-ratio: 4 / 3; + + @include sm { + aspect-ratio: 16 / 9; + } @include md { margin-top: 64px; diff --git a/assets/scss/_process.scss b/assets/scss/_process.scss new file mode 100644 index 0000000..4e5fdcc --- /dev/null +++ b/assets/scss/_process.scss @@ -0,0 +1,114 @@ +@use "variables" as *; + +.process { + padding: 0 0 120px; + + @include md { + padding-bottom: 160px; + } + + &__inner { + @include inner; + } + + &__head { + display: grid; + gap: 24px; + margin-bottom: 64px; + + @include md { + grid-template-columns: 1fr 1fr; + align-items: end; + } + } + + &__text { + max-width: 46ch; + font-size: 20px; + } + + &__steps { + counter-reset: frame; + display: grid; + gap: 28px; + margin: 0; + padding: 0; + list-style: none; + + @include sm { + grid-template-columns: repeat(2, 1fr); + } + + @include lg { + grid-template-columns: repeat(4, 1fr); + } + } +} + +// storyboard frame +.frame { + --frame-color: #{$yellow}; + counter-increment: frame; + position: relative; + padding: 28px 24px 32px; + border: 3px solid $ink; + border-radius: $radius; + background: $cream; + box-shadow: 8px 8px 0 var(--frame-color); + transition: rotate 0.4s $ease, translate 0.4s $ease; + + @each $name, $color in $colors { + &--#{$name} { + --frame-color: #{$color}; + } + } + + &:nth-child(odd) { rotate: -1.2deg; } + &:nth-child(even) { rotate: 1.2deg; } + + &:hover { + rotate: 0deg; + translate: 0 -6px; + } + + // dashed arrow to the next frame + @include lg { + &:not(:last-child)::after { + content: ""; + position: absolute; + top: 50%; + right: -26px; + width: 22px; + border-top: 3px dashed $ink; + } + } + + &__nr { + display: grid; + place-items: center; + width: 56px; + height: 56px; + margin-bottom: 20px; + border: 3px solid $ink; + border-radius: 50%; + background: var(--frame-color); + font-size: 22px; + font-weight: 800; + + &::before { + content: counter(frame); + } + } + + &__title { + font-size: 24px; + line-height: 1.2; + font-weight: 800; + letter-spacing: -0.02em; + } + + &__text { + margin-top: 10px; + font-size: 17px; + } +} diff --git a/assets/scss/_text.scss b/assets/scss/_text.scss index bb9f6be..7b4ea5a 100644 --- a/assets/scss/_text.scss +++ b/assets/scss/_text.scss @@ -8,7 +8,7 @@ max-width: 880px; } - h3 { + h1 { margin-bottom: 40px; font-size: clamp(40px, 6vw, 72px); line-height: 1; @@ -16,7 +16,7 @@ letter-spacing: -0.03em; } - h4 { + h2 { display: inline-block; margin: 40px 0 12px; padding: 4px 12px; @@ -28,6 +28,11 @@ transform: rotate(-1deg); } + .text__date { + margin-top: 40px; + font-weight: 700; + } + p { margin-bottom: 16px; font-size: 17px; diff --git a/assets/scss/main.scss b/assets/scss/main.scss index fb48d38..55724df 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -4,9 +4,10 @@ @use "intro"; @use "service"; @use "service_item"; +@use "process"; @use "work"; @use "work_entry"; +@use "faq"; @use "insta"; @use "footer"; @use "text"; - diff --git a/content/agb.json b/content/agb.json index 03d5637..6a2a9ae 100644 --- a/content/agb.json +++ b/content/agb.json @@ -7,11 +7,29 @@ }, "content": { "content": [ - {"ref": "head"}, - {"ref": "nav"}, - {"tpl": "terms"}, - {"ref": "footer"}, - {"ref": "end"} + { + "ref": "head", + "copy": { + "de": { + "title": "AGB | Schnittfest GmbH – Videoproduktion & Verleih", + "meta_description": "Allgemeine Geschäftsbedingungen der Schnittfest GmbH für Videoproduktion und Geräteverleih (Rentalfest)." + } + } + }, + { + "ref": "nav" + }, + { + "tpl": "terms", + "content": {} + }, + { + "ref": "footer" + }, + { + "ref": "end" + } ] - } -} + }, + "display_name": "AGB" +} \ No newline at end of file diff --git a/content/home.json b/content/home.json index 57df771..fe6b469 100644 --- a/content/home.json +++ b/content/home.json @@ -1,4 +1,5 @@ { + "display_name": "Startseite", "path": { "de": "/" }, @@ -8,7 +9,13 @@ "content": { "content": [ { - "ref": "head" + "ref": "head", + "copy": { + "de": { + "title": "Videoproduktion in OWL | Imagefilm & Animation | Schnittfest", + "meta_description": "Schnittfest ist eure Videoproduktion aus Rheda-Wiedenbrück bei Bielefeld: Imagefilme, Recruiting-Videos, Werbefilme, Animation und Sounddesign – vom Konzept bis zum fertigen Film." + } + } }, { "ref": "nav", @@ -21,10 +28,12 @@ "copy": { "de": { "kicker": "Videoproduktion aus Ostwestfalen", - "headline": "Film, auf den Frame genau.", + "headline": "Videoproduktion, auf den Frame genau.", + "text": "
Wir sind Schnittfest – eine Filmproduktion aus Rheda-Wiedenbrück bei Bielefeld. Wir produzieren Imagefilme, Werbefilme, Recruiting-Videos und Animationen für Unternehmen in OWL und ganz Deutschland.
", "cta_label": "Projekt anfragen", "cta_href": "mailto:hi@schnittfest.gmbh", - "ticker": "Film ✦ Animation ✦ Sound ✦ Schnitt ✦ Color Grading ✦ Imagefilm ✦ Commercial ✦" + "ticker": "Imagefilm ✦ Werbefilm ✦ Recruiting-Video ✦ Animation ✦ Sounddesign ✦ Schnitt ✦ Color Grading ✦ Eventfilm ✦", + "video_label": "Showreel der Videoproduktion Schnittfest" } }, "data": { @@ -37,8 +46,8 @@ "tpl": "service", "copy": { "de": { - "headline": "Gewerke", - "text": "
Von der ersten Idee bis zum finalen Frame: Wir planen, drehen, animieren und vertonen – alles aus einer Hand.
", + "headline": "Film, Animation & Sound", + "text": "
Von der ersten Idee bis zum finalen Frame: Wir konzipieren, drehen, animieren und vertonen – alles aus einer Hand. So entsteht ein Video, das deine Marke, deine Produkte oder dein Team genau richtig in Szene setzt.
", "image_caption": "Am Set, irgendwo zwischen Take 7 und 8." } }, @@ -52,7 +61,7 @@ "copy": { "de": { "title": "Film", - "text": "sleep.shoot.eat.repeat." + "text": "sleep.shoot.eat.repeat. Imagefilme, Unternehmensfilme, Werbespots und Eventfilme – mit Kamera, Licht und Crew, die wissen, was sie tun." } }, "data": { @@ -65,7 +74,7 @@ "copy": { "de": { "title": "Animation", - "text": "Herausstechen und Welten erschaffen." + "text": "Herausstechen und Welten erschaffen: Motion Design, 2D/3D-Animation und Erklärvideos, die Komplexes einfach machen." } }, "data": { @@ -78,7 +87,7 @@ "copy": { "de": { "title": "Sound", - "text": "Keine Musik wäre wie Butter ohne Brot." + "text": "Keine Musik wäre wie Butter ohne Brot. Sounddesign, Musik, Sprachaufnahmen und Mischung für den perfekten Ton." } }, "data": { @@ -89,121 +98,249 @@ ] } }, + { + "tpl": "process", + "copy": { + "de": { + "headline": "So entsteht dein Film", + "text": "
Klarer Ablauf, feste Ansprechpartner, keine Überraschungen – in vier Schritten zur fertigen Videoproduktion.
" + } + }, + "content": { + "steps": [ + { + "tpl": "process_step", + "copy": { + "de": { + "title": "Idee & Konzept", + "text": "Wir hören zu, entwickeln die Story und planen Drehbuch, Storyboard und Budget – damit dein Video ein klares Ziel hat." + } + }, + "data": { + "color": "yellow" + }, + "content": {} + }, + { + "tpl": "process_step", + "copy": { + "de": { + "title": "Dreh & Produktion", + "text": "Kamera, Licht, Ton und Crew: Wir drehen im Studio, im Unternehmen oder on location – in OWL und überall sonst." + } + }, + "data": { + "color": "orange" + }, + "content": {} + }, + { + "tpl": "process_step", + "copy": { + "de": { + "title": "Postproduktion", + "text": "Schnitt, Color Grading, Motion Design und Sounddesign machen aus dem Material einen Film, der hängen bleibt." + } + }, + "data": { + "color": "red" + }, + "content": {} + }, + { + "tpl": "process_step", + "copy": { + "de": { + "title": "Auslieferung", + "text": "Du bekommst deinen Film in allen Formaten, die du brauchst – für Website, Social Media, Messe oder Kino." + } + }, + "data": { + "color": "pink" + }, + "content": {} + } + ] + } + }, { "tpl": "work", + "copy": { + "de": { + "headline": "Referenzen", + "text": "
Popcorn bereit? Eine Auswahl unserer Imagefilme, Commercials und Recruiting-Videos für Kunden wie Schüco, GOLDBECK und DansArt.
" + } + }, "content": { "content": [ { "tpl": "work_entry", + "copy": { + "de": { + "h2": "Imagefilm für Schüco: Bauprojekt in Schweden", + "text": "Für die Reihe „Schüco Stories“ haben wir ein Bauprojekt auf den Schären vor Stockholm filmisch begleitet – von der ersten Planung bis zum fertigen Gebäude. Eine Langzeit-Dokumentation als Imagefilm." + } + }, "data": { "video": "https://www.youtube.com/embed/6z9AUO9lqBs" }, - "copy": { - "de": { - "h2": "Imagefilm", - "text": "Schüco Stories auf den schwedischen Inseln in der Nähe von Stockholm. Bei diesem Bauprojekt wurde das komplette vorhaben von der Entstehung bis zum fertigen Objekt filmisch begleitet." - } - }, "content": {} }, { "tpl": "work_entry", + "copy": { + "de": { + "h2": "Kulturfilm für DansArt Bielefeld", + "text": "Seit 25 Jahren bringt DansArt Tanz und Kultur nach Bielefeld: vier Tanzstudios, ein eigenes Theater, Ausbildung, Festivals und Konzerte. Unser Artwork-Film fängt Bewegung, Musik und Atmosphäre ein." + } + }, "data": { "video": "https://www.youtube.com/embed/AnKUnt_qr0I" }, - "copy": { - "de": { - "h2": "Artwork Film", - "text": "Seit 25 Jahren bringt DansArt Tanz und Kultur nach Bielefeld. In vier Tanzstudios und einem eigenen Theater finden regelmäßig Tanzkurse, Ausbildungen für angehende Profitänzer *innen, Festivals, Workshops, Performances und Konzerte statt." - } - }, "content": {} }, { "tpl": "work_entry", + "copy": { + "de": { + "h2": "Unternehmensfilm für H.O. Schlüter Metallbau", + "text": "Neubau, Erweiterung und Renovation: Im Unternehmensfilm stellt sich der Metallbau H.O. Schlüter aus Lübz vor – Partner der Schüco International KG." + } + }, "data": { "video": "https://www.youtube.com/embed/ZlRCoYe9G20" }, - "copy": { - "de": { - "h2": "Imagefilm", - "text": "Neubau, Erweiterung und Renovation – das sind die Geschäftsfelder von H.O. Schlüter. Die H.O. Schlüter GmbH arbeitet als Partner zusammen mit Schüco International KG. Der Metallbau Lübz stellt sich in diesem Unternehmensfilm vor." - } - }, "content": {} }, { "tpl": "work_entry", + "copy": { + "de": { + "h2": "Commercial für ESDI EV Technologies", + "text": "ESDI EV baut Klassiker wie VW Käfer, Porsche und Mini Cooper mit Tesla- und Nissan-Leaf-Technik zu Elektrofahrzeugen um. Unser Werbefilm zeigt Handwerk, Technik und Fahrspaß." + } + }, "data": { "video": "https://www.youtube.com/embed/nCNS4veOjBY" }, - "copy": { - "de": { - "h2": "Commercial", - "text": "Umbauten von Verbrennern zu Elektrofahrzeugen. ESDI EV Technologies ist eine Firma, die sich auf dem Schwerpunkt Elektroumbauten fokussiert hat. Mit Tesla-Technik, Nissan Leaf oder vielen weiteren baut ESDI EV VW Käfer, Porsche, Mini Cooper und mehr zu Elektrofahrzeugen." - } - }, "content": {} }, { "tpl": "work_entry", + "copy": { + "de": { + "h2": "Produktfilm für GOLDBECK & Schüco", + "text": "Wie entsteht ein Fenstersystem? Der Produktfilm zeigt Entwicklung und Fertigung des Schüco AWE80 für GOLDBECK in Bielefeld." + } + }, "data": { "video": "https://www.youtube.com/embed/sFjOfG-5cIE" }, - "copy": { - "de": { - "h2": "Imagefilm", - "text": "GOLDBECK und Schüco, das Fenstersystem AWE80 in der Entwicklung und Produktion in Bielefeld." - } - }, "content": {} }, { "tpl": "work_entry", + "copy": { + "de": { + "h2": "Porträtfilm: Digitalisierung im Metallbau", + "text": "Industrie 4.0 zum Anfassen: Ein Porträtfilm darüber, wie digitale Prozesse den Alltag im Metallbau verändern." + } + }, "data": { "video": "https://www.youtube.com/embed/ktjlpv6j-Fw" }, - "copy": { - "de": { - "h2": "Porträtfilm", - "text": "Digitalisierung im Metallbau - Die berühmt-berüchtigte Industrie 4.0." - } - }, "content": {} }, { "tpl": "work_entry", + "copy": { + "de": { + "h2": "Recruiting-Video für Azubis im Metallbau", + "text": "Kampagne zur Ausbildungsplatz-Suche: Unser Recruitingfilm stellt die Berufe Metallbauer*in, Metalltechnik, Technische*r Systemplaner*in und Büromanagement vor – authentisch und auf Augenhöhe." + } + }, "data": { "video": "https://www.youtube.com/embed/ji1ux1Y4Y_U" }, + "content": {} + }, + { + "tpl": "work_entry", "copy": { "de": { - "h2": "Kampagne", - "text": "Azubi Recruiting Film für die Berufe Metallbauer, Metalltechnik, Technischer Systemplaner, Büromanagement." + "h2": "Eventfilm: Karrieretag Familienunternehmen", + "text": "50 führende Familienunternehmen wie Miele, Hilti und Haribo trafen sich bei Schüco in Bielefeld. Unser Eventfilm fasst den Karrieretag kompakt zusammen." + } + }, + "data": { + "video": "https://www.youtube.com/embed/b8ASQboLCO8" + }, + "content": {} + } + ] + } + }, + { + "tpl": "faq", + "copy": { + "de": { + "headline": "Häufige Fragen", + "text": "
Deine Frage ist nicht dabei? Schreib uns an hi@schnittfest.gmbh.
" + } + }, + "content": { + "items": [ + { + "tpl": "faq_item", + "copy": { + "de": { + "question": "Was kostet ein Imagefilm?", + "answer": "
Das hängt von Umfang, Drehtagen, Crew und Postproduktion ab. Nach einem kurzen Gespräch bekommst du von uns ein transparentes, unverbindliches Angebot, das zu deinem Budget passt.
" } }, "content": {} }, { - "tpl": "work_entry", - "data": { - "video": "https://www.youtube.com/embed/b8ASQboLCO8" - }, + "tpl": "faq_item", "copy": { "de": { - "h2": "Eventfilm", - "text": "50 führende Familienunternehmen aus ganz Deutschland zum Karrieretag Familienunternehmen in Bielefeld bei Schüco - Miele, Hilti, Haribo und viele mehr." + "question": "Wie lange dauert eine Videoproduktion?", + "answer": "
Von der ersten Idee bis zum fertigen Film vergehen meist einige Wochen. Kleinere Projekte wie Social-Media-Clips oder Eventfilme sind oft deutlich schneller fertig. Den genauen Zeitplan legen wir gemeinsam fest.
" + } + }, + "content": {} + }, + { + "tpl": "faq_item", + "copy": { + "de": { + "question": "Wo dreht ihr?", + "answer": "
Unser Sitz ist in Rheda-Wiedenbrück zwischen Gütersloh und Bielefeld. Wir drehen in ganz Ostwestfalen-Lippe, deutschlandweit und auch international.
" + } + }, + "content": {} + }, + { + "tpl": "faq_item", + "copy": { + "de": { + "question": "Welche Videoformate produziert ihr?", + "answer": "
Imagefilme, Unternehmens- und Produktfilme, Recruiting-Videos, Werbefilme und Commercials, Eventfilme sowie 2D/3D-Animation und Erklärvideos – inklusive Musik und Sounddesign.
" + } + }, + "content": {} + }, + { + "tpl": "faq_item", + "copy": { + "de": { + "question": "Bekomme ich auch Schnittfassungen für Social Media?", + "answer": "
Auf Wunsch liefern wir neben dem Hauptfilm kurze Cut-downs in Hoch- und Querformat für Instagram, LinkedIn, TikTok oder YouTube.
" } }, "content": {} } ] - }, - "copy": { - "de": { - "headline": "Referenzen", - "text": "
Popcorn bereit? Eine Auswahl unserer Lieblingsprojekte.
" - } } }, { diff --git a/content/legal.json b/content/legal.json index 0e8cc88..d83883f 100644 --- a/content/legal.json +++ b/content/legal.json @@ -7,11 +7,29 @@ }, "content": { "content": [ - {"ref": "head"}, - {"ref": "nav"}, - {"tpl": "legal"}, - {"ref": "footer"}, - {"ref": "end"} + { + "ref": "head", + "copy": { + "de": { + "title": "Impressum & Datenschutz | Schnittfest GmbH", + "meta_description": "Impressum und Datenschutzerklärung der Schnittfest GmbH, Videoproduktion aus Rheda-Wiedenbrück." + } + } + }, + { + "ref": "nav" + }, + { + "tpl": "legal", + "content": {} + }, + { + "ref": "footer" + }, + { + "ref": "end" + } ] - } -} + }, + "display_name": "Impressum" +} \ No newline at end of file diff --git a/content/refs/footer.json b/content/refs/footer.json index 4cfcd82..8363010 100644 --- a/content/refs/footer.json +++ b/content/refs/footer.json @@ -1,3 +1,17 @@ { - "tpl": "footer" -} + "tpl": "footer", + "copy": { + "de": { + "headline": "Und… Action?", + "text": "Du planst einen Imagefilm, ein Recruiting-Video oder eine Kampagne? Erzähl uns von deiner Idee – wir machen einen Film daraus.", + "copyright": "Schnittfest GmbH · Videoproduktion in Rheda-Wiedenbrück" + } + }, + "data": { + "email": "hi@schnittfest.gmbh", + "phone": "+49 176 93124984", + "instagram": "https://instagram.com/schnittfest.gmbh", + "vimeo": "https://vimeo.com/schnittfest" + }, + "content": {} +} \ No newline at end of file diff --git a/content/refs/head.json b/content/refs/head.json index 0d71861..c8332de 100644 --- a/content/refs/head.json +++ b/content/refs/head.json @@ -1,3 +1,13 @@ { - "tpl": "head" -} + "tpl": "head", + "copy": { + "de": { + "title": "Videoproduktion in OWL | Imagefilm & Animation | Schnittfest", + "meta_description": "Schnittfest ist eure Videoproduktion aus Rheda-Wiedenbrück bei Bielefeld: Imagefilme, Recruiting-Videos, Werbefilme, Animation und Sounddesign." + } + }, + "data": { + "robots": "index,follow" + }, + "content": {} +} \ No newline at end of file diff --git a/content/refs/nav.json b/content/refs/nav.json index 23ee7ef..b89d540 100644 --- a/content/refs/nav.json +++ b/content/refs/nav.json @@ -1,3 +1,12 @@ { - "tpl": "nav" -} + "tpl": "nav", + "copy": { + "de": { + "service_label": "Leistungen", + "work_label": "Referenzen", + "faq_label": "FAQ", + "contact_label": "Kontakt" + } + }, + "content": {} +} \ No newline at end of file diff --git a/dev_config.json b/dev_config.json index c667c7c..dc40f96 100644 --- a/dev_config.json +++ b/dev_config.json @@ -6,7 +6,7 @@ "shutdown_time": 30, "write_timeout": 5, "read_timeout": 5, - "hostname": "schnittfest.gmbh", + "hostname": "https://schnittfest.gmbh", "secure_cookies": false, "cookie_domain_name": "schnittfest.gmbh" }, diff --git a/static/web/main.css b/static/web/main.css index 9b0adf0..55dad77 100644 --- a/static/web/main.css +++ b/static/web/main.css @@ -1 +1 @@ -html,body,div,span,applet,object,iframe,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,input,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,button,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;text-decoration:none;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--beige: #f7eee0;--yellow: #febb28;--orange: #fe6732;--red: #f5303c;--pink: #ce2867;--purple: #571b47;--ink: #0e0c0b}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{min-height:100vh;color:#0e0c0b;background:#f7eee0;font-family:"Manrope",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:18px;line-height:1.6;font-weight:500;overflow-x:hidden}body::after{content:"";position:fixed;inset:-50%;z-index:9999;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,");animation:grain .8s steps(4) infinite}@keyframes grain{0%{transform:translate(0, 0)}25%{transform:translate(-3%, 2%)}50%{transform:translate(2%, -3%)}75%{transform:translate(-2%, -1%)}100%{transform:translate(1%, 3%)}}img,video,iframe{display:block;max-width:100%}a{color:inherit}strong,b{font-weight:700}em,i{font-style:italic}::selection{background:#febb28;color:#0e0c0b}:focus-visible{outline:3px solid #fe6732;outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.section-title{display:flex;align-items:flex-start;gap:16px;font-size:clamp(40px,7vw,88px);line-height:1;font-weight:800;letter-spacing:-0.03em}.section-title__nr{flex:none;margin-top:.35em;padding:4px 10px;border:2px solid currentColor;border-radius:999px;font-size:14px;line-height:1;font-weight:700;letter-spacing:.1em;font-variant-numeric:tabular-nums}.section-title--light{color:#f7eee0}.button{display:inline-flex;align-items:center;gap:12px;padding:16px 28px 16px 18px;border:3px solid #0e0c0b;border-radius:999px;font-size:18px;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 #0e0c0b;transition:transform .25s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1)}.button:hover{transform:translate(-2px, -2px) rotate(-1.5deg);box-shadow:7px 7px 0 #0e0c0b}.button:active{transform:translate(3px, 3px);box-shadow:0 0 0 #0e0c0b}.button--yellow{background:#febb28;color:#0e0c0b}.button--outline{background:rgba(0,0,0,0);padding:12px 22px;font-size:16px}.button__play{position:relative;width:32px;height:32px;flex:none;border-radius:50%;background:#0e0c0b;transition:transform .4s cubic-bezier(0.34, 1.56, 0.64, 1)}.button__play::after{content:"";position:absolute;top:50%;left:55%;transform:translate(-50%, -50%);border-style:solid;border-width:6px 0 6px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #febb28}.button:hover .button__play{transform:rotate(360deg) scale(1.1)}.js [data-component~=reveal]{opacity:0;transform:translateY(40px) rotate(1deg);transition:opacity .8s cubic-bezier(0.22, 1, 0.36, 1),transform .9s cubic-bezier(0.22, 1, 0.36, 1)}.js [data-component~=reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}.js [data-component~=reveal]{opacity:1;transform:none}}.nav{position:sticky;top:0;z-index:100;padding:12px 0;transition:padding .3s cubic-bezier(0.22, 1, 0.36, 1)}.nav__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.nav__inner{padding:0 48px}}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.nav__brand{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:3px solid #0e0c0b;border-radius:999px;background:#fff8ec;box-shadow:4px 4px 0 #0e0c0b;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-0.02em;transition:transform .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.nav__brand:hover{transform:rotate(-3deg) scale(1.04)}.nav__rec{width:12px;height:12px;border-radius:50%;background:#f5303c;box-shadow:0 0 0 0 rgba(245,48,60,.6);animation:rec-pulse 1.6s infinite}.nav__word{display:inline-flex;align-items:center}.nav__cut{display:inline-block;margin:0 1px;color:#fe6732;font-size:.75em;transform:rotate(-90deg);transition:transform .5s cubic-bezier(0.34, 1.56, 0.64, 1)}.nav__brand:hover .nav__cut{transform:rotate(-90deg) translateY(-3px) scaleX(0.6)}.nav__toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:6px;width:52px;height:52px;padding:0 14px;border:3px solid #0e0c0b;border-radius:50%;background:#febb28;box-shadow:4px 4px 0 #0e0c0b;cursor:pointer}@media(min-width: 900px){.nav__toggle{display:none}}.nav__toggle-bar{display:block;height:3px;border-radius:3px;background:#0e0c0b;transition:transform .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.nav--open .nav__toggle-bar:first-child{transform:translateY(4.5px) rotate(45deg)}.nav--open .nav__toggle-bar:nth-child(2){transform:translateY(-4.5px) rotate(-45deg)}.nav__links{display:none;gap:8px;padding:6px;border:3px solid #0e0c0b;border-radius:999px;background:#fff8ec;box-shadow:4px 4px 0 #0e0c0b}@media(min-width: 900px){.nav__links{display:flex}}.nav__link{position:relative;padding:8px 18px;border-radius:999px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s,transform .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.nav__link:hover{background:#0e0c0b;color:#f7eee0;transform:rotate(-2deg)}.nav__link--cta{background:#f5303c;color:#fff8ec}.nav--open .nav__links{position:fixed;inset:84px 16px auto;display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:32px;animation:menu-pop .4s cubic-bezier(0.34, 1.56, 0.64, 1)}.nav--open .nav__links .nav__link{padding:16px 20px;font-size:28px;font-weight:800}.nav--open .nav__links .nav__link::before{content:attr(data-nr);margin-right:12px;font-size:14px;vertical-align:middle;opacity:.5}@keyframes rec-pulse{0%{box-shadow:0 0 0 0 rgba(245,48,60,.6);opacity:1}50%{opacity:.35}70%{box-shadow:0 0 0 10px rgba(245,48,60,0)}100%{box-shadow:0 0 0 0 rgba(245,48,60,0);opacity:1}}@keyframes menu-pop{from{opacity:0;transform:scale(0.9) rotate(-2deg)}to{opacity:1;transform:none}}.intro{position:relative;padding:48px 0 0}@media(min-width: 900px){.intro{padding-top:72px}}.intro__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.intro__inner{padding:0 48px}}.intro__inner{position:relative}.intro__kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;padding:6px 14px;border-radius:999px;background:#0e0c0b;color:#f7eee0;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;rotate:-2deg}.intro__kicker-dot{width:8px;height:8px;border-radius:50%;background:#f5303c;animation:blink 1s steps(1) infinite}.intro__headline{max-width:12ch;font-size:clamp(52px,11vw,168px);line-height:.92;padding-bottom:.3em;margin-bottom:-0.3em;font-weight:800;letter-spacing:-0.045em;background:linear-gradient(100deg, #0e0c0b 0 48%, #f5303c 68%, #fe6732 88%);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0)}.intro__cta{margin-top:32px}@media(min-width: 900px){.intro__cta{position:absolute;top:0;right:48px;margin:0;rotate:4deg;transition:rotate .4s cubic-bezier(0.34, 1.56, 0.64, 1),opacity .8s cubic-bezier(0.22, 1, 0.36, 1),transform .9s cubic-bezier(0.22, 1, 0.36, 1)}.intro__cta:hover{rotate:-2deg}}@keyframes blink{50%{opacity:0}}.viewfinder{position:relative;margin-top:48px;overflow:hidden;border:3px solid #0e0c0b;border-radius:32px;background:#0e0c0b;box-shadow:10px 10px 0 #fe6732;aspect-ratio:16/9;min-height:320px}@media(min-width: 900px){.viewfinder{margin-top:64px;box-shadow:16px 16px 0 #fe6732}}.viewfinder__video{width:100%;height:100%;object-fit:cover}.viewfinder__overlay{position:absolute;inset:0;pointer-events:none;color:#fff;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:13px;font-weight:600;letter-spacing:.08em;text-shadow:0 1px 3px rgba(0,0,0,.6)}@media(min-width: 900px){.viewfinder__overlay{font-size:16px}}.viewfinder__corner{position:absolute;width:36px;height:36px;border:0 solid hsla(0,0%,100%,.9)}.viewfinder__corner--tl{top:20px;left:20px;border-top-width:3px;border-left-width:3px}.viewfinder__corner--tr{top:20px;right:20px;border-top-width:3px;border-right-width:3px}.viewfinder__corner--bl{bottom:20px;left:20px;border-bottom-width:3px;border-left-width:3px}.viewfinder__corner--br{bottom:20px;right:20px;border-bottom-width:3px;border-right-width:3px}.viewfinder__rec{position:absolute;top:30px;left:70px;display:flex;align-items:center;gap:8px}.viewfinder__rec::before{content:"";width:12px;height:12px;border-radius:50%;background:#f5303c;animation:blink 1s steps(1) infinite}.viewfinder__timecode{position:absolute;top:30px;right:70px;font-variant-numeric:tabular-nums}.viewfinder__meta{position:absolute;bottom:30px;left:70px;opacity:.85}.viewfinder__battery{position:absolute;right:74px;bottom:32px;width:30px;height:14px;border:2px solid #fff;border-radius:3px}.viewfinder__battery::before{content:"";position:absolute;inset:2px 30% 2px 2px;background:#fff}.viewfinder__battery::after{content:"";position:absolute;top:3px;right:-5px;width:3px;height:4px;background:#fff}.viewfinder__focus{position:absolute;top:50%;left:50%;width:64px;height:64px;transform:translate(-50%, -50%);border:2px solid rgba(254,187,40,.9);animation:focus-hunt 5s cubic-bezier(0.34, 1.56, 0.64, 1) infinite}.viewfinder__focus::before,.viewfinder__focus::after{content:"";position:absolute;background:rgba(254,187,40,.9)}.viewfinder__focus::before{top:50%;left:50%;width:12px;height:2px;transform:translate(-50%, -50%)}.viewfinder__focus::after{top:50%;left:50%;width:2px;height:12px;transform:translate(-50%, -50%)}@media(max-width: 639px){.viewfinder__meta,.viewfinder__battery{display:none}.viewfinder__rec{left:32px;top:28px}.viewfinder__timecode{right:32px;top:28px}.viewfinder__corner{width:22px;height:22px}}@keyframes focus-hunt{0%,100%{transform:translate(-50%, -50%) scale(1)}10%{transform:translate(-50%, -50%) scale(1.25)}18%{transform:translate(-50%, -50%) scale(0.9)}24%{transform:translate(-50%, -50%) scale(1)}60%{transform:translate(-30%, -60%) scale(1)}70%{transform:translate(-30%, -60%) scale(1.2)}76%{transform:translate(-30%, -60%) scale(1)}}.ticker{position:relative;z-index:2;margin:72px -5vw 0;padding:18px 0;overflow:hidden;border-block:3px solid #0e0c0b;background:#febb28;transform:rotate(-2deg)}@media(min-width: 900px){.ticker{margin-top:96px}}.ticker__track{display:flex;width:max-content;animation:ticker 40s linear infinite}.ticker__track span{padding-right:.5em;white-space:nowrap;font-size:clamp(24px,4vw,44px);line-height:1;font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}.ticker:hover .ticker__track{animation-play-state:paused}@keyframes ticker{to{transform:translateX(-50%)}}.service{padding:120px 0}@media(min-width: 900px){.service{padding:160px 0}}.service__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.service__inner{padding:0 48px}}.service__head{display:grid;gap:24px;margin-bottom:64px}@media(min-width: 900px){.service__head{grid-template-columns:1fr 1fr;align-items:end}}.service__text{max-width:46ch;font-size:20px}.service__grid{display:grid;gap:56px}@media(min-width: 900px){.service__grid{grid-template-columns:5fr 7fr;align-items:start;gap:64px}}.service__items{display:grid;gap:32px}.polaroid{position:relative;margin:0;padding:16px 16px 72px;border:3px solid #0e0c0b;background:#fff8ec;box-shadow:10px 10px 0 #0e0c0b;rotate:2.5deg;transition:rotate .5s cubic-bezier(0.34, 1.56, 0.64, 1),scale .5s cubic-bezier(0.34, 1.56, 0.64, 1),opacity .8s cubic-bezier(0.22, 1, 0.36, 1),transform .9s cubic-bezier(0.22, 1, 0.36, 1)}@media(min-width: 900px){.polaroid{position:sticky;top:120px}}.polaroid:hover{rotate:-1deg;scale:1.02}.polaroid::before{content:"";position:absolute;top:-18px;left:50%;width:140px;height:36px;transform:translateX(-50%) rotate(-4deg);background:rgba(254,187,40,.85);border:2px dashed rgba(14,12,11,.25)}.polaroid__image{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 33%;border:3px solid #0e0c0b}.polaroid__caption{position:absolute;right:16px;bottom:18px;left:16px;font-size:18px;font-weight:700;font-style:italic;text-align:center;transform:rotate(-1deg)}.slate{--slate-color: #f5303c;position:relative;counter-increment:slate;padding-top:30px}.slate--red{--slate-color: #f5303c}.slate--orange{--slate-color: #fe6732}.slate--yellow{--slate-color: #febb28}.slate--pink{--slate-color: #ce2867}.slate--purple{--slate-color: #571b47}.slate__clapper{position:absolute;top:0;left:0;right:0;height:34px;border:3px solid #0e0c0b;border-radius:10px 10px 0 0;background:repeating-linear-gradient(-55deg, var(--slate-color) 0 20px, #0e0c0b 20px 40px);transform-origin:6px 100%;transform:rotate(-9deg);transition:transform .35s cubic-bezier(0.34, 1.56, 0.64, 1)}.slate__clapper::before{content:"";position:absolute;left:2px;bottom:-9px;width:12px;height:12px;border:3px solid #0e0c0b;border-radius:50%;background:#fff8ec}.slate:hover .slate__clapper{animation:clap .45s cubic-bezier(0.34, 1.56, 0.64, 1);transform:rotate(0)}.slate__body{position:relative;padding:28px 28px 28px;border:3px solid #0e0c0b;border-radius:0 0 20px 20px;background:#0e0c0b;color:#f7eee0;box-shadow:8px 8px 0 var(--slate-color);transition:transform .35s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow .35s cubic-bezier(0.34, 1.56, 0.64, 1)}.slate__body::before{content:"";position:absolute;top:0;left:0;right:0;height:14px;background:repeating-linear-gradient(-55deg, var(--slate-color) 0 20px, #0e0c0b 20px 40px);border-bottom:3px solid #0e0c0b}.slate__body::after{content:"Szene 0" counter(slate);position:absolute;top:30px;right:24px;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.slate:hover .slate__body{transform:translate(-3px, -3px);box-shadow:12px 12px 0 var(--slate-color)}.slate__title{margin-top:12px;font-size:clamp(32px,4vw,48px);line-height:1.1;font-weight:800;letter-spacing:-0.03em;color:var(--slate-color)}.slate__text{margin-top:8px;font-size:18px;color:rgba(247,238,224,.85)}.slate:nth-child(odd){rotate:-1deg}.slate:nth-child(even){rotate:1deg}.service__items{counter-reset:slate}@keyframes clap{0%{transform:rotate(-9deg)}40%{transform:rotate(-22deg)}70%{transform:rotate(1deg)}100%{transform:rotate(0)}}.work{position:relative;padding:0;background:#0e0c0b;color:#f7eee0;counter-reset:take}.work__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.work__inner{padding:0 48px}}.work__inner{padding-top:120px;padding-bottom:120px}@media(min-width: 900px){.work__inner{padding-top:160px;padding-bottom:160px}}.work__head{display:grid;gap:24px;margin-bottom:80px}@media(min-width: 900px){.work__head{grid-template-columns:1fr 1fr;align-items:end}}.work__text{max-width:46ch;font-size:20px;color:rgba(247,238,224,.8)}.work__list{display:grid;gap:96px}@media(min-width: 900px){.work__list{gap:140px}}.filmstrip{height:44px;background-color:#0e0c0b;background-image:radial-gradient(ellipse 9px 8px at center, #f7eee0 96%, transparent 100%);background-size:40px 20px;background-position:0 12px;background-repeat:repeat-x;animation:filmstrip 2s linear infinite}@keyframes filmstrip{to{background-position:40px 12px}}.take{counter-increment:take;display:grid;gap:32px;align-items:center}@media(min-width: 900px){.take{grid-template-columns:4fr 8fr;gap:64px}.take:nth-child(even){grid-template-columns:8fr 4fr}.take:nth-child(even) .take__info{order:2}.take:nth-child(even) .take__screen{order:1;transform:rotate(1.5deg)}}.take__info{position:relative}.take__label{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:2px solid #f7eee0;border-radius:8px;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.take__label::after{content:counter(take, decimal-leading-zero);padding-left:8px;border-left:2px solid #f7eee0;color:#febb28}.take__title{margin-top:20px;font-size:clamp(32px,4.5vw,56px);line-height:1.05;font-weight:800;letter-spacing:-0.03em}.take__text{margin-top:16px;color:rgba(247,238,224,.75)}.take__screen{position:relative;aspect-ratio:16/9;border:3px solid #f7eee0;border-radius:20px;overflow:hidden;background:#000;transform:rotate(-1.5deg);transition:transform .5s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow .5s cubic-bezier(0.34, 1.56, 0.64, 1);box-shadow:10px 10px 0 var(--take-color, #f5303c)}.take:hover .take__screen{transform:rotate(0) scale(1.02);box-shadow:16px 16px 0 var(--take-color, #f5303c)}.take:nth-child(4n+1){--take-color: #ce2867}.take:nth-child(4n+2){--take-color: #f5303c}.take:nth-child(4n+3){--take-color: #fe6732}.take:nth-child(4n+4){--take-color: #febb28}.take:hover .take__title{color:var(--take-color)}.take__title{transition:color .3s}.take__video{position:absolute;inset:0;width:100%;height:100%;border:0}.insta{padding:120px 0}@media(min-width: 900px){.insta{padding:160px 0}}.insta__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.insta__inner{padding:0 48px}}.insta__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:56px}.insta__frame{padding:16px;border:3px solid #0e0c0b;border-radius:32px;background:#fff8ec;box-shadow:10px 10px 0 #ce2867;transform:rotate(-0.75deg)}.insta__widget{width:100%;border:0;overflow:hidden;border-radius:14px}.footer{position:relative;overflow:hidden;padding:120px 0 32px;background:#f5303c;color:#fff8ec;border-top:3px solid #0e0c0b}@media(min-width: 900px){.footer{padding-top:160px}}.footer::before{content:"";position:absolute;right:-160px;top:-160px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle at 50% 50%, #f5303c 0 34px, transparent 35px),radial-gradient(circle at 50% 22%, #f5303c 0 46px, transparent 47px),radial-gradient(circle at 50% 78%, #f5303c 0 46px, transparent 47px),radial-gradient(circle at 22% 50%, #f5303c 0 46px, transparent 47px),radial-gradient(circle at 78% 50%, #f5303c 0 46px, transparent 47px),#0e0c0b;opacity:.25;animation:reel 18s linear infinite;pointer-events:none}.footer__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.footer__inner{padding:0 48px}}.footer__inner{position:relative}.footer__headline{font-size:clamp(56px,12vw,180px);line-height:.9;font-weight:800;letter-spacing:-0.05em;color:#fff8ec}.footer__text{max-width:32ch;margin-top:24px;font-size:clamp(20px,2.4vw,28px);font-weight:600}.footer__mail{margin-top:40px;font-size:clamp(16px,2vw,22px)}.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:96px;padding-top:24px;border-top:2px solid rgba(255,248,236,.35);font-size:15px}.footer__legal{display:flex;gap:24px}.footer__legal a{text-decoration:none}.footer__legal a:hover{text-decoration:underline wavy;text-underline-offset:4px}.credits{display:grid;gap:4px;max-width:640px;margin:96px 0 0}.credits__row{display:flex;align-items:baseline;gap:12px;font-size:clamp(18px,2vw,22px)}.credits__row::before{content:"";order:1;flex:1;border-bottom:2px dotted rgba(255,248,236,.5);transform:translateY(-5px)}.credits__row dt{order:0;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.8}.credits__row dd{order:2;margin:0;font-weight:700}.credits__row dd a{text-decoration:none;background:linear-gradient(#febb28, #febb28) 0 100%/0 3px no-repeat;transition:background-size .3s cubic-bezier(0.22, 1, 0.36, 1)}.credits__row dd a:hover{background-size:100% 3px}@keyframes reel{to{transform:rotate(360deg)}}.text{padding:72px 0 120px}.text__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.text__inner{padding:0 48px}}.text__inner{max-width:880px}.text h3{margin-bottom:40px;font-size:clamp(40px,6vw,72px);line-height:1;font-weight:800;letter-spacing:-0.03em}.text h4{display:inline-block;margin:40px 0 12px;padding:4px 12px;background:#febb28;border:2px solid #0e0c0b;border-radius:8px;font-size:18px;font-weight:800;transform:rotate(-1deg)}.text p{margin-bottom:16px;font-size:17px;line-height:1.7;hyphens:auto}/*# sourceMappingURL=main.css.map */ +html,body,div,span,applet,object,iframe,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,input,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,button,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;text-decoration:none;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--beige: #f7eee0;--yellow: #febb28;--orange: #fe6732;--red: #f5303c;--pink: #ce2867;--purple: #571b47;--ink: #0e0c0b}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{counter-reset:section;min-height:100vh;color:#0e0c0b;background:#f7eee0;font-family:"Manrope",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:18px;line-height:1.6;font-weight:500;overflow-x:hidden;overflow-x:clip}body::after{content:"";position:fixed;inset:-50%;z-index:9999;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,");animation:grain .8s steps(4) infinite}@keyframes grain{0%{transform:translate(0, 0)}25%{transform:translate(-3%, 2%)}50%{transform:translate(2%, -3%)}75%{transform:translate(-2%, -1%)}100%{transform:translate(1%, 3%)}}img,video,iframe{display:block;max-width:100%}a{color:inherit}strong,b{font-weight:700}em,i{font-style:italic}::selection{background:#febb28;color:#0e0c0b}:focus-visible{outline:3px solid #fe6732;outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.section-title{display:flex;align-items:flex-start;gap:16px;font-size:clamp(36px,6vw,76px);line-height:1;font-weight:800;letter-spacing:-0.03em;counter-increment:section}.section-title__nr{flex:none;margin-top:.35em;padding:4px 10px;border:2px solid currentColor;border-radius:999px;font-size:14px;line-height:1;font-weight:700;letter-spacing:.1em;font-variant-numeric:tabular-nums}.section-title__nr::before{content:counter(section, decimal-leading-zero)}.section-title--light{color:#f7eee0}.button{display:inline-flex;align-items:center;gap:12px;padding:16px 28px 16px 18px;border:3px solid #0e0c0b;border-radius:999px;font-size:18px;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 #0e0c0b;transition:transform .25s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1)}.button:hover{transform:translate(-2px, -2px) rotate(-1.5deg);box-shadow:7px 7px 0 #0e0c0b}.button:active{transform:translate(3px, 3px);box-shadow:0 0 0 #0e0c0b}.button--yellow{background:#febb28;color:#0e0c0b}.button--outline{background:rgba(0,0,0,0);padding:12px 22px;font-size:16px}.button__play{position:relative;width:32px;height:32px;flex:none;border-radius:50%;background:#0e0c0b;transition:transform .4s cubic-bezier(0.34, 1.56, 0.64, 1)}.button__play::after{content:"";position:absolute;top:50%;left:55%;transform:translate(-50%, -50%);border-style:solid;border-width:6px 0 6px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #febb28}.button:hover .button__play{transform:rotate(360deg) scale(1.1)}.js [data-component~=reveal]{opacity:0;transform:translateY(40px) rotate(1deg);transition:opacity .8s cubic-bezier(0.22, 1, 0.36, 1),transform .9s cubic-bezier(0.22, 1, 0.36, 1)}.js [data-component~=reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}.js [data-component~=reveal]{opacity:1;transform:none}}.nav{position:sticky;top:0;z-index:100;padding:12px 0;transition:padding .3s cubic-bezier(0.22, 1, 0.36, 1)}.nav__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.nav__inner{padding:0 48px}}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.nav__brand{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:3px solid #0e0c0b;border-radius:999px;background:#fff8ec;box-shadow:4px 4px 0 #0e0c0b;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-0.02em;transition:transform .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.nav__brand:hover{transform:rotate(-3deg) scale(1.04)}.nav__rec{width:12px;height:12px;border-radius:50%;background:#f5303c;box-shadow:0 0 0 0 rgba(245,48,60,.6);animation:rec-pulse 1.6s infinite}.nav__word{display:inline-flex;align-items:center}.nav__cut{display:inline-block;margin:0 1px;color:#fe6732;font-size:.75em;transform:rotate(-90deg);transition:transform .5s cubic-bezier(0.34, 1.56, 0.64, 1)}.nav__brand:hover .nav__cut{transform:rotate(-90deg) translateY(-3px) scaleX(0.6)}.nav__toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:6px;width:52px;height:52px;padding:0 14px;border:3px solid #0e0c0b;border-radius:50%;background:#febb28;box-shadow:4px 4px 0 #0e0c0b;cursor:pointer}@media(min-width: 900px){.nav__toggle{display:none}}.nav__toggle-bar{display:block;height:3px;border-radius:3px;background:#0e0c0b;transition:transform .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.nav--open .nav__toggle-bar:first-child{transform:translateY(4.5px) rotate(45deg)}.nav--open .nav__toggle-bar:nth-child(2){transform:translateY(-4.5px) rotate(-45deg)}.nav__links{display:none;gap:8px;padding:6px;border:3px solid #0e0c0b;border-radius:999px;background:#fff8ec;box-shadow:4px 4px 0 #0e0c0b}@media(min-width: 900px){.nav__links{display:flex}}.nav__link{position:relative;padding:8px 18px;border-radius:999px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s,transform .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.nav__link:hover{background:#0e0c0b;color:#f7eee0;transform:rotate(-2deg)}.nav__link--cta{background:#f5303c;color:#fff8ec}.nav--open .nav__links{position:fixed;inset:84px 16px auto;display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:32px;animation:menu-pop .4s cubic-bezier(0.34, 1.56, 0.64, 1)}.nav--open .nav__links .nav__link{padding:16px 20px;font-size:28px;font-weight:800}.nav--open .nav__links .nav__link::before{content:attr(data-nr);margin-right:12px;font-size:14px;vertical-align:middle;opacity:.5}@keyframes rec-pulse{0%{box-shadow:0 0 0 0 rgba(245,48,60,.6);opacity:1}50%{opacity:.35}70%{box-shadow:0 0 0 10px rgba(245,48,60,0)}100%{box-shadow:0 0 0 0 rgba(245,48,60,0);opacity:1}}@keyframes menu-pop{from{opacity:0;transform:scale(0.9) rotate(-2deg)}to{opacity:1;transform:none}}.intro{position:relative;overflow-x:clip;padding:48px 0 0}@media(min-width: 900px){.intro{padding-top:72px}}.intro__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.intro__inner{padding:0 48px}}.intro__inner{position:relative}.intro__kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;padding:6px 14px;border-radius:999px;background:#0e0c0b;color:#f7eee0;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;rotate:-2deg}.intro__kicker-dot{width:8px;height:8px;border-radius:50%;background:#f5303c;animation:blink 1s steps(1) infinite}.intro__headline{max-width:16ch;font-size:clamp(34px,8.6vw,150px);hyphens:auto;line-height:.92;padding-bottom:.3em;margin-bottom:-0.3em;font-weight:800;letter-spacing:-0.045em;background:linear-gradient(100deg, #0e0c0b 0 48%, #f5303c 68%, #fe6732 88%);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0)}.intro__text{max-width:52ch;margin-top:28px;font-size:clamp(18px,1.6vw,22px);line-height:1.55}.intro__text strong{font-weight:800}.intro__cta{margin-top:32px}@media(min-width: 900px){.intro__cta{position:absolute;top:0;right:48px;margin:0;rotate:4deg;transition:rotate .4s cubic-bezier(0.34, 1.56, 0.64, 1),opacity .8s cubic-bezier(0.22, 1, 0.36, 1),transform .9s cubic-bezier(0.22, 1, 0.36, 1)}.intro__cta:hover{rotate:-2deg}}@keyframes blink{50%{opacity:0}}.viewfinder{position:relative;margin-top:48px;overflow:hidden;border:3px solid #0e0c0b;border-radius:32px;background:#0e0c0b;box-shadow:10px 10px 0 #fe6732;width:100%;aspect-ratio:4/3}@media(min-width: 640px){.viewfinder{aspect-ratio:16/9}}@media(min-width: 900px){.viewfinder{margin-top:64px;box-shadow:16px 16px 0 #fe6732}}.viewfinder__video{width:100%;height:100%;object-fit:cover}.viewfinder__overlay{position:absolute;inset:0;pointer-events:none;color:#fff;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:13px;font-weight:600;letter-spacing:.08em;text-shadow:0 1px 3px rgba(0,0,0,.6)}@media(min-width: 900px){.viewfinder__overlay{font-size:16px}}.viewfinder__corner{position:absolute;width:36px;height:36px;border:0 solid hsla(0,0%,100%,.9)}.viewfinder__corner--tl{top:20px;left:20px;border-top-width:3px;border-left-width:3px}.viewfinder__corner--tr{top:20px;right:20px;border-top-width:3px;border-right-width:3px}.viewfinder__corner--bl{bottom:20px;left:20px;border-bottom-width:3px;border-left-width:3px}.viewfinder__corner--br{bottom:20px;right:20px;border-bottom-width:3px;border-right-width:3px}.viewfinder__rec{position:absolute;top:30px;left:70px;display:flex;align-items:center;gap:8px}.viewfinder__rec::before{content:"";width:12px;height:12px;border-radius:50%;background:#f5303c;animation:blink 1s steps(1) infinite}.viewfinder__timecode{position:absolute;top:30px;right:70px;font-variant-numeric:tabular-nums}.viewfinder__meta{position:absolute;bottom:30px;left:70px;opacity:.85}.viewfinder__battery{position:absolute;right:74px;bottom:32px;width:30px;height:14px;border:2px solid #fff;border-radius:3px}.viewfinder__battery::before{content:"";position:absolute;inset:2px 30% 2px 2px;background:#fff}.viewfinder__battery::after{content:"";position:absolute;top:3px;right:-5px;width:3px;height:4px;background:#fff}.viewfinder__focus{position:absolute;top:50%;left:50%;width:64px;height:64px;transform:translate(-50%, -50%);border:2px solid rgba(254,187,40,.9);animation:focus-hunt 5s cubic-bezier(0.34, 1.56, 0.64, 1) infinite}.viewfinder__focus::before,.viewfinder__focus::after{content:"";position:absolute;background:rgba(254,187,40,.9)}.viewfinder__focus::before{top:50%;left:50%;width:12px;height:2px;transform:translate(-50%, -50%)}.viewfinder__focus::after{top:50%;left:50%;width:2px;height:12px;transform:translate(-50%, -50%)}@media(max-width: 639px){.viewfinder__meta,.viewfinder__battery{display:none}.viewfinder__rec{left:32px;top:28px}.viewfinder__timecode{right:32px;top:28px}.viewfinder__corner{width:22px;height:22px}}@keyframes focus-hunt{0%,100%{transform:translate(-50%, -50%) scale(1)}10%{transform:translate(-50%, -50%) scale(1.25)}18%{transform:translate(-50%, -50%) scale(0.9)}24%{transform:translate(-50%, -50%) scale(1)}60%{transform:translate(-30%, -60%) scale(1)}70%{transform:translate(-30%, -60%) scale(1.2)}76%{transform:translate(-30%, -60%) scale(1)}}.ticker{position:relative;z-index:2;margin:72px -5vw 0;padding:18px 0;overflow:hidden;border-block:3px solid #0e0c0b;background:#febb28;transform:rotate(-2deg)}@media(min-width: 900px){.ticker{margin-top:96px}}.ticker__track{display:flex;width:max-content;animation:ticker 40s linear infinite}.ticker__track span{padding-right:.5em;white-space:nowrap;font-size:clamp(24px,4vw,44px);line-height:1;font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}.ticker:hover .ticker__track{animation-play-state:paused}@keyframes ticker{to{transform:translateX(-50%)}}.service{padding:120px 0}@media(min-width: 900px){.service{padding:160px 0}}.service__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.service__inner{padding:0 48px}}.service__head{display:grid;gap:24px;margin-bottom:64px}@media(min-width: 900px){.service__head{grid-template-columns:1fr 1fr;align-items:end}}.service__text{max-width:46ch;font-size:20px}.service__grid{display:grid;gap:56px}@media(min-width: 900px){.service__grid{grid-template-columns:5fr 7fr;align-items:start;gap:64px}}.service__items{display:grid;gap:32px}.polaroid{position:relative;margin:0;padding:16px 16px 72px;border:3px solid #0e0c0b;background:#fff8ec;box-shadow:10px 10px 0 #0e0c0b;rotate:2.5deg;transition:rotate .5s cubic-bezier(0.34, 1.56, 0.64, 1),scale .5s cubic-bezier(0.34, 1.56, 0.64, 1),opacity .8s cubic-bezier(0.22, 1, 0.36, 1),transform .9s cubic-bezier(0.22, 1, 0.36, 1)}@media(min-width: 900px){.polaroid{position:sticky;top:120px}}.polaroid:hover{rotate:-1deg;scale:1.02}.polaroid::before{content:"";position:absolute;top:-18px;left:50%;width:140px;height:36px;transform:translateX(-50%) rotate(-4deg);background:rgba(254,187,40,.85);border:2px dashed rgba(14,12,11,.25)}.polaroid__image{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 33%;border:3px solid #0e0c0b}.polaroid__caption{position:absolute;right:16px;bottom:18px;left:16px;font-size:18px;font-weight:700;font-style:italic;text-align:center;transform:rotate(-1deg)}.slate{--slate-color: #f5303c;position:relative;counter-increment:slate;padding-top:30px}.slate--red{--slate-color: #f5303c}.slate--orange{--slate-color: #fe6732}.slate--yellow{--slate-color: #febb28}.slate--pink{--slate-color: #ce2867}.slate--purple{--slate-color: #571b47}.slate__clapper{position:absolute;top:0;left:0;right:0;height:34px;border:3px solid #0e0c0b;border-radius:10px 10px 0 0;background:repeating-linear-gradient(-55deg, var(--slate-color) 0 20px, #0e0c0b 20px 40px);transform-origin:6px 100%;transform:rotate(-9deg);transition:transform .35s cubic-bezier(0.34, 1.56, 0.64, 1)}.slate__clapper::before{content:"";position:absolute;left:2px;bottom:-9px;width:12px;height:12px;border:3px solid #0e0c0b;border-radius:50%;background:#fff8ec}.slate:hover .slate__clapper{animation:clap .45s cubic-bezier(0.34, 1.56, 0.64, 1);transform:rotate(0)}.slate__body{position:relative;padding:28px 28px 28px;border:3px solid #0e0c0b;border-radius:0 0 20px 20px;background:#0e0c0b;color:#f7eee0;box-shadow:8px 8px 0 var(--slate-color);transition:transform .35s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow .35s cubic-bezier(0.34, 1.56, 0.64, 1)}.slate__body::before{content:"";position:absolute;top:0;left:0;right:0;height:14px;background:repeating-linear-gradient(-55deg, var(--slate-color) 0 20px, #0e0c0b 20px 40px);border-bottom:3px solid #0e0c0b}.slate__body::after{content:"Szene 0" counter(slate);position:absolute;top:30px;right:24px;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.slate:hover .slate__body{transform:translate(-3px, -3px);box-shadow:12px 12px 0 var(--slate-color)}.slate__title{margin-top:12px;font-size:clamp(32px,4vw,48px);line-height:1.1;font-weight:800;letter-spacing:-0.03em;color:var(--slate-color)}.slate__text{margin-top:8px;font-size:18px;color:rgba(247,238,224,.85)}.slate:nth-child(odd){rotate:-1deg}.slate:nth-child(even){rotate:1deg}.service__items{counter-reset:slate}@keyframes clap{0%{transform:rotate(-9deg)}40%{transform:rotate(-22deg)}70%{transform:rotate(1deg)}100%{transform:rotate(0)}}.process{padding:0 0 120px}@media(min-width: 900px){.process{padding-bottom:160px}}.process__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.process__inner{padding:0 48px}}.process__head{display:grid;gap:24px;margin-bottom:64px}@media(min-width: 900px){.process__head{grid-template-columns:1fr 1fr;align-items:end}}.process__text{max-width:46ch;font-size:20px}.process__steps{counter-reset:frame;display:grid;gap:28px;margin:0;padding:0;list-style:none}@media(min-width: 640px){.process__steps{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1200px){.process__steps{grid-template-columns:repeat(4, 1fr)}}.frame{--frame-color: #febb28;counter-increment:frame;position:relative;padding:28px 24px 32px;border:3px solid #0e0c0b;border-radius:20px;background:#fff8ec;box-shadow:8px 8px 0 var(--frame-color);transition:rotate .4s cubic-bezier(0.34, 1.56, 0.64, 1),translate .4s cubic-bezier(0.34, 1.56, 0.64, 1)}.frame--red{--frame-color: #f5303c}.frame--orange{--frame-color: #fe6732}.frame--yellow{--frame-color: #febb28}.frame--pink{--frame-color: #ce2867}.frame--purple{--frame-color: #571b47}.frame:nth-child(odd){rotate:-1.2deg}.frame:nth-child(even){rotate:1.2deg}.frame:hover{rotate:0deg;translate:0 -6px}@media(min-width: 1200px){.frame:not(:last-child)::after{content:"";position:absolute;top:50%;right:-26px;width:22px;border-top:3px dashed #0e0c0b}}.frame__nr{display:grid;place-items:center;width:56px;height:56px;margin-bottom:20px;border:3px solid #0e0c0b;border-radius:50%;background:var(--frame-color);font-size:22px;font-weight:800}.frame__nr::before{content:counter(frame)}.frame__title{font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-0.02em}.frame__text{margin-top:10px;font-size:17px}.work{position:relative;padding:0;background:#0e0c0b;color:#f7eee0;counter-reset:take}.work__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.work__inner{padding:0 48px}}.work__inner{padding-top:120px;padding-bottom:120px}@media(min-width: 900px){.work__inner{padding-top:160px;padding-bottom:160px}}.work__head{display:grid;gap:24px;margin-bottom:80px}@media(min-width: 900px){.work__head{grid-template-columns:1fr 1fr;align-items:end}}.work__text{max-width:46ch;font-size:20px;color:rgba(247,238,224,.8)}.work__list{display:grid;gap:96px}@media(min-width: 900px){.work__list{gap:140px}}.filmstrip{height:44px;background-color:#0e0c0b;background-image:radial-gradient(ellipse 9px 8px at center, #f7eee0 96%, transparent 100%);background-size:40px 20px;background-position:0 12px;background-repeat:repeat-x;animation:filmstrip 2s linear infinite}@keyframes filmstrip{to{background-position:40px 12px}}.take{counter-increment:take;display:grid;gap:32px;align-items:center}@media(min-width: 900px){.take{grid-template-columns:4fr 8fr;gap:64px}.take:nth-child(even){grid-template-columns:8fr 4fr}.take:nth-child(even) .take__info{order:2}.take:nth-child(even) .take__screen{order:1;transform:rotate(1.5deg)}}.take__info{position:relative}.take__label{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:2px solid #f7eee0;border-radius:8px;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.take__label::after{content:counter(take, decimal-leading-zero);padding-left:8px;border-left:2px solid #f7eee0;color:#febb28}.take__title{margin-top:20px;font-size:clamp(32px,4.5vw,56px);line-height:1.05;font-weight:800;letter-spacing:-0.03em}.take__text{margin-top:16px;color:rgba(247,238,224,.75)}.take__screen{position:relative;aspect-ratio:16/9;border:3px solid #f7eee0;border-radius:20px;overflow:hidden;background:#000;transform:rotate(-1.5deg);transition:transform .5s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow .5s cubic-bezier(0.34, 1.56, 0.64, 1);box-shadow:10px 10px 0 var(--take-color, #f5303c)}.take:hover .take__screen{transform:rotate(0) scale(1.02);box-shadow:16px 16px 0 var(--take-color, #f5303c)}.take:nth-child(4n+1){--take-color: #ce2867}.take:nth-child(4n+2){--take-color: #f5303c}.take:nth-child(4n+3){--take-color: #fe6732}.take:nth-child(4n+4){--take-color: #febb28}.take:hover .take__title{color:var(--take-color)}.take__title{transition:color .3s}.take__video{position:absolute;inset:0;width:100%;height:100%;border:0}.faq{padding:120px 0 0}@media(min-width: 900px){.faq{padding-top:160px}}.faq__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.faq__inner{padding:0 48px}}.faq__inner{display:grid;gap:48px}@media(min-width: 900px){.faq__inner{grid-template-columns:5fr 7fr;gap:64px;align-items:start}}.faq__head{display:grid;gap:24px}@media(min-width: 900px){.faq__head{position:sticky;top:120px}}.faq__text{max-width:40ch;font-size:20px}.faq__text a{font-weight:700;text-decoration:underline wavy #f5303c;text-underline-offset:4px}.faq__list{display:grid;gap:16px}.faq-item{border:3px solid #0e0c0b;border-radius:20px;background:#fff8ec;box-shadow:5px 5px 0 #0e0c0b;transition:box-shadow .3s cubic-bezier(0.34, 1.56, 0.64, 1),translate .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.faq-item:hover{translate:-2px -2px;box-shadow:8px 8px 0 #0e0c0b}.faq-item[open]{background:#febb28}.faq-item__question{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;cursor:pointer;list-style:none}.faq-item__question::-webkit-details-marker{display:none}.faq-item__title{font-size:clamp(18px,2vw,22px);line-height:1.3;font-weight:800}.faq-item__icon{position:relative;flex:none;width:36px;height:36px;border:3px solid #0e0c0b;border-radius:50%;background:#fff8ec;transition:rotate .4s cubic-bezier(0.34, 1.56, 0.64, 1)}.faq-item__icon::before,.faq-item__icon::after{content:"";position:absolute;top:50%;left:50%;width:14px;height:3px;background:#0e0c0b;translate:-50% -50%}.faq-item__icon::after{rotate:90deg}.faq-item[open] .faq-item__icon{rotate:135deg}.faq-item__answer{padding:0 24px 24px;font-size:17px}.faq-item__answer ul,.faq-item__answer ol{margin:8px 0 0 20px}.faq-item__answer ul{list-style:disc}.faq-item__answer ol{list-style:decimal}.insta{padding:120px 0}@media(min-width: 900px){.insta{padding:160px 0}}.insta__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.insta__inner{padding:0 48px}}.insta__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:56px}.insta__frame{padding:16px;border:3px solid #0e0c0b;border-radius:32px;background:#fff8ec;box-shadow:10px 10px 0 #ce2867;transform:rotate(-0.75deg)}.insta__widget{width:100%;border:0;overflow:hidden;border-radius:14px}.footer{position:relative;overflow:hidden;padding:120px 0 32px;background:#f5303c;color:#fff8ec;border-top:3px solid #0e0c0b}@media(min-width: 900px){.footer{padding-top:160px}}.footer::before{content:"";position:absolute;right:-160px;top:-160px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle at 50% 50%, #f5303c 0 34px, transparent 35px),radial-gradient(circle at 50% 22%, #f5303c 0 46px, transparent 47px),radial-gradient(circle at 50% 78%, #f5303c 0 46px, transparent 47px),radial-gradient(circle at 22% 50%, #f5303c 0 46px, transparent 47px),radial-gradient(circle at 78% 50%, #f5303c 0 46px, transparent 47px),#0e0c0b;opacity:.25;animation:reel 18s linear infinite;pointer-events:none}.footer__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.footer__inner{padding:0 48px}}.footer__inner{position:relative}.footer__headline{font-size:clamp(56px,12vw,180px);line-height:.9;font-weight:800;letter-spacing:-0.05em;color:#fff8ec}.footer__text{max-width:32ch;margin-top:24px;font-size:clamp(20px,2.4vw,28px);font-weight:600}.footer__mail{margin-top:40px;font-size:clamp(16px,2vw,22px)}.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:96px;padding-top:24px;border-top:2px solid rgba(255,248,236,.35);font-size:15px}.footer__legal{display:flex;gap:24px}.footer__legal a{text-decoration:none}.footer__legal a:hover{text-decoration:underline wavy;text-underline-offset:4px}.credits{display:grid;gap:4px;max-width:640px;margin:96px 0 0}.credits__row{display:flex;align-items:baseline;gap:12px;font-size:clamp(18px,2vw,22px)}.credits__row::before{content:"";order:1;flex:1;border-bottom:2px dotted rgba(255,248,236,.5);transform:translateY(-5px)}.credits__row dt{order:0;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.8}.credits__row dd{order:2;margin:0;font-weight:700}.credits__row dd a{text-decoration:none;background:linear-gradient(#febb28, #febb28) 0 100%/0 3px no-repeat;transition:background-size .3s cubic-bezier(0.22, 1, 0.36, 1)}.credits__row dd a:hover{background-size:100% 3px}@keyframes reel{to{transform:rotate(360deg)}}.text{padding:72px 0 120px}.text__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.text__inner{padding:0 48px}}.text__inner{max-width:880px}.text h1{margin-bottom:40px;font-size:clamp(40px,6vw,72px);line-height:1;font-weight:800;letter-spacing:-0.03em}.text h2{display:inline-block;margin:40px 0 12px;padding:4px 12px;background:#febb28;border:2px solid #0e0c0b;border-radius:8px;font-size:18px;font-weight:800;transform:rotate(-1deg)}.text .text__date{margin-top:40px;font-weight:700}.text p{margin-bottom:16px;font-size:17px;line-height:1.7;hyphens:auto}/*# sourceMappingURL=main.css.map */ diff --git a/static/web/main.css.map b/static/web/main.css.map index 8add174..c920593 100644 --- a/static/web/main.css.map +++ b/static/web/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../assets/scss/_reset.scss","../../assets/scss/_base.scss","../../assets/scss/_variables.scss","../../assets/scss/_nav.scss","../../assets/scss/_intro.scss","../../assets/scss/_service.scss","../../assets/scss/_service_item.scss","../../assets/scss/_work.scss","../../assets/scss/_work_entry.scss","../../assets/scss/_insta.scss","../../assets/scss/_footer.scss","../../assets/scss/_text.scss"],"names":[],"mappings":"AAAA,+YAaC,SACA,UACA,SACA,aACA,qBACA,wBACA,kCACA,mCACA,kCAKD,8EAEC,cAGD,KACC,cAGD,MACE,gBAGF,aACE,YAGF,oDAEE,WACA,aAGF,MACE,yBACA,iBCjDF,MACI,iBACA,kBACA,kBACA,eACA,gBACA,kBACA,eAGJ,qBAGI,sBAGJ,KACI,uBACA,wBAGJ,KACI,iBACA,MClBE,QDmBF,WC1BI,QD2BJ,uGACA,eACA,gBACA,gBACA,kBAGA,YACI,WACA,eACA,WACA,aACA,oBACA,YACA,iSACA,sCAIR,iBACI,6BACA,iCACA,iCACA,kCACA,kCAGJ,iBAGI,cACA,eAGJ,EACI,cAGJ,yBACA,uBAEA,YACI,WCnEK,QDoEL,MC/DE,QDkEN,eACI,0BACA,mBAGJ,iBACI,kBACA,UACA,WACA,gBACA,mBACA,mBAIJ,eACI,aACA,uBACA,SACA,+BACA,cACA,gBACA,uBAEA,mBACI,UACA,iBACA,iBACA,8BACA,oBACA,eACA,cACA,gBACA,oBACA,kCAGJ,sBACI,MC/GA,QDoHR,QACI,oBACA,mBACA,SACA,4BACA,yBACA,oBACA,eACA,gBACA,qBACA,eACA,6BACA,8GAEA,cACI,gDACA,6BAGJ,eACI,8BACA,yBAGJ,gBACI,WC3IC,QD4ID,MCvIF,QD0IF,iBACI,yBACA,kBACA,eAGJ,cACI,kBACA,WACA,YACA,UACA,kBACA,WCtJF,QDuJE,2DAEA,qBACI,WACA,kBACA,QACA,SACA,gCACA,mBACA,4BACA,+DAIR,4BACI,oCAKR,6BACI,UACA,wCACA,mGAEA,wCACI,UACA,eAIR,uCACI,qBAGI,oCACA,uCACA,qCACA,gCAGJ,6BACI,UACA,gBEvMR,KACI,gBACA,MACA,YACA,eACA,sDAEA,YD6BA,WACA,UA7BQ,OA8BR,cACA,eAXA,yBCrBA,YDmCI,gBCnCJ,YAEI,aACA,mBACA,8BACA,SAGJ,YACI,oBACA,mBACA,SACA,kBACA,yBACA,oBACA,WDvBA,QCwBA,6BACA,qBACA,eACA,gBACA,uBACA,2DAEA,kBACI,oCAIR,UACI,WACA,YACA,kBACA,WDrCF,QCsCE,sCACA,kCAGJ,WACI,oBACA,mBAGJ,UACI,qBACA,aACA,MDnDC,QCoDD,gBACA,yBACA,2DAGJ,4BACI,sDAGJ,aACI,oBACA,sBACA,uBACA,QACA,WACA,YACA,eACA,yBACA,kBACA,WDxEC,QCyED,6BACA,eD9CJ,yBCkCA,aAeQ,cAIR,iBACI,cACA,WACA,kBACA,WDhFF,QCiFE,2DAGJ,kFACA,qFAEA,YACI,aACA,QACA,YACA,yBACA,oBACA,WDnGA,QCoGA,6BDvEJ,yBCgEA,YAUQ,cAIR,WACI,kBACA,iBACA,oBACA,eACA,gBACA,qBACA,0EAEA,iBACI,WD/GN,QCgHM,MDvHJ,QCwHI,wBAGJ,gBACI,WDxHN,QCyHM,MD5HJ,QCiIJ,uBACI,eACA,qBACA,aACA,sBACA,QACA,aACA,cD7HI,KC8HJ,yDAEA,kCACI,kBACA,eACA,gBAEA,0CACI,sBACA,kBACA,eACA,sBACA,WAMhB,qBACI,mDACA,gBACA,4CACA,qDAGJ,oBACI,kDACA,6BCnKJ,OACI,kBACA,iBF0BA,yBE5BJ,OAKQ,kBAGJ,cF4BA,WACA,UA7BQ,OA8BR,cACA,eAXA,yBEpBA,cFkCI,gBElCJ,cAEI,kBAGJ,eACI,oBACA,mBACA,SACA,mBACA,iBACA,oBACA,WFfF,QEgBE,MFvBA,QEwBA,eACA,gBACA,qBACA,yBACA,aAGJ,mBACI,UACA,WACA,kBACA,WF/BF,QEgCE,qCAGJ,iBACI,eACA,iCACA,gBAEA,oBACA,qBACA,gBACA,wBACA,4EACA,6BACA,qBACA,oBACA,sCAGJ,YACI,gBF1BJ,yBEyBA,YAIQ,kBACA,MACA,WACA,SACA,YACA,gJAEA,kBACI,cAMhB,iBACI,eAGJ,YACI,kBACA,gBACA,gBACA,yBACA,cFtEQ,KEuER,WF5EE,QE6EF,+BACA,kBACA,iBFxDA,yBE+CJ,YAYQ,gBACA,gCAGJ,mBACI,WACA,YACA,iBAGJ,qBACI,kBACA,QACA,oBACA,WACA,mEACA,eACA,gBACA,qBACA,qCF9EJ,yBEqEA,qBAYQ,gBAIR,oBACI,kBACA,WACA,YACA,kCAEA,sFACA,wFACA,4FACA,8FAGJ,iBACI,kBACA,SACA,UACA,aACA,mBACA,QAEA,yBACI,WACA,WACA,YACA,kBACA,WFxIN,QEyIM,qCAIR,sBACI,kBACA,SACA,WACA,kCAGJ,kBACI,kBACA,YACA,UACA,YAGJ,qBACI,kBACA,WACA,YACA,WACA,YACA,sBACA,kBAEA,6BACI,WACA,kBACA,sBACA,gBAGJ,4BACI,WACA,kBACA,QACA,WACA,UACA,WACA,gBAIR,mBACI,kBACA,QACA,SACA,WACA,YACA,gCACA,qCACA,mEAEA,qDAEI,WACA,kBACA,+BAGJ,kGACA,iGAGJ,yBACI,uCAEI,aAGJ,oCACA,0CACA,4CAIR,sBACI,iDACA,gDACA,+CACA,6CACA,6CACA,+CACA,8CAGJ,QACI,kBACA,UACA,mBACA,eACA,gBACA,+BACA,WF1OK,QE2OL,wBF/MA,yBEuMJ,QAWQ,iBAGJ,eACI,aACA,kBACA,qCAEA,oBACI,mBACA,mBACA,+BACA,cACA,gBACA,uBACA,yBAIR,6BACI,4BAIR,kBACI,+BCvQJ,SACI,gBH2BA,yBG5BJ,SAIQ,iBAGJ,gBH6BA,WACA,UA7BQ,OA8BR,cACA,eAXA,yBGrBA,gBHmCI,gBG/BJ,eACI,aACA,SACA,mBHcJ,yBGjBA,eAMQ,8BACA,iBAIR,eACI,eACA,eAGJ,eACI,aACA,SHDJ,yBGDA,eAKQ,8BACA,kBACA,UAIR,gBACI,aACA,SAIR,UACI,kBACA,SACA,uBACA,yBACA,WHlDI,QGmDJ,+BACA,cACA,4LHxBA,yBGgBJ,UAWQ,gBACA,WAGJ,gBACI,aACA,WAIJ,kBACI,WACA,kBACA,UACA,SACA,YACA,YACA,yCACA,gCACA,qCAGJ,iBACI,WACA,iBACA,iBACA,2BACA,yBAGJ,mBACI,kBACA,WACA,YACA,UACA,eACA,gBACA,kBACA,kBACA,wBC9FR,OACI,uBACA,kBACA,wBACA,iBAGI,YACI,uBADJ,eACI,uBADJ,eACI,uBADJ,aACI,uBADJ,eACI,uBAIR,gBACI,kBACA,MACA,OACA,QACA,YACA,yBACA,4BACA,2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","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../assets/scss/_reset.scss","../../assets/scss/_base.scss","../../assets/scss/_variables.scss","../../assets/scss/_nav.scss","../../assets/scss/_intro.scss","../../assets/scss/_service.scss","../../assets/scss/_service_item.scss","../../assets/scss/_process.scss","../../assets/scss/_work.scss","../../assets/scss/_work_entry.scss","../../assets/scss/_faq.scss","../../assets/scss/_insta.scss","../../assets/scss/_footer.scss","../../assets/scss/_text.scss"],"names":[],"mappings":"AAAA,+YAaC,SACA,UACA,SACA,aACA,qBACA,wBACA,kCACA,mCACA,kCAKD,8EAEC,cAGD,KACC,cAGD,MACE,gBAGF,aACE,YAGF,oDAEE,WACA,aAGF,MACE,yBACA,iBCjDF,MACI,iBACA,kBACA,kBACA,eACA,gBACA,kBACA,eAGJ,qBAGI,sBAGJ,KACI,uBACA,wBAGJ,KACI,sBACA,iBACA,MCnBE,QDoBF,WC3BI,QD4BJ,uGACA,eACA,gBACA,gBACA,kBACA,gBAGA,YACI,WACA,eACA,WACA,aACA,oBACA,YACA,iSACA,sCAIR,iBACI,6BACA,iCACA,iCACA,kCACA,kCAGJ,iBAGI,cACA,eAGJ,EACI,cAGJ,yBACA,uBAEA,YACI,WCrEK,QDsEL,MCjEE,QDoEN,eACI,0BACA,mBAGJ,iBACI,kBACA,UACA,WACA,gBACA,mBACA,mBAIJ,eACI,aACA,uBACA,SACA,+BACA,cACA,gBACA,uBAEA,0BAEA,mBACI,UACA,iBACA,iBACA,8BACA,oBACA,eACA,cACA,gBACA,oBACA,kCAEA,2BACI,+CAIR,sBACI,MCvHA,QD4HR,QACI,oBACA,mBACA,SACA,4BACA,yBACA,oBACA,eACA,gBACA,qBACA,eACA,6BACA,8GAEA,cACI,gDACA,6BAGJ,eACI,8BACA,yBAGJ,gBACI,WCnJC,QDoJD,MC/IF,QDkJF,iBACI,yBACA,kBACA,eAGJ,cACI,kBACA,WACA,YACA,UACA,kBACA,WC9JF,QD+JE,2DAEA,qBACI,WACA,kBACA,QACA,SACA,gCACA,mBACA,4BACA,+DAIR,4BACI,oCAKR,6BACI,UACA,wCACA,mGAEA,wCACI,UACA,eAIR,uCACI,qBAGI,oCACA,uCACA,qCACA,gCAGJ,6BACI,UACA,gBE/MR,KACI,gBACA,MACA,YACA,eACA,sDAEA,YD6BA,WACA,UA7BQ,OA8BR,cACA,eAXA,yBCrBA,YDmCI,gBCnCJ,YAEI,aACA,mBACA,8BACA,SAGJ,YACI,oBACA,mBACA,SACA,kBACA,yBACA,oBACA,WDvBA,QCwBA,6BACA,qBACA,eACA,gBACA,uBACA,2DAEA,kBACI,oCAIR,UACI,WACA,YACA,kBACA,WDrCF,QCsCE,sCACA,kCAGJ,WACI,oBACA,mBAGJ,UACI,qBACA,aACA,MDnDC,QCoDD,gBACA,yBACA,2DAGJ,4BACI,sDAGJ,aACI,oBACA,sBACA,uBACA,QACA,WACA,YACA,eACA,yBACA,kBACA,WDxEC,QCyED,6BACA,eD9CJ,yBCkCA,aAeQ,cAIR,iBACI,cACA,WACA,kBACA,WDhFF,QCiFE,2DAGJ,kFACA,qFAEA,YACI,aACA,QACA,YACA,yBACA,oBACA,WDnGA,QCoGA,6BDvEJ,yBCgEA,YAUQ,cAIR,WACI,kBACA,iBACA,oBACA,eACA,gBACA,qBACA,0EAEA,iBACI,WD/GN,QCgHM,MDvHJ,QCwHI,wBAGJ,gBACI,WDxHN,QCyHM,MD5HJ,QCiIJ,uBACI,eACA,qBACA,aACA,sBACA,QACA,aACA,cD7HI,KC8HJ,yDAEA,kCACI,kBACA,eACA,gBAEA,0CACI,sBACA,kBACA,eACA,sBACA,WAMhB,qBACI,mDACA,gBACA,4CACA,qDAGJ,oBACI,kDACA,6BCnKJ,OACI,kBAEA,gBACA,iBFwBA,yBE5BJ,OAOQ,kBAGJ,cF0BA,WACA,UA7BQ,OA8BR,cACA,eAXA,yBElBA,cFgCI,gBEhCJ,cAEI,kBAGJ,eACI,oBACA,mBACA,SACA,mBACA,iBACA,oBACA,WFjBF,QEkBE,MFzBA,QE0BA,eACA,gBACA,qBACA,yBACA,aAGJ,mBACI,UACA,WACA,kBACA,WFjCF,QEkCE,qCAGJ,iBACI,eACA,kCACA,aACA,gBAEA,oBACA,qBACA,gBACA,wBACA,4EACA,6BACA,qBACA,oBACA,sCAGJ,aACI,eACA,gBACA,iCACA,iBAEA,oCAGJ,YACI,gBFtCJ,yBEqCA,YAIQ,kBACA,MACA,WACA,SACA,YACA,gJAEA,kBACI,cAMhB,iBACI,eAGJ,YACI,kBACA,gBACA,gBACA,yBACA,cFlFQ,KEmFR,WFxFE,QEyFF,+BAEA,WACA,iBFzEA,yBE+DJ,YAaQ,mBFxEJ,yBE2DJ,YAiBQ,gBACA,gCAGJ,mBACI,WACA,YACA,iBAGJ,qBACI,kBACA,QACA,oBACA,WACA,mEACA,eACA,gBACA,qBACA,qCF/FJ,yBEsFA,qBAYQ,gBAIR,oBACI,kBACA,WACA,YACA,kCAEA,sFACA,wFACA,4FACA,8FAGJ,iBACI,kBACA,SACA,UACA,aACA,mBACA,QAEA,yBACI,WACA,WACA,YACA,kBACA,WFzJN,QE0JM,qCAIR,sBACI,kBACA,SACA,WACA,kCAGJ,kBACI,kBACA,YACA,UACA,YAGJ,qBACI,kBACA,WACA,YACA,WACA,YACA,sBACA,kBAEA,6BACI,WACA,kBACA,sBACA,gBAGJ,4BACI,WACA,kBACA,QACA,WACA,UACA,WACA,gBAIR,mBACI,kBACA,QACA,SACA,WACA,YACA,gCACA,qCACA,mEAEA,qDAEI,WACA,kBACA,+BAGJ,kGACA,iGAGJ,yBACI,uCAEI,aAGJ,oCACA,0CACA,4CAIR,sBACI,iDACA,gDACA,+CACA,6CACA,6CACA,+CACA,8CAGJ,QACI,kBACA,UACA,mBACA,eACA,gBACA,+BACA,WF3PK,QE4PL,wBFhOA,yBEwNJ,QAWQ,iBAGJ,eACI,aACA,kBACA,qCAEA,oBACI,mBACA,mBACA,+BACA,cACA,gBACA,uBACA,yBAIR,6BACI,4BAIR,kBACI,+BCxRJ,SACI,gBH2BA,yBG5BJ,SAIQ,iBAGJ,gBH6BA,WACA,UA7BQ,OA8BR,cACA,eAXA,yBGrBA,gBHmCI,gBG/BJ,eACI,aACA,SACA,mBHcJ,yBGjBA,eAMQ,8BACA,iBAIR,eACI,eACA,eAGJ,eACI,aACA,SHDJ,yBGDA,eAKQ,8BACA,kBACA,UAIR,gBACI,aACA,SAIR,UACI,kBACA,SACA,uBACA,yBACA,WHlDI,QGmDJ,+BACA,cACA,4LHxBA,yBGgBJ,UAWQ,gBACA,WAGJ,gBACI,aACA,WAIJ,kBACI,WACA,kBACA,UACA,SACA,YACA,YACA,yCACA,gCACA,qCAGJ,iBACI,WACA,iBACA,iBACA,2BACA,yBAGJ,mBACI,kBACA,WACA,YACA,UACA,eACA,gBACA,kBACA,kBACA,wBC9FR,OACI,uBACA,kBACA,wBACA,iBAGI,YACI,uBADJ,eACI,uBADJ,eACI,uBADJ,aACI,uBADJ,eACI,uBAIR,gBACI,kBACA,MACA,OACA,QACA,YACA,yBACA,4BACA,2FAKA,0BACA,wBACA,4DAGA,wBACI,WACA,kBACA,SACA,YACA,WACA,YACA,yBACA,kBACA,WJxCJ,QI4CJ,6BACI,sDACA,oBAGJ,aACI,kBACA,uBACA,yBACA,4BACA,WJhDF,QIiDE,MJxDA,QIyDA,wCACA,8GAGA,qBACI,WACA,kBACA,MACA,OACA,QACA,YACA,2FAKA,gCAIJ,oBACI,iCACA,kBACA,SACA,WACA,mEACA,eACA,qBACA,yBACA,WAIR,0BACI,gCACA,0CAGJ,cACI,gBACA,+BACA,gBACA,gBACA,uBACA,yBAGJ,aACI,eACA,eACA,4BAIJ,mCACA,mCAGJ,gBACI,oBAGJ,gBACI,2BACA,6BACA,2BACA,0BCzHJ,SACI,kBL2BA,yBK5BJ,SAIQ,sBAGJ,gBL6BA,WACA,UA7BQ,OA8BR,cACA,eAXA,yBKrBA,gBLmCI,gBK/BJ,eACI,aACA,SACA,mBLcJ,yBKjBA,eAMQ,8BACA,iBAIR,eACI,eACA,eAGJ,gBACI,oBACA,aACA,SACA,SACA,UACA,gBLTJ,yBKGA,gBASQ,sCLJR,0BKLA,gBAaQ,sCAMZ,OACI,uBACA,wBACA,kBACA,uBACA,yBACA,cL3CK,KK4CL,WLtDI,QKuDJ,wCACA,wGAGI,YACI,uBADJ,eACI,uBADJ,eACI,uBADJ,aACI,uBADJ,eACI,uBAIR,qCACA,qCAEA,aACI,YACA,iBLpCJ,0BKyCI,+BACI,WACA,kBACA,QACA,YACA,WACA,+BAIR,WACI,aACA,mBACA,WACA,YACA,mBACA,yBACA,kBACA,8BACA,eACA,gBAEA,mBACI,uBAIR,cACI,eACA,gBACA,gBACA,uBAGJ,aACI,gBACA,eC7GR,MACI,kBACA,UACA,WNEE,QMDF,MNNI,QMOJ,mBAEA,aN6BA,WACA,UA7BQ,OA8BR,cACA,eAXA,yBMrBA,aNmCI,gBMnCJ,aAEI,kBACA,qBNkBJ,yBMrBA,aAMQ,kBACA,sBAIR,YACI,aACA,SACA,mBNOJ,yBMVA,YAMQ,8BACA,iBAIR,YACI,eACA,eACA,2BAGJ,YACI,aACA,SNTJ,yBMOA,YAKQ,WAMZ,WACI,YACA,iBN3CE,QM4CF,2FACA,0BACA,2BACA,2BACA,uCAGJ,qBACI,kCCzDJ,MACI,uBACA,aACA,SACA,mBPwBA,yBO5BJ,MAOQ,8BACA,SAEA,sBACI,8BAEA,0CACA,sEAIR,YACI,kBAGJ,aACI,oBACA,mBACA,QACA,iBACA,yBACA,kBACA,mEACA,eACA,qBACA,yBAEA,oBACI,4CACA,iBACA,8BACA,MPtCH,QO0CL,aACI,gBACA,iCACA,iBACA,gBACA,uBAGJ,YACI,gBACA,4BAGJ,cACI,kBACA,kBACA,yBACA,cPlDC,KOmDD,gBACA,gBACA,0BACA,4GACA,kDAGJ,0BACI,gCACA,kDAGJ,4CACA,4CACA,4CACA,4CAEA,yBACI,wBAGJ,aACI,qBAGJ,aACI,kBACA,QACA,WACA,YACA,SC1FR,KACI,kBR2BA,yBQ5BJ,KAIQ,mBAGJ,YR6BA,WACA,UA7BQ,OA8BR,cACA,eAXA,yBQrBA,YRmCI,gBQnCJ,YAEI,aACA,SRkBJ,yBQrBA,YAMQ,8BACA,SACA,mBAIR,WACI,aACA,SROJ,yBQTA,WAKQ,gBACA,WAIR,WACI,eACA,eAEA,aACI,gBACA,uCACA,0BAIR,WACI,aACA,SAIR,UACI,yBACA,cRvCK,KQwCL,WRlDI,QQmDJ,6BACA,4GAEA,gBACI,oBACA,6BAGJ,gBACI,WR3DC,QQ8DL,oBACI,aACA,mBACA,8BACA,SACA,kBACA,eACA,gBAEA,4CACI,aAIR,iBACI,+BACA,gBACA,gBAGJ,gBACI,kBACA,UACA,WACA,YACA,yBACA,kBACA,WR1FA,QQ2FA,wDAEA,+CAEI,WACA,kBACA,QACA,SACA,WACA,WACA,WR/FN,QQgGM,oBAGJ,uBACI,aAIR,gCACI,cAGJ,kBACI,oBACA,eAEA,0CACI,oBAGJ,qCACA,wCC1HR,OACI,gBT2BA,yBS5BJ,OAIQ,iBAGJ,cT6BA,WACA,UA7BQ,OA8BR,cACA,eAXA,yBSrBA,cTmCI,gBS/BJ,aACI,aACA,eACA,qBACA,8BACA,SACA,mBAGJ,cACI,aACA,yBACA,cTbI,KScJ,WTzBA,QS0BA,+BACA,2BAGJ,eACI,WACA,SACA,gBACA,mBCjCR,QACI,kBACA,gBACA,qBACA,WVFE,QUGF,MVNI,QUOJ,6BVsBA,yBU5BJ,QASQ,mBAIJ,gBACI,WACA,kBACA,aACA,WACA,YACA,aACA,kBACA,WACI,iWAMJ,YACA,mCACA,oBAGJ,eVGA,WACA,UA7BQ,OA8BR,cACA,eAXA,yBUKA,eVSI,gBUTJ,eAEI,kBAGJ,kBACI,iCACA,eACA,gBACA,uBACA,MV5CA,QU+CJ,cACI,eACA,gBACA,iCACA,gBAGJ,cACI,gBACA,+BAGJ,gBACI,aACA,eACA,8BACA,SACA,gBACA,iBACA,2CACA,eAGJ,eACI,aACA,SAEA,iBACI,qBAEA,uBACI,+BACA,0BAOhB,SACI,aACA,QACA,gBACA,gBAEA,cACI,aACA,qBACA,SACA,+BAEA,sBACI,WACA,QACA,OACA,8CACA,2BAGJ,iBACI,QACA,eACA,gBACA,qBACA,yBACA,WAGJ,iBACI,QACA,SACA,gBAEA,mBACI,qBACA,oEACA,8DAEA,yBACI,yBAOpB,gBACI,6BCrIJ,MACI,qBAEA,aXiCA,WACA,UA7BQ,OA8BR,cACA,eAXA,yBWzBA,aXuCI,gBWvCJ,aAEI,gBAGJ,SACI,mBACA,+BACA,cACA,gBACA,uBAGJ,SACI,qBACA,mBACA,iBACA,WXpBC,QWqBD,yBACA,kBACA,eACA,gBACA,wBAGJ,kBACI,gBACA,gBAGJ,QACI,mBACA,eACA,gBACA","file":"main.css"} \ No newline at end of file diff --git a/tpl/faq.html b/tpl/faq.html new file mode 100644 index 0000000..b5bf5a6 --- /dev/null +++ b/tpl/faq.html @@ -0,0 +1,15 @@ +{{- $headline := default (copy .Page .Content "headline") "Häufige Fragen" -}} +{{- $text := copy .Page .Content "text" -}} + +
+
+
+

{{ $headline }}

+ {{ with $text }}
{{ html . }}
{{ end }} +
+
+ {{ .CMS.Render .Args .Page (fmt "%s.items" .Content.Position) (index .Content.Content "items") }} + +
+
+
diff --git a/tpl/faq_item.html b/tpl/faq_item.html new file mode 100644 index 0000000..a7ecb56 --- /dev/null +++ b/tpl/faq_item.html @@ -0,0 +1,12 @@ +{{- $question := copy .Page .Content "question" -}} +{{- $answer := copy .Page .Content "answer" -}} + +
+ +

{{ default $question "Frage" }}

+ +
+
+ {{ with $answer }}
{{ html . }}
{{ end }} +
+
diff --git a/tpl/head.html b/tpl/head.html index 892d697..ff2aafb 100644 --- a/tpl/head.html +++ b/tpl/head.html @@ -1,5 +1,6 @@ -{{- $title := default (copy .Page .Content "title") "Schnittfest – Film, auf den Frame genau." -}} -{{- $description := default (copy .Page .Content "meta_description") "Film, Animation und Sound aus Ostwestfalen. Schnittfest produziert Imagefilme, Commercials und Kampagnen – auf den Frame genau." -}} +{{- $title := default (copy .Page .Content "title") "Videoproduktion in OWL | Imagefilm, Animation & Sound | Schnittfest" -}} +{{- $description := default (copy .Page .Content "meta_description") "Schnittfest ist eure Videoproduktion aus Rheda-Wiedenbrück bei Bielefeld: Imagefilme, Recruiting-Videos, Commercials, Animation und Sounddesign – vom Konzept bis zum fertigen Film." -}} +{{- $robots := default (get .Content "robots") "index,follow" -}} @@ -8,6 +9,7 @@ {{ $title }} + @@ -18,6 +20,9 @@ + + + @@ -32,6 +37,30 @@ + {{ adminHead .Page }} diff --git a/tpl/insta.html b/tpl/insta.html index 44fcc98..92af282 100644 --- a/tpl/insta.html +++ b/tpl/insta.html @@ -5,7 +5,7 @@
-

03{{ $headline }}

+

{{ $headline }}

@schnittfest.gmbh
diff --git a/tpl/intro.html b/tpl/intro.html index 45f33c7..a775762 100644 --- a/tpl/intro.html +++ b/tpl/intro.html @@ -1,5 +1,6 @@ {{- $headline := default (copy .Page .Content "headline") "Film, auf den Frame genau." -}} {{- $kicker := default (copy .Page .Content "kicker") "Videoproduktion aus Ostwestfalen" -}} +{{- $text := copy .Page .Content "text" -}} {{- $ctaLabel := default (copy .Page .Content "cta_label") "Projekt anfragen" -}} {{- $ctaHref := default (copy .Page .Content "cta_href") "mailto:hi@schnittfest.gmbh" -}} {{- $ticker := default (copy .Page .Content "ticker") "Film ✦ Animation ✦ Sound ✦ Schnitt ✦ Color Grading ✦ Drohne ✦ Imagefilm ✦ Commercial ✦" -}} @@ -10,12 +11,13 @@

{{ $kicker }}

{{ $headline }}

+ {{ with $text }}
{{ html . }}
{{ end }}
- + diff --git a/tpl/process.html b/tpl/process.html new file mode 100644 index 0000000..beb4398 --- /dev/null +++ b/tpl/process.html @@ -0,0 +1,15 @@ +{{- $headline := default (copy .Page .Content "headline") "Ablauf" -}} +{{- $text := copy .Page .Content "text" -}} + +
+
+
+

{{ $headline }}

+ {{ with $text }}
{{ html . }}
{{ end }} +
+
    + {{ .CMS.Render .Args .Page (fmt "%s.steps" .Content.Position) (index .Content.Content "steps") }} + +
+
+
diff --git a/tpl/process_step.html b/tpl/process_step.html new file mode 100644 index 0000000..140e344 --- /dev/null +++ b/tpl/process_step.html @@ -0,0 +1,9 @@ +{{- $title := copy .Page .Content "title" -}} +{{- $text := copy .Page .Content "text" -}} +{{- $color := default (get .Content "color") "yellow" -}} + +
  • + + {{ with $title }}

    {{ . }}

    {{ end }} + {{ with $text }}

    {{ . }}

    {{ end }} +
  • diff --git a/tpl/service.html b/tpl/service.html index fd21f34..31ca48f 100644 --- a/tpl/service.html +++ b/tpl/service.html @@ -6,7 +6,7 @@
    -

    01{{ $headline }}

    +

    {{ $headline }}

    {{ with $text }}
    {{ html . }}
    {{ end }}
    diff --git a/tpl/terms.html b/tpl/terms.html index 489c8c8..8019629 100644 --- a/tpl/terms.html +++ b/tpl/terms.html @@ -1,6 +1,6 @@
    -

    Allgemeine Geschäftsbedingungen

    +

    Allgemeine Geschäftsbedingungen

    Alle Preise verstehen sich zzgl. 3% Versicherungsgebühr und 19% MwSt.

    @@ -10,30 +10,30 @@

    Alle Lieferungen und Leistungen der Schnittfest GmbH erfolgen ausschließlich zu den nachstehenden Bedingungen. Dies gilt insbesondere auch im Falle entgegenstehender Bedingungen des Auftraggebers. Abweichungen sind nur gültig, wenn sie von uns schriftlich bestätigt werden.

    -

    1. Vertragsangebot, Vertragsschluss, Vertragsgegenstand

    +

    1. Vertragsangebot, Vertragsschluss, Vertragsgegenstand

    Unsere Angebote sind grundsätzlich freibleibend, sofern nicht eine bestimmte Bindungsdauer zugesichert wird. Der Vertrag kommt erst zustande, wenn er durch uns schriftlich bestätigt oder mit der Erfüllung des Auftrags begonnen wurde. Es bleibt ausdrücklich vorbehalten, den Vertragsgegenstand durch einen solchen zu ersetzen, der Mietsache weitestgehend gleichwertig ist. Geringfügige Abweichungen bleiben vorbehalten

    -

    2. Entgelt

    +

    2. Entgelt

    Der Mietzins für die Mietsache neben Zubehör richtet sich nach der bei Vertragsabschluss gültigen Preisliste zuzüglich Umsatzsteuer und Versicherungsentgelt für die film- und/oder lichttechnische Ausrüstung in der jeweils geltenden Höhe. Einzel- und Pauschalpreise gelten pro Tag. Bei Gerätschaften mit Zubehör gilt der vollständige Listenpreis oder Pauschalpreis auch dann, wenn auf Wunsch des Mieters einzelne Zubehörstücke nicht mitgeliefert wurden.

    -

    3. Mietdauer

    +

    3. Mietdauer

    Die Nutzungsbefugnis des Mieters erstreckt sich nur auf den vertraglich vereinbarten Zeitraum. Der Mietzins wird für den vollständigen Zeitraum der Mietzeit einschließlich An- und Ablieferung berechnet, spätestens aber ab dem Zeitpunkt der Bereitstellung im Lager Bielefeld oder der Versendung der Waren an den Mieter bis zur Rückgabe. Der Mietzins wird nach vollen Tagessätzen berechnet. Samstage, Sonntage und Feiertage werden voll berechnet. Eine Rückgabe der Geräte an diesen Tagen ist nach Vereinbarung möglich.

    Wird die Mietsache nicht bis 10.00 Uhr am Rückgabetag an uns ausgehändigt, wird für den Tag der volle Mietzins berechnet, es sei denn, es ist eine spätere Rückgabe vereinbar oder der Mieter weist nach, dass kein oder ein geringerer Schaden entstanden ist. Nimmt der Mieter die Mietsache nicht ab, und teilt er uns dies nicht mindestens 2 Tage vor dem vereinbarten Vertragsbeginn mit, so hat er 50 % des auf die vertragliche Laufzeit entfallenden Mietzinses als Schadenersatz an uns zu zahlen, es sei denn, der Mieter weist nach, dass kein oder ein geringerer Schaden entstanden ist. Sollte uns die vertragsgemäße Übergabe der Geräte an den Kunden dadurch unmöglich werden, dass wir die Geräte ohne unser Verschulden von einem anderen Kunden verspätet oder beschädigt zurückerhalten, so werden wir von unserer Leistung frei und haften für Folgeschäden nur, soweit wir bei dem anderen Kunden deswegen evtl. Schadensersatzansprüche tatsächlich realisieren.

    -

    4. Ort

    +

    4. Ort

    Der Mieter ist berechtigt, die Mietsache im Gebiet der Bundesrepublik Deutschland zu nutzen. Will er die Mietsache an einen außerhalb der Bundesr epublik Deutschland gelegenen Ort verbringen, so ist hierzu unsere schriftliche Einwilligung erforderlich. In Ländern, in denen Krieg, Bürgerkrieg, Unruhen oder dergleichen herrschen, oder bei sorgfältiger Prüfung zu erwarten ist, dass innerhalb der Mietze it derartiges auftritt, ist eine Verbringung nur dann möglich, wenn dies von uns schriftlich gestattet und von dem Mieter für den Fall eines Totalverlustes der Mietsache zuvor ausreichend Sicherheit bereitgestellt wird. In jedem sonstigen Falle haftet der Mieter in diesen Ländern für entstandene Schäden in voller Höhe.

    -

    5. Transportgefahr

    +

    5. Transportgefahr

    Der Mieter trägt grundsätzlich die Transportgefahr. Das gilt auch dann, wenn die Versendung durch uns oder von uns beauftragten Dritten vorgenommen wird. Die Kosten der Ve rsendung und der Rücksendung an unsere gewerbliche Niederlassung einschließlich der Kosten einer ordnungsgemäßen Verpackung trägt der Mieter. Wird die Mietsache vom Mieter ins Ausland verbracht oder auf dessen Wunsch von uns dorthin versandt, verpflichtet sich der Mieter zur ordnungsgemäßen Abwicklung des Zollverfahrens. Die daraus resultierenden Kosten trägt der Mieter.

    -

    6. Pflichten des Mieters

    +

    6. Pflichten des Mieters

    Der Mieter hat uns darüber zu informieren, für welchen Zweck er die Mietsache verwendet. Über Umstände, die unsere Interessen berühren, hat uns der Mieter unaufgefordert zu unterrichten. Der Mieter verpflichtet sich, die Mietsachen pfleglich und sachkundig zu behandeln. Vorbehaltlich des sachgerechten Austauschs von Leuchtmitteln ist der Mieter nicht berechtigt, an den Mietsachen Instandsetzungsarbeiten vorzunehmen. Der Mieter verpflichtet sich, unverzüglich nach Erhalt der Mietsachen zu prüfen, ob diese funktionstüchtig sind und der Bestellung entsprechen. Abweichungen hinsichtlich der Zahl, Art und Güte von der Bestellung, dem Lieferschein und / oder der Rechnung sind unverzüglich zu rügen. Transportschäden sind uns sofort, spätestens aber am 1. Werktag nach der Ablieferung an den Mieter anzuzeigen, da andernfalls der Verlust des Versicherungsschutzes droht.

    @@ -43,14 +43,14 @@

    Zusätzlich zum Mietpreis trägt der Kunde gemäß unserer Preisliste anteilig die Kosten der obligatorischen Sachversicherung für die Geräte. Der Mietpreis einschl. Versicherungspauschale erhöht sich um den jeweils gültigen Mehrwertsteuersatz. Erteilte Rechnungen sind ohne Abzug sofort fällig. Der Kunde gerät auch ohne weitere Mahnung spätestens 14 Tage nach dem Rechnungsdatum in Verzug . Wir sind berechtigt, die Übergabe der Geräte oder Waren von einer vollständigen Vorauszahlung abhängig zu machen.

    -

    8. Gebrauchsüberlassung an Dritte / Kündigungsrecht

    +

    8. Gebrauchsüberlassung an Dritte / Kündigungsrecht

    Die Mietsache steht in unserem Alleineigentum. Es ist dem Mieter grundsätzlich untersagt, die Mietsachen entgeltlich oder unentgeltlich an Dritte zum Gebrauch zu überlassen, wenn nicht unsere schriftliche Einwilligung erteilt wurde. Wir sind berechtigt, den Vertrag sofort zu kündigen, wenn der Mieter die Mietsache unbefugt einem Drit ten überlässt. Gleichzeitig sind wir in diesem Fall zur sofortigen Inbesitznahme der Mietsache berechtigt. Unbeschadet der vorstehenden Regelung ist der Mieter im Falle der entgeltlichen Weitervermietung verpflichtet, die gesamten davon betroffenen Geräte seinem eigenen Versicherungsschutz zu unterstellen und die Schadensregulierung über seine eigene Versicherung vorzunehmen. In derartigen Fällen ist eine Inanspruchnahme unserer Versicherung ausgeschlossen.

    Der Mieter ist verpflichtet, bei Vollstreckungsmaß nahmen in die Mietsachen und bei Pfändungen auf die Eigentumsverhältnisse hinzuweisen. Er hat uns in diesen Fällen unverzüglich zu unterrichten. Hält der Mieter das vereinbarte Zahlungsziel nicht ein, sind wir berechtigt, den Vertrag fristlos zu kündigen u nd die sofortige Herausgabe der Mietsache zu verlangen. Für den Fall der Durchsetzung des Herausgabeanspruchs ermächtigt der Mieter unwiderruflich uns oder von uns beauftragte Dritte, jeden Raum zu betreten, in dem sich die Mietsache oder Teile davon dann befinden. Der Mieter verzichtet auf die Geltendmachung eines Zurückbehaltungsrechts, gleich aus welchem Rechtsgrunde.

    -

    9. Haftung des Vermieters

    +

    9. Haftung des Vermieters

    Für entstandene Schäden – gleich aus welchem Rechtsgrund – haften wir grundsätzlich nur bei Vorsatz oder grober Fahrlässigkeit. Bei der Verletzung von wesentlichen Vertragspflichten, bei Fehlen zugesicherter Eigenschaften sowie bei der Verletzung von Leben, Körper oder Gesundheit haften wir auch dann, wenn der Schaden leicht fahrlässig verursacht wurde.

    @@ -60,21 +60,21 @@

    Soweit die Haftung nach den vorbezeichneten Bestimmungen beschränkt oder ausgeschlossen ist, gilt dies auch für unsere Vertreter, Arbeitnehmer, Mitarbeiter und Erfüllungsgehilfen. Eine etwaige Haftung nach dem Produkthaftungsgesetz bleibt unberührt.

    -

    10. Versicherung

    +

    10. Versicherung

    Die Mietsachen sind nach den allgemeinen Bedingungen für die Elektronikversicherung (AEB) versichert. Der Versicherungsvertrag beinhaltet einen verschuldensunabhängigen Selbstbehalt in Höhe von 500,00 € pro Schadenfall. Die Versicherungsbedingungen liegen bei uns zur Einsicht bereit. Es wird ausdrücklich darauf hingewiesen, dass der Versicherungsvertrag nur in Europa gilt. Will der Mieter die Gerätschaften an einen außereuropäischen Ort verbringen, so hat er dies vor Vertragsschluss mitzuteilen, damit für uns ausreichend Zeit zur Verfügung steht, die Mietsache g egen die Gefahrenerhöhung zu versichern. Bei gefährlichen Einsätzen, wie sie z.B. bei Fahr - , Hubschrauber - , Unterwasser - , Hochsee - (außerhalb der 3 Meilenzone), Hochgebirgsaufnahmen und dergleichen vorliegen, sind zwecks Abschluss einer Zusatzversicherung entsprechende Hinweise an uns bei Vertragschluss zu machen. Die Kosten für eine erforderliche Zusatzversicherung trägt in jedem Falle der Mieter.

    Der Mieter ist bei Diebstahl, Unterschlagung, Raub oder Veruntreuung durch Dritte oder sonstigem Abhandenkomme n der Mietsache verpflichtet, dieses Ereignis unverzüglich polizeilich anzuzeigen und einen ausführlichen Schadensbericht anzufertigen. Das Nichtbefolgen dieser Pflicht führt zur vollständigen Haftung des Mieters. Nach den Versicherungsbedingungen sind Sch äden an Leuchtmitteln und Kathodenstrahlröhren nicht versichert.

    -

    11. Haftung des Mieters / Ausfallschäden

    +

    11. Haftung des Mieters / Ausfallschäden

    Während der gesamten Mietdauer übernimmt der Mieter für die gemieteten Gegenstände samt Zubehör die Haftung, auch für Zufall. Entstehen beim Mieter od er Dritten beim Gebrauch der Mietsache Schäden, die auf eine unqualifizierte oder unsachgemäße Ingebrauchnahme der Mietsache oder des Zubehörs zurückzuführen sind, so haftet der Mieter hierfür uneingeschränkt und hat uns auf Verlangen von der Haftung gegen über Dritten freizustellen. Besteht eine Versicherung für eine Gefahr und wird ein Schaden nicht in der entstandenen Höhe von dieser Versicherung getragen, so haftet der Mieter für den Differenzbetrag. Kathodenstrahlröhren nicht versichert.

    Gibt der Mieter die Mietsache mangelhaft oder nicht zu rück, so hat er während der Reparatur oder Wiederbeschaffungszeit Nutzungsausfall in Höhe des Mietzinses zu zahlen, es sei denn, der Mieter weist nach, dass kein oder ein geringerer Schaden entstanden ist

    -

    12. Zahlungsbedingungen

    +

    12. Zahlungsbedingungen

    Es ist grundsätzlich Zahlu ng bei Auslieferung bzw. Übergabe vereinbart. Abweichende Zahlungsziele müssen schriftlich vereinbart werden. Eine Aufrechnung gegen unsere Forderungen ist ausgeschlossen, es sei denn, dass die Gegenforderung unbestritten oder rechtskräftig festgestellt is t. Gleiches gilt für die Geltendmachung eines Zurückbehaltungsrechts.

    @@ -84,18 +84,18 @@

    Vereinbarte Preisnachlässe geraten bei Zahlungsverzug des Mieters sowie bei einer ge richtlichen Geltendmachung unserer Forderungen in Wegfall.

    -

    14. Erfüllungsort, Rechtswahl und Gerichtsstand

    +

    14. Erfüllungsort, Rechtswahl und Gerichtsstand

    Erfüllungsort für Lieferung und Leistungen aus diesem Vertrag ist Bielefeld . Für die auf Grundlage dieser Bedingungen abgeschlossenen Verträge und der aus Ihnen folgenden Ansprüche gilt deutsches Recht. Für sämtliche gegenwärtigen und zukünftigen Ansprüche aus der Geschäftsbeziehung einschließlich Wechsel- und Scheckforderungen ist, wenn der Vertragspartner Unternehmer, eine juristische Person des öffentlichen Rechts oder ein öffentlich-rechtliches Sondervermögen ist, ausschließlicher Gerichtsstand Bielefeld .

    -

    15. Schriftform

    +

    15. Schriftform

    Mündliche Nebenabreden sind zu diesem Vertrag nicht getroffen worden. Änderungen und Ergänzungen sowie die teilweise oder gesamte Aufhebung des Vertrages bedürfen der Schriftform. Dies gilt auch für die Aufhebung oder Änderung des Schriftformerfordernisses.

    -

    16. Salvatorische Klausel

    +

    16. Salvatorische Klausel

    Sollte eine Bestimmung oder mehrere Bestimmungen dieser Vereinbarung unwirksam sein oder werden, so bl eiben die übrigen Bestimmungen wirksam. Die Parteien verpflichten sich, die unwirksame Bestimmung durch eine wirksame Bestimmung zu ersetzen, die dem ursprünglichen wirtschaftlichen Inhalt der unwirksamen Bestimmung weitestgehend entspricht .

    -

    Stand: 24.05.2020

    +

    Stand: 24.05.2020

    diff --git a/tpl/work.html b/tpl/work.html index 49f3afd..c264e27 100644 --- a/tpl/work.html +++ b/tpl/work.html @@ -5,7 +5,7 @@
    -

    02{{ $headline }}

    +

    {{ $headline }}

    {{ with $text }}
    {{ html . }}
    {{ end }}