marvin/schnittfest
1
0
Fork 0
mirror of https://github.com/Kugelschieber/schnittfest.git synced 2026-11-12 09:02:01 +01:00
Code Issues Packages Projects Releases Wiki Activity

Optimized content and fixed a few mobile issues.

Browse Source
This commit is contained in:
marvin
2026-10-14 19:40:45 +02:00
parent 6e60f1c117
commit 4d1362c257
34 changed files with 739 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin/tpl/faq.json
+10
View File
@@ -0,0 +1,10 @@
{
"label": "FAQ",
"content": {
"items": { "label": "Fragen", "tpl_filter": ["faq_item"] }
},
"copy": {
"headline": { "label": "Überschrift" },
"text": { "label": "Text", "type": "html" }
}
}
admin/tpl/faq_item.json
+7
View File
@@ -0,0 +1,7 @@
{
"label": "FAQ-Frage",
"copy": {
"question": { "label": "Frage" },
"answer": { "label": "Antwort", "type": "html" }
}
}
admin/tpl/head.json
+12 -2
View File
@@ -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"
}
}
}
}
admin/tpl/intro.json
+3 -1
View File
@@ -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" }
admin/tpl/nav.json
+2 -1
View File
@@ -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" }
},
admin/tpl/process.json
+10
View File
@@ -0,0 +1,10 @@
{
"label": "Ablauf",
"content": {
"steps": { "label": "Schritte", "tpl_filter": ["process_step"] }
},
"copy": {
"headline": { "label": "Überschrift" },
"text": { "label": "Text", "type": "html" }
}
}
admin/tpl/process_step.json
+14
View File
@@ -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" }
}
}
}
assets/scss/_base.scss
+9 -1
View File
@@ -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 {
assets/scss/_faq.scss
+127
View File
@@ -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; }
}
}
assets/scss/_intro.scss
+20 -3
View File
@@ -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;
// 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;
min-height: 320px;
}
@include md {
margin-top: 64px;
assets/scss/_process.scss
+114
View File
@@ -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;
}
}
assets/scss/_text.scss
+7 -2
View File
@@ -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;
assets/scss/main.scss
+2 -1
View File
@@ -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";
content/agb.json
+24 -6
View File
@@ -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"
}
content/home.json
+195 -58
View File
@@ -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": "<div>Wir sind <strong>Schnittfest</strong> – eine Filmproduktion aus Rheda-Wiedenbrück bei Bielefeld. Wir produzieren <strong>Imagefilme, Werbefilme, Recruiting-Videos und Animationen</strong> für Unternehmen in OWL und ganz Deutschland.</div>",
"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": "<div>Von der ersten Idee bis zum finalen Frame: Wir planen, drehen, animieren und vertonen – alles aus einer Hand.</div>",
"headline": "Film, Animation & Sound",
"text": "<div>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.</div>",
"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": "<div>Klarer Ablauf, feste Ansprechpartner, keine Überraschungen – in vier Schritten zur fertigen Videoproduktion.</div>"
}
},
"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": "<div>Popcorn bereit? Eine Auswahl unserer Imagefilme, Commercials und Recruiting-Videos für Kunden wie Schüco, GOLDBECK und DansArt.</div>"
}
},
"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": "<div>Deine Frage ist nicht dabei? Schreib uns an <a href=\"mailto:hi@schnittfest.gmbh\">hi@schnittfest.gmbh</a>.</div>"
}
},
"content": {
"items": [
{
"tpl": "faq_item",
"copy": {
"de": {
"question": "Was kostet ein Imagefilm?",
"answer": "<div>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.</div>"
}
},
"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": "<div>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.</div>"
}
},
"content": {}
},
{
"tpl": "faq_item",
"copy": {
"de": {
"question": "Wo dreht ihr?",
"answer": "<div>Unser Sitz ist in Rheda-Wiedenbrück zwischen Gütersloh und Bielefeld. Wir drehen in ganz Ostwestfalen-Lippe, deutschlandweit und auch international.</div>"
}
},
"content": {}
},
{
"tpl": "faq_item",
"copy": {
"de": {
"question": "Welche Videoformate produziert ihr?",
"answer": "<div>Imagefilme, Unternehmens- und Produktfilme, Recruiting-Videos, Werbefilme und Commercials, Eventfilme sowie 2D/3D-Animation und Erklärvideos – inklusive Musik und Sounddesign.</div>"
}
},
"content": {}
},
{
"tpl": "faq_item",
"copy": {
"de": {
"question": "Bekomme ich auch Schnittfassungen für Social Media?",
"answer": "<div>Auf Wunsch liefern wir neben dem Hauptfilm kurze Cut-downs in Hoch- und Querformat für Instagram, LinkedIn, TikTok oder YouTube.</div>"
}
},
"content": {}
}
]
},
"copy": {
"de": {
"headline": "Referenzen",
"text": "<div>Popcorn bereit? Eine Auswahl unserer Lieblingsprojekte.</div>"
}
}
},
{
content/legal.json
+24 -6
View File
@@ -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"
}
content/refs/footer.json
+15 -1
View File
@@ -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": {}
}
content/refs/head.json
+11 -1
View File
@@ -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": {}
}
content/refs/nav.json
+10 -1
View File
@@ -1,3 +1,12 @@
{
"tpl": "nav"
"tpl": "nav",
"copy": {
"de": {
"service_label": "Leistungen",
"work_label": "Referenzen",
"faq_label": "FAQ",
"contact_label": "Kontakt"
}
},
"content": {}
}
dev_config.json
+1 -1
View File
@@ -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"
},
static/web/main.css
+1 -1
View File
File diff suppressed because one or more lines are too long
static/web/main.css.map
+1 -1
View File
File diff suppressed because one or more lines are too long
tpl/faq.html
+15
View File
@@ -0,0 +1,15 @@
{{- $headline := default (copy .Page .Content "headline") "Häufige Fragen" -}}
{{- $text := copy .Page .Content "text" -}}
<section class="faq" id="faq" itemscope itemtype="https://schema.org/FAQPage" data-shifu-element="{{ .Content.Position }}">
<div class="faq__inner">
<div class="faq__head" data-component="reveal">
<h2 class="section-title"><span class="section-title__nr" aria-hidden="true"></span>{{ $headline }}</h2>
{{ with $text }}<div class="faq__text">{{ html . }}</div>{{ end }}
</div>
<div class="faq__list">
{{ .CMS.Render .Args .Page (fmt "%s.items" .Content.Position) (index .Content.Content "items") }}
<slot name="{{ .Content.Position }}/items"></slot>
</div>
</div>
</section>
tpl/faq_item.html
+12
View File
@@ -0,0 +1,12 @@
{{- $question := copy .Page .Content "question" -}}
{{- $answer := copy .Page .Content "answer" -}}
<details class="faq-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question" data-shifu-element="{{ .Content.Position }}">
<summary class="faq-item__question">
<h3 class="faq-item__title" itemprop="name">{{ default $question "Frage" }}</h3>
<span class="faq-item__icon" aria-hidden="true"></span>
</summary>
<div class="faq-item__answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
{{ with $answer }}<div itemprop="text">{{ html . }}</div>{{ end }}
</div>
</details>
tpl/head.html
+31 -2
View File
@@ -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" -}}
<!DOCTYPE html>
<html lang="{{ .Page.Language }}">
<head>
@@ -8,6 +9,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{{ $title }}</title>
<meta name="description" content="{{ $description }}" />
<meta name="robots" content="{{ $robots }}" />
<meta name="copyright" content="Schnittfest GmbH" />
<meta name="author" content="Emvi Software GmbH" />
<meta name="theme-color" content="#0e0c0b" />
@@ -18,6 +20,9 @@
<meta name="twitter:title" content="{{ $title }}" />
<meta name="twitter:description" content="{{ $description }}" />
<meta name="twitter:image" content="{{ hostname }}/static/1.jpg" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="de_DE" />
<meta property="og:site_name" content="Schnittfest" />
<meta property="og:url" content="{{ .Page.CanonicalLink }}" />
<meta property="og:title" content="{{ $title }}" />
<meta property="og:description" content="{{ $description }}" />
@@ -32,6 +37,30 @@
<link rel="stylesheet" href="/static/web/manrope.css" />
<link rel="stylesheet" href="/static/web/main.css?v={{ .CMS.LastUpdate }}" />
<script defer src="/static/web/main.min.js?v={{ .CMS.LastUpdate }}"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"@id": "{{ hostname }}/#organization",
"name": "Schnittfest GmbH",
"description": "Videoproduktion für Imagefilme, Commercials, Animation und Sound in Ostwestfalen-Lippe.",
"url": "{{ hostname }}/",
"logo": "{{ hostname }}/static/favicon/favicon512x512.png",
"image": "{{ hostname }}/static/1.jpg",
"email": "hi@schnittfest.gmbh",
"telephone": "+49 5242 9079902",
"address": {
"@type": "PostalAddress",
"streetAddress": "Schulbusch 29",
"postalCode": "33378",
"addressLocality": "Rheda-Wiedenbrück",
"addressRegion": "NRW",
"addressCountry": "DE"
},
"areaServed": ["Rheda-Wiedenbrück", "Gütersloh", "Bielefeld", "Ostwestfalen-Lippe", "Deutschland"],
"sameAs": ["https://instagram.com/schnittfest.gmbh", "https://vimeo.com/schnittfest"]
}
</script>
{{ adminHead .Page }}
</head>
<body>
tpl/insta.html
+1 -1
View File
@@ -5,7 +5,7 @@
<section class="insta" id="instagram" data-shifu-element="{{ .Content.Position }}">
<div class="insta__inner">
<div class="insta__head" data-component="reveal">
<h2 class="section-title"><span class="section-title__nr">03</span>{{ $headline }}</h2>
<h2 class="section-title"><span class="section-title__nr" aria-hidden="true"></span>{{ $headline }}</h2>
<a class="button button--outline" href="{{ $profile }}" target="_blank" rel="noopener">@schnittfest.gmbh</a>
</div>
<div class="insta__frame" data-component="reveal">
tpl/intro.html
+3 -1
View File
@@ -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 @@
<div class="intro__inner">
<p class="intro__kicker" data-component="reveal"><span class="intro__kicker-dot"></span>{{ $kicker }}</p>
<h1 class="intro__headline" data-component="reveal">{{ $headline }}</h1>
{{ with $text }}<div class="intro__text" data-component="reveal">{{ html . }}</div>{{ end }}
<div class="intro__cta" data-component="reveal">
<a class="button button--yellow" href="{{ $ctaHref }}"><span class="button__play" aria-hidden="true"></span>{{ $ctaLabel }}</a>
</div>
<div class="viewfinder" data-component="reveal">
<video class="viewfinder__video" src="{{ $video }}" poster="{{ $poster }}" autoplay loop muted playsinline></video>
<video class="viewfinder__video" aria-label="{{ default (copy .Page .Content "video_label") "Showreel von Schnittfest" }}" src="{{ $video }}" poster="{{ $poster }}" autoplay loop muted playsinline></video>
<div class="viewfinder__overlay" aria-hidden="true">
<span class="viewfinder__corner viewfinder__corner--tl"></span>
<span class="viewfinder__corner viewfinder__corner--tr"></span>
tpl/legal.html
+6 -6
View File
@@ -1,6 +1,6 @@
<section class="text" id="text" data-shifu-element="{{ .Content.Position }}">
<div class="text__inner">
<h3>Impressum</h3>
<h1>Impressum &amp; Datenschutz</h1>
<p>
Schnittfest GmbH<br>
Schulbusch 29<br>
@@ -16,22 +16,22 @@
Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV ist:<br>
Geschäftsführer: Malte Blum
</p>
<h4>Datenschutz</h4>
<h2>Datenschutz</h2>
<p>
Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung.Die Nutzung un serer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder E-Mail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben.Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.
</p>
<h4>Cookies</h4>
<h2>Cookies</h2>
<p>
Die Internetseiten verwenden teilweise so genannte Cookies. Cookies richten auf Ihrem Rechner keinen Schaden an und enthalten keine Viren. Cookies dienen dazu, unser Angebot nutzerfreundlicher, effektiver und sicherer zu machen. Cookies sind kleine Textdateien, die auf Ihrem Rechner abgelegt werden und die Ihr Browser speichert. Die meisten der von uns verwendeten Cookies sind so genannte „Session-Cookies“. Sie werden nach Ende Ihres Besuchs automatisch ge löscht. Andere Cookies bleiben auf Ihrem Endgerät gespeichert, bis Sie diese löschen. Diese Cookies ermöglichen es uns, Ihren Browser beim nächsten Besuch wiederzuerkennen.Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies informiert werden und Cookies nur im Einzelfall erlauben, die Annahme von Cookies für bestimmte Fälle oder generell ausschließen sowie das automatische Löschen der Cookies beim Schließen des Browser aktivieren. Bei der Deaktivierung von Cookies kann die Funktionalität dieser Website eingeschränkt sein.
</p>
<h4>Kontaktformular</h4>
<h2>Kontaktformular</h2>
<p>
Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns gespeichert. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.
</p>
<h4>SSL-Verschlüsselung</h4>
<h2>SSL-Verschlüsselung</h2>
<p>
Diese Seite nutzt aus Gründen der Sicherheit und zum Schutz der Übertragung vertraulicher Inhalte, wie zum Beispiel der Anfragen, die Sie an uns als Seitenbetreiber senden, eine SSL-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie daran, dass die Adresszeile des Browsers von "http://" auf "https://" wechselt und an dem Schloss-Symbol in Ihrer Browserzeile. Wenn die SSL-Verschlüsselung aktiviert ist, können die Daten, die Sie an uns übermitteln, nicht von Dritten mitgelesen werden.
</p>
<h4>Stand: 24.05.2020</h4>
<p class="text__date">Stand: 24.05.2020</p>
</div>
</section>
tpl/nav.html
+4 -2
View File
@@ -1,6 +1,7 @@
{{- $full := get .Content "full" -}}
{{- $service := default (copy .Page .Content "service_label") "Gewerke" -}}
{{- $service := default (copy .Page .Content "service_label") "Leistungen" -}}
{{- $work := default (copy .Page .Content "work_label") "Referenzen" -}}
{{- $faq := default (copy .Page .Content "faq_label") "FAQ" -}}
{{- $contact := default (copy .Page .Content "contact_label") "Kontakt" -}}
<header class="nav{{ if $full }} nav--full{{ end }}" data-component="nav" data-shifu-element="{{ .Content.Position }}">
@@ -18,7 +19,8 @@
<nav class="nav__links" id="nav-links">
<a class="nav__link" href="/#service" data-nr="01">{{ $service }}</a>
<a class="nav__link" href="/#work" data-nr="02">{{ $work }}</a>
<a class="nav__link nav__link--cta" href="/#footer" data-nr="03">{{ $contact }}</a>
<a class="nav__link" href="/#faq" data-nr="03">{{ $faq }}</a>
<a class="nav__link nav__link--cta" href="/#footer" data-nr="04">{{ $contact }}</a>
</nav>
{{ end }}
</div>
tpl/process.html
+15
View File
@@ -0,0 +1,15 @@
{{- $headline := default (copy .Page .Content "headline") "Ablauf" -}}
{{- $text := copy .Page .Content "text" -}}
<section class="process" id="ablauf" data-shifu-element="{{ .Content.Position }}">
<div class="process__inner">
<div class="process__head" data-component="reveal">
<h2 class="section-title"><span class="section-title__nr" aria-hidden="true"></span>{{ $headline }}</h2>
{{ with $text }}<div class="process__text">{{ html . }}</div>{{ end }}
</div>
<ol class="process__steps">
{{ .CMS.Render .Args .Page (fmt "%s.steps" .Content.Position) (index .Content.Content "steps") }}
<slot name="{{ .Content.Position }}/steps"></slot>
</ol>
</div>
</section>
tpl/process_step.html
+9
View File
@@ -0,0 +1,9 @@
{{- $title := copy .Page .Content "title" -}}
{{- $text := copy .Page .Content "text" -}}
{{- $color := default (get .Content "color") "yellow" -}}
<li class="frame frame--{{ $color }}" data-component="reveal" data-shifu-element="{{ .Content.Position }}">
<span class="frame__nr" aria-hidden="true"></span>
{{ with $title }}<h3 class="frame__title">{{ . }}</h3>{{ end }}
{{ with $text }}<p class="frame__text">{{ . }}</p>{{ end }}
</li>
tpl/service.html
+1 -1
View File
@@ -6,7 +6,7 @@
<section class="service" id="service" data-shifu-element="{{ .Content.Position }}">
<div class="service__inner">
<div class="service__head" data-component="reveal">
<h2 class="section-title"><span class="section-title__nr">01</span>{{ $headline }}</h2>
<h2 class="section-title"><span class="section-title__nr" aria-hidden="true"></span>{{ $headline }}</h2>
{{ with $text }}<div class="service__text">{{ html . }}</div>{{ end }}
</div>
<div class="service__grid">
tpl/terms.html
+16 -16
View File
@@ -1,6 +1,6 @@
<section class="text" id="text" data-shifu-element="{{ .Content.Position }}">
<div class="text__inner">
<h3>Allgemeine Geschäftsbedingungen</h3>
<h1>Allgemeine Geschäftsbedingungen</h1>
<p>
Alle Preise verstehen sich zzgl. 3% Versicherungsgebühr und 19% MwSt.
</p>
@@ -10,30 +10,30 @@
<p>
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.
</p>
<h4>1. Vertragsangebot, Vertragsschluss, Vertragsgegenstand</h4>
<h2>1. Vertragsangebot, Vertragsschluss, Vertragsgegenstand</h2>
<p>
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
</p>
<h4>2. Entgelt</h4>
<h2>2. Entgelt</h2>
<p>
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.
</p>
<h4>3. Mietdauer</h4>
<h2>3. Mietdauer</h2>
<p>
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.
</p>
<p>
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.
</p>
<h4>4. Ort</h4>
<h2>4. Ort</h2>
<p>
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.
</p>
<h4>5. Transportgefahr</h4>
<h2>5. Transportgefahr</h2>
<p>
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.
</p>
<h4>6. Pflichten des Mieters</h4>
<h2>6. Pflichten des Mieters</h2>
<p>
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.
</p>
@@ -43,14 +43,14 @@
<p>
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.
</p>
<h4>8. Gebrauchsüberlassung an Dritte / Kündigungsrecht</h4>
<h2>8. Gebrauchsüberlassung an Dritte / Kündigungsrecht</h2>
<p>
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.
</p>
<p>
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.
</p>
<h4>9. Haftung des Vermieters</h4>
<h2>9. Haftung des Vermieters</h2>
<p>
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.
</p>
@@ -60,21 +60,21 @@
<p>
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.
</p>
<h4>10. Versicherung</h4>
<h2>10. Versicherung</h2>
<p>
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.
</p>
<p>
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.
</p>
<h4>11. Haftung des Mieters / Ausfallschäden</h4>
<h2>11. Haftung des Mieters / Ausfallschäden</h2>
<p>
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.
</p>
<p>
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
</p>
<h4>12. Zahlungsbedingungen</h4>
<h2>12. Zahlungsbedingungen</h2>
<p>
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.
</p>
@@ -84,18 +84,18 @@
<p>
Vereinbarte Preisnachlässe geraten bei Zahlungsverzug des Mieters sowie bei einer ge richtlichen Geltendmachung unserer Forderungen in Wegfall.
</p>
<h4>14. Erfüllungsort, Rechtswahl und Gerichtsstand</h4>
<h2>14. Erfüllungsort, Rechtswahl und Gerichtsstand</h2>
<p>
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 .
</p>
<h4>15. Schriftform</h4>
<h2>15. Schriftform</h2>
<p>
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.
</p>
<h4>16. Salvatorische Klausel</h4>
<h2>16. Salvatorische Klausel</h2>
<p>
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 .
</p>
<h4>Stand: 24.05.2020</h4>
<p class="text__date">Stand: 24.05.2020</p>
</div>
</section>
tpl/work.html
+1 -1
View File
@@ -5,7 +5,7 @@
<div class="filmstrip" aria-hidden="true"></div>
<div class="work__inner">
<div class="work__head" data-component="reveal">
<h2 class="section-title section-title--light"><span class="section-title__nr">02</span>{{ $headline }}</h2>
<h2 class="section-title section-title--light"><span class="section-title__nr" aria-hidden="true"></span>{{ $headline }}</h2>
{{ with $text }}<div class="work__text">{{ html . }}</div>{{ end }}
</div>
<div class="work__list">