Readd pic

.gitattributes

@@ -1,5 +0,0 @@
-# Auto detect text files and perform LF normalization
-* text=auto
-*.jpg filter=lfs diff=lfs merge=lfs -text
-*.png filter=lfs diff=lfs merge=lfs -text
-*.gif filter=lfs diff=lfs merge=lfs -text

.gitlab-ci.yml

@@ -18,5 +18,3 @@ deploy-wedding-draga-julian.rismer.de:
   environment:
     name: deploy-staging
     url: https://wedding-draga-julian.rismer.de
-  only:
-    - savethedate

ReadMe.md

@@ -6,6 +6,11 @@
 npx http-server
 
 
+# Run php.exe test server:
+
+C:\Users\gulum\OneDrive\Desktop\php\php.exe -S localhost:8000
+
+
 Thanks for downloading this theme!
 
 ## Other Useful Links

css/style.css

@@ -5,6 +5,18 @@
   font-weight: normal;
   font-style: normal;
 }
+/* =======================================================
+*
+* 	Colors 
+*
+* ======================================================= */
+:root {
+  --mainColor: #3e9fd7;
+  --mainColorLess: #3e9fd7CC;
+  --mainColorHighlight: #8ac9ed;
+  --white: #ffffff;
+}
+
 /* =======================================================
 *
 * 	Template Style 
@@ -47,13 +59,13 @@ body {
 }
 
 a {
-  color: #F14E95;
+  color: var(--mainColor);
   -webkit-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
 }
 a:hover, a:active, a:focus {
-  color: #F14E95;
+  color: var(--mainColor);
   outline: none;
   text-decoration: none;
 }
@@ -71,17 +83,17 @@ h1, h2, h3, h4, h5, h6, figure {
 
 ::-webkit-selection {
   color: #fff;
-  background: #F14E95;
+  background: var(--mainColor);
 }
 
 ::-moz-selection {
   color: #fff;
-  background: #F14E95;
+  background: var(--mainColor);
 }
 
 ::selection {
   color: #fff;
-  background: #F14E95;
+  background: var(--mainColor);
 }
 
 .fh5co-nav {
@@ -196,7 +208,7 @@ h1, h2, h3, h4, h5, h6, figure {
   color: #fff;
 }
 .fh5co-nav ul li.btn-cta a {
-  color: #F14E95;
+  color: var(--mainColor);
 }
 .fh5co-nav ul li.btn-cta a span {
   background: #fff;
@@ -355,7 +367,7 @@ h1, h2, h3, h4, h5, h6, figure {
 
 #fh5co-counter,
 #fh5co-event {
-  height: 850px;
+  height: auto;
   float: left;
 }
 #fh5co-counter .display-t,
@@ -768,7 +780,7 @@ h1, h2, h3, h4, h5, h6, figure {
   display: inline-block;
   zoom: 1;
   *display: inline;
-  color: #F14E95;
+  color: var(--mainColor);
   padding-left: 10px;
   padding-right: 10px;
 }
@@ -787,7 +799,7 @@ h1, h2, h3, h4, h5, h6, figure {
   position: relative;
 }
 .fh5co-contact-info ul li:before {
-  color: #F14E95;
+  color: var(--mainColor);
   position: absolute;
   left: 0;
   top: .05em;
@@ -879,7 +891,7 @@ form label {
 .fh5co-cover .display-tc .btn {
   padding: 15px 20px;
   background: #fff !important;
-  color: #F14E95;
+  color: var(--mainColor);
   border: none !important;
   font-size: 14px;
   text-transform: uppercase;
@@ -942,7 +954,7 @@ form label {
   display: inline-block;
   width: 100px;
   height: 100px;
-  background: rgba(241, 78, 149, 0.8);
+  background: var(--mainColorLess);
   margin: 0 4px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
@@ -1043,7 +1055,7 @@ form label {
   font-size: 20px;
   background: #fff;
   padding: 20px;
-  color: #F14E95;
+  color: var(--mainColor);
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
@@ -1066,7 +1078,7 @@ form label {
 }
 .couple-half h3 {
   font-family: "Sacramento", Arial, serif;
-  color: #F14E95;
+  color: var(--mainColor);
   font-size: 30px;
 }
 .couple-half .groom, .couple-half .bride {
@@ -1137,7 +1149,7 @@ form label {
 {
   width: 50px;
   height: 50px;
-  background:#F14E95;
+  background:var(--mainColor);
   display: table;
   text-align: center;
   margin: 0 auto 30px auto;
@@ -1198,7 +1210,7 @@ form label {
   height: 90px;
   font-size: 40px;
   line-height: 40px;
-  color: #F14E95;
+  color: var(--mainColor);
 }
 .feature-center p, .feature-center h3 {
   margin-bottom: 30px;
@@ -1220,7 +1232,7 @@ form label {
   margin-bottom: 10px;
   line-height: 1.5;
   font-weight: bold;
-  color: #F14E95;
+  color: var(--mainColor);
   font-family: "Sacramento", Arial, serif;
 }
 @media screen and (max-width: 768px) {
@@ -1255,7 +1267,7 @@ form label {
   display: block;
 }
 #fh5co-testimonial .wrap-testimony .testimony-slide span a.twitter {
-  color: #F14E95;
+  color: var(--mainColor);
   font-weight: 300;
 }
 #fh5co-testimonial .wrap-testimony .testimony-slide figure {
@@ -1347,7 +1359,7 @@ form label {
   display: table-cell;
   vertical-align: middle;
   font-size: 30px;
-  color: #F14E95;
+  color: var(--mainColor);
 }
 .feature-left .feature-copy {
   float: left;
@@ -1410,7 +1422,7 @@ form label {
 #fh5co-started .btn {
   height: 54px;
   border: none !important;
-  background: #F14E95;
+  background: var(--mainColor);
   color: #fff;
   font-size: 16px;
   text-transform: uppercase;
@@ -1454,7 +1466,7 @@ form label {
 }
 .owl-carousel .owl-controls .owl-dot.active span {
   background: transparent;
-  border: 2px solid #F14E95;
+  border: 2px solid var(--mainColor);
 }
 
 #fh5co-offcanvas {
@@ -1707,21 +1719,21 @@ form label {
 }
 
 .btn-primary {
-  background: #F14E95;
+  background: var(--mainColor);
   color: #fff;
-  border: 2px solid #F14E95;
+  border: 2px solid var(--mainColor);
 }
 .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
-  background: #f366a3 !important;
-  border-color: #f366a3 !important;
+  background: var(--mainColorHighlight) !important;
+  border-color: var(--mainColorHighlight) !important;
 }
 .btn-primary.btn-outline {
   background: transparent;
-  color: #F14E95;
-  border: 2px solid #F14E95;
+  color: var(--mainColor);
+  border: 2px solid var(--mainColor);
 }
 .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
-  background: #F14E95;
+  background: var(--mainColor);
   color: #fff;
 }
 
@@ -1851,7 +1863,7 @@ form label {
 .form-control:active, .form-control:focus {
   outline: none;
   box-shadow: none;
-  border-color: #F14E95;
+  border-color: var(--mainColor);
 }
 
 .row-pb-md {
@@ -1904,7 +1916,7 @@ form label {
 
 .undertwelve > input:checked {
   border: 2px solid #34495E;
-  background-color: #F14E95;
+  background-color: var(--mainColor);
 }
 
 .undertwelve > input:active {
@@ -1946,11 +1958,15 @@ form label {
 
 .overnight > input:checked {
   border: 2px solid #34495E;
-  background-color: #F14E95;
+  background-color: var(--mainColor);
 }
 
 .overnight > input:active {
   border: 3px solid #34495E;
 }
 
+.trauzeugen {
+    border: 3px solid rgba(255, 255, 255, 0.5);
+}
+
 /*# sourceMappingURL=style.css.map */

email.php

@@ -0,0 +1,13 @@
+ <?php
+        $name = $_REQUEST['fname'];
+        $email = "test@test.de"; //$_REQUEST['email'];
+        $message = $_REQUEST['message'];
+
+      // Set your email address where you want to receive emails. 
+       $to = 'julian.niessner@rismer.de';
+       $subject = 'Wedding Attenders!';
+       $headers = "From: ".$name." <".$email."> \r\n";
+       $send_email = mail($to,$subject,$message,$headers);
+
+       echo ($send_email) ? 'success' : 'error';
+?>

i18n/de.json

@@ -1,18 +1,45 @@
 {
     "top_left_title": "Hochzeit",
     "welcoming_title": "Wir werden am 01.07.2022 heiraten!",
-    "invitation_text": "Liebe Gäste, zu unserer Hochzeit laden wir euch recht herzlich ein. Bitte gebt uns mit folgendem Formular bis zum 03.03.2022 Bescheid, ob ihr teilnehmt! Über das Plus-Symbol könnt ihr eure Begleitpersonen hinzufügen. Wenn Bedarf an einer Übernachtung besteht, können wir euch kostengünstig ein unverbindliches Hotel Angebot organisieren.  Falls ihr nicht teilnehmen könnt, bitte einfach die Seite wieder verlassen. Die Feier wird in 55234 Kettenheim (DE) stattfinden.",
-    "header_text": "Nimmst du teil?",
-    "greetings": "Liebe Grüße<br/>Draga & Julian",
-    "guest_count": "Geschätzte Gäste",
+    "first_title": "Schön das Ihr kommt!",
+    "first_sub_title": "Wir schließen am Freitag, den 01.07.2022 den Bund fürs Leben!",
+    "sentence1": "\"Zwei Herzen, zwei Seelen durch die Zeit gefestigt und in Liebe verbunden, werden Eins.\"",
+    "sentence2": "\"Das Schönste aber hier auf Erden ist lieben und geliebt zu werden.\"",
+    "invitation_1": "Wir schließen am Freitag, den 01.07.2022 den Bund fürs Leben. Wir haben dazu fast alle Zutaten, die wir für unsere Hochzeit benötigen.  Nur eine äußerst Wichtige fehlt noch und das seid IHR! Diesen besonderen Moment wollen wir gerne mit Euch teilen und laden herzlich zu unserer Hochzeitsfeier ein. Über sommerliche, festlich-elegante Kleidung freuen wir uns. Ihr wollt uns beschenken? Macht euch die Geschenkesuche nicht zur Qual, Geld ist für uns die beste Wahl! Gerne könnt Ihr auch am nächsten Morgen mit uns um 11.00 Uhr im Mühlencafe in 55234 Kettenheim frühstücken. Teilt Liebe, keine Keime und Viren! Bitte denkt an einen aktuellen Test und nutzt unsere Hygienstation. Falls ihr plant Kuchen oder ähnliches mitzubringen, setzt euch bitte kurz mit uns in Verbindung.",
+    "invitation_2": "Bitte gebt uns mit dem folgendem Formular bis zum 09.06.2022 Bescheid, ansonsten gibt es kein zurück mehr ;) Falls ihr nicht direkt beim Brauthaus dabei sein könnt, schreibt uns bitte bei der Zusage eine kleine Info dazu, ab wann ihr dabei seid.",
+    "fixed_attend": "Feste Zusage!",
     "firstname": "Vorname",
     "lastname": "Nachname",
+    "message": "Nachricht",
+    "wanna_help": "Ihr wollt unsere Hochzeit mitgestalten? Dann wendet euch gerne an unsere Trauzeugen :)",
+    "our_helpers": "Unsere Trauzeugen",
+    "strategy": "Ablauf des großen Tages",
+    "strategy_t1": "Treffen beim Brauthaus",
+    "strategy_p1": "Zusammenkunft der Gäste. Nach einer kleinen Stärkung (durch kroatische Platten, Brot und weitere Leckerrein) kommt der Bräutigam an und wir fahren gemeinsam zur Kirche.",
+    "strategy_t2": "Kirchliche Trauung in der St. Stephan",
+    "strategy_p2": "Wir werden getraut! Anschließend werden Wasserflaschen an die Gäste verteilt und die ersten Gruppenfotos angefertigt.",
+    "strategy_t3": "Brautpaar Fotoshooting",
+    "strategy_p3": "Während ihr auf den Weg zur Location sind, verschwinden wir um ein paar Erinnerungen festzuhalten.",
+    "strategy_t4": "Sektempfang in der Wiesenmühle",
+    "strategy_p4": "Sektempfang mit Häppchen, Musik und natürlich gute Laune erwarten euch hier, denn ab jetzt wird für den restlichen Abend gefeiert!",
+    "strategy_t5": "Abendessen & Dessert",
+    "strategy_p5": "Hier ist auch für jeden etwas dabei.",
+    "strategy_t6": "Eröffnung der Tanzfläche",
+    "strategy_p6": "Wir machen den ersten Schritt und freuen uns um rege Beteiligung!",
+    "overnight": "Übernachtung",
+    "overnight_info": "Wir haben für euch ein Zimmerkontigent mit folgenden Kondition reseviert! Ihr müsst euch jedoch selber telefonisch oder per E-Mail bei dem entsprechenden Hotel melden um das Angebot in Anspruch zu nehmen. Es gibt die Möglichkeit mit einem Taxi/Sammeltaxi von der Location zum Hotel zu fahren.",
+    "overnight_hotel_1": "Einzelzimmer a' 50 €, Zweibettzimmer a' 78 €, Dreibettzimmer a' 110€ und ein Familienzimmer (4 Personen) a' 140 €. Die Preise sind inklusive Frühstück. Zimmer werden freigehalten bis 12. Juni 2022. Sollten einige Gäste aus driftigen Gründen Absagen, so besteht die Möglichkeit bis zum Anreisetag bis spätestens 12.00 Uhr kostenfrei zu stornieren.",
+    "overnight_hotel_2": "Doppelzimmer a' 83,00 Euro pro Zimmer/Nacht zzgl. 9,50 Euro Frühstück pro Person/Tag. Reservierung ist nur per E-Mail möglich!",
+    "overnight_hotel_3": "Einzelzimmer a' 89€, Doppelzimmer a' 109€. Die Preise sind inklusive Frühstück. Voraussichtlich werden an den 10.06.2022 hier auch ein Angebot für euch haben!",
+    "write_us_something": "Listet uns bitte die Vornamen von allen Personen, die mitkommen auf.",
+    "familyname": "Vorname und Nachname",
+    "strategy_info": "Hier findet ihr Informationen zu den einzelnen Programmpunkten unserer Hochzeit.",
+
+    "greetings": "Liebe Grüße<br/>Draga & Julian",
     "E-Mail": "E-Mail",
     "telephone_number": "Telefonnummer",
     "submit": "Absenden",
     "already_participating": "Bereits teilgenommen",
     "success_title": "Teilgenommen",
-    "success_text": "Wir freuen uns auf euch!",
-    "overnightoffer": "Übernachtungsangebot?",
-    "undertwelve": "Unter 12 Jahre?"
+    "success_text": "Wir freuen uns auf euch!"
 }

i18n/hr.json

@@ -1,18 +1,45 @@
 {
     "top_left_title": "Vjenčanje",
     "welcoming_title": "Vjenčajmo se 01.07.2022 !",
-    "invitation_text": "Dragi gosti, srdačno Vas pozivamo na naše vjenčanje. Molimo vas da nam do 3. ožujka 2022 javite hoćete li sudjelovati putem sljedećeg obrasca! Svoje pratitelje možete dodati putem simbola plus. Ukoliko postoji potreba za prenociste , za Vas možemo organizirati neobvezujuću hotelsku ponudu po niskim cijenama. Ako niste u mogućnosti sudjelovati, jednostavno napustite stranicu. Proslava će se održati u 55234 Kettenheim (Njemačka).",
-    "header_text": "Hoćete doc?",
-    "greetings":  "Topli pozdravi</br>Draga & Julian",
-    "guest_count": "broj Gostiju",
+    "first_title": "Lijepo što dolazite!",
+    "first_sub_title": "Mi ulazimo 01.07.2022 u zajednočku Luku Života",
+    "sentence1": "\"Dva Srca, dvije Duse kroz vrijeme ucvrsceno i kroz Ljubav spojeno Postaje jedno.\"",
+    "sentence2": "\"Najljepše je na zemlji voljeti i biti voljen.\"",
+    "invitation_1": "U Petak 01.07.2022 sklapamo zivotnu vezu. Mi imama skoro sve sastojke Koje su potrebne Za naš Brak. Samo nešto jako važno što nam fali to ste vi. Taj posebni trenutak želimo podijeliti sa vama i zato vas pozivamo za našu Svadbu. Poželjna bi bila svečana i elegantna Ljetnosvecena odjeća. Ne brinite oko pronalaska darova, novac je najbolji izbor za nas! Također ste dobrodošli da doručkujete s nama sljedeće jutro u 11:00 sati u Mühlencafeu u 55234 Kettenheim. Dijelite ljubav, a ne klice i viruse! Molimo razmislite o trenutnom testu i koristite našu higijensku stanicu.",
+    "invitation_2": "Molimo vas da nam sa sljedećim Formularom do 09.06.2022 potvrdite vaš dolazak, inače nema više povratka 😉. Ako nemožete direktno kod Mladine kuće doći, napišite nam od kada točno nam se pridružujete. Ako planirate nam  kolač ili Desert  doniti  molimo vas dan nas obavijestite.",
+    "fixed_attend": "Vaša potvrda za dolazak!",
     "firstname": "Ime",
-    "lastname": "prezime",
+    "lastname": "Prezime",
+    "message": "Poruku",
+    "wanna_help": "Ako imate Ideje za igre ili hoćete u našim igrama sudjelovati, javite se našim kumovima.",
+    "our_helpers": "Naši Kumovi",
+    "strategy": "Odvijanje velikog i važnog dana",
+    "strategy_t1": "Sastanak kod Mlade",
+    "strategy_p1": "Nakon Male gozbe slijedi Zajednički polazak od Mladine kuće u Crkvu.",
+    "strategy_t2": "Crkveno Vjenčanje u St. Stephan",
+    "strategy_p2": "Vjenčat ćemo se! Poslim Vjenčanja je okrijepljenje sa vodom i zajedničko slikanj.",
+    "strategy_t3": "Fotoshooting od Mladenaca",
+    "strategy_p3": "Dok ste vi na putu prema Lokaciji mi ćemo uhvatiti vrimena za zajedničke trenutke. ",
+    "strategy_t4": "Sekt doček u Wiesenmühle",
+    "strategy_p4": "Doček uz Sekt i predjelo, muzika i dobro raspoloženje očekuje vas do Jutarnji sati.",
+    "strategy_t5": "Večera & Desert",
+    "strategy_p5": "Ovdje ima za svakoga ponešto.",
+    "strategy_t6": "Ples Mladenaca",
+    "strategy_p6": "Mi smo napravili prvi korak i radovali bi se na Očešću!",
+    "overnight": "Noćenje",
+    "overnight_info": "Rezervirali smo za Vas kontingent sobe uz sljedeće uvjete! Međutim, morate sami kontaktirati relevantni hotel putem telefona ili e-pošte kako biste iskoristili ponudu.",
+    "overnight_hotel_1": "Jednokrevetna Soba: 50 €, dvokrevetna Soba: 78 €, trokrevetna Soba: 110€ i i obiteljsku Sobu (4 Osobe): 140 €. Cijene uključuju doručak. Sobe će biti slobodne do 12. lipnja 2022. Ako neki gosti odustanu iz drugih razloga, mogu otkazati besplatno najkasnije do 12 sati na dan dolaska.",
+    "overnight_hotel_2": "dvokrevetna Soba: 83,00 Euro po sobi/noćenju plus 9,50 eura doručak po osobi/dan. Rezervacija je moguća samo putem e-maila! Prijavite se u hotel ključnom riječi \"DJ\".",
+    "overnight_hotel_3": "Jednokrevetna soba: 89€, dvokrevetna Soba: 109€. Cijene uključuju doručak. Vjerojatno će biti i ponuda za vas 10. lipnja 2022.! Prijavite se u hotel ključnom riječi \"DJ\".",
+    "write_us_something": "Napišite nam imena svih koji dolaze.",
+    "familyname": "Ime i Prezime",
+    "strategy_info": "Ovdje ćete pronaći informacije o pojedinim programskim stavkama našeg vjenčanja.",
+    
+    "greetings":  "Topli pozdravi</br>Draga & Julian",
     "E-Mail": "E-Mail",
     "telephone_number": "broj telefona",
-    "submit": "podnijeti",
+    "submit": "Podnijeti",
     "already_participating": "Već sudjelovali",
     "success_title": "Sudjelovali",
-    "success_text": "Veselimo se vasem sudjelovanju!",
-    "overnightoffer": "Ponuda smještaja?",
-    "undertwelve": "Ispod 12 godina?"
+    "success_text": "Veselimo se vasem sudjelovanju!"
 }

images/groom.jpg

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:23bfa61dfdf4c1268c132a065ed05b902367b2f1603f2e63eb6b18e7c742c983
-size 43368

index.html

@@ -76,7 +76,7 @@
 		</nav>
 
 		<header id="fh5co-header" class="fh5co-cover" role="banner"
-			style="background-image:url(images/front.jpg); background-position-x: center;"
+			style="background-image:url(images/front_less.png); background-position-x: center;"
 			data-stellar-background-ratio="0.5">
 			<div class="overlay"></div>
 			<div class="container">
@@ -94,84 +94,267 @@
 			</div>
 		</header>
 
-		<div id="fh5co-started">
+		<div id="fh5co-couple">
 			<div class="container">
-				<div class="row animate-box">
-					<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
-						<h2 data-i18n="header_text">Nimmst du teil?</h2>
-						<p data-i18n="invitation_text">Liebe Gäste, zu unserer Hochzeit laden wir euch recht herzlich ein. Bitte gebt uns mit folgendem Formular bis zum 03.03.2022 Bescheid, ob ihr teilnehmt! Über das Plus-Symbol könnt ihr eure Begleitpersonen hinzufügen. Wenn Bedarf an einer Übernachtung besteht, können wir euch kostengünstig ein Hotel vermitteln. Falls ihr nicht teilnehmen könnt, bitte einfach die Seite wieder verlassen. Die Feier wird in 55234 Kettenheim (DE) stattfinden.
-						</p>
-						<p data-i18n="greetings">
-							Liebe Grüße<br/>
-							Draga & Julian
-						</p>
+				<div class="row">
+					<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
+						<h2 data-i18n="first_title">Schön das Ihr kommt!</h2>
+						<h3 data-i18n="first_sub_title">Wir schließen am Freitag, den 01.07.2022 den Bund fürs Leben!</h3>
 					</div>
 				</div>
-				<div class="row animate-box" id="attentant-container">
-					<div class="col-md-11">
-						<form id="js-attentants" class="form-inline">
-							<div>
-								<div class="col-md-3 col-sm-3">
-									<div class="form-group">
-										<label for="firstname" class="sr-only">Vorname</label>
-										<input type="firstname" class="form-control js-form-input" id="firstname" data-i18n="firstname"
-											data-i18n-attr="placeholder" placeholder="Vorname">
+				<div class="couple-wrap animate-box">
+					<div class="couple-half">
+						<div class="groom">
+							<img src="images/Draga.png" alt="groom" class="img-responsive">
+						</div>
+						<div class="desc-groom">
+							<h3>Draga Rimac</h3>
+							<p data-i18n="sentence1">"Zwei Herzen, zwei Seelen durch die Zeit gefestigt und in Liebe verbunden, werden Eins."</p>
+						</div>
+					</div>
+					<p class="heart text-center"><i class="icon-heart2"></i></p>
+					<div class="couple-half">
+						<div class="bride">
+							<img src="images/Julian.png" alt="groom" class="img-responsive">
+						</div>
+						<div class="desc-bride">
+							<h3>Julian Nießner</h3>
+							<p data-i18n="sentence2">"Das Schönste aber hier auf Erden ist lieben und geliebt zu werden."</p>
+						</div>
+					</div>
+				</div>
+				<div class="row">
+					<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box" style="margin-top: 3em;">
+						<p data-i18n="invitation_1">Wir schließen am Freitag, den 01.07.2022 den Bund fürs Leben. Wir haben dazu fast alle Zutaten, die wir für unsere Hochzeit benötigen.  Nur eine äußerst Wichtige fehlt noch und das seid IHR! Diesen besonderen Moment wollen wir gerne mit Euch teilen und laden herzlich zu unserer Hochzeitsfeier ein. Über sommerliche, festlich-elegante Kleidung freuen wir uns. Ihr wollt uns beschenken? Macht euch die Geschenkesuche nicht zur Qual, Geld ist für uns die beste Wahl! Gerne könnt Ihr auch am nächsten Morgen mit uns um 11.00 Uhr im Mühlencafe in 55234 Kettenheim frühstücken. Teilt Liebe, keine Keime und Viren! Bitte denkt an einen aktuellen Test und nutzt unsere Hygienstation. Falls ihr plant Kuchen oder ähnliches mitzubringen, setzt euch bitte kurz mit uns in Verbindung.</p> 
+						<p data-i18n="invitation_2">Bitte gebt uns mit dem folgendem Formular bis zum 06.06.2022 Bescheid, ansonsten gibt es kein zurück mehr ;) Falls ihr nicht direkt beim Brauthaus dabei sein könnt, schreibt uns bitte bei der Zusage eine kleine Info dazu abwann ihr dabei seid.</p>
+					</div>
+				</div>
+		</div>
+
+		<div class="fh5co-section-gray">
+			<div class="container">
+				<div class="row">
+					<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
+						<h2 data-i18n="fixed_attend">Feste Zusage!</h2>
+						<form id="attendForm" action="#">
+							<div class="row form-group">
+								<div class="col-md-12">
+									<label data-i18n="lastname" for="fname">Familienname</label>
+									<input type="text" id="fname" name="fname" class="form-control js-form-input" data-i18n="familyname" data-i18n-attr="placeholder" placeholder="Your firstname">
+								</div>
+							</div>
+	
+							<div class="row form-group">
+								<div class="col-md-12">
+									<label data-i18n="message" for="message">Nachricht</label>
+									<textarea name="message" id="message" cols="30" rows="10" class="form-control js-form-input" data-i18n="write_us_something" data-i18n-attr="placeholder" placeholder="Write us something"></textarea>
+								</div>
+							</div>
+							<div class="form-group">
+								<input type="submit" id="js-submitbtn" data-i18n="submit" data-i18n-attr="value" value="Absenden" class="btn btn-primary">
+							</div>
+						</form>		
+					</div>
+				</div>
+				
+			</div>
+		</div>
+
+		<div id="fh5co-event" class="fh5co-bg" style="background-image:url(images/HandInHand_less.png);">
+			<div class="overlay"></div>
+			<div class="container">
+				<div class="row">
+					<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
+						<h2 data-i18n="our_helpers">Unsere Trauzeugen</h2>
+						<span data-i18n="wanna_help" style="color:rgba(255,255,255,1.0);">Ihr wollt unsere Hochzeit mitgestallten?</span>
+					</div>
+				</div>
+				<div class="row">
+					<div class="display-t">
+						<div class="display-tc">
+							<div class="col-md-10 col-md-offset-1">
+								<div class="col-md-6 col-sm-6 text-center">
+									<div class="event-wrap animate-box">
+										<h3>Katha Schmidt</h3>
+										<div>
+											<img src="images/TrauezugenDra_less.png" class="img-responsive trauzeugen">
+										</div>
+										<p>Tel.-Nr.: 0176 44707271</p>
 									</div>
 								</div>
-								<div class="col-md-3 col-sm-3">
-									<div class="form-group">
-										<label for="lastname" class="sr-only">Nachname</label>
-										<input type="lastname" class="form-control js-form-input" id="lastname" data-i18n="lastname"
-											data-i18n-attr="placeholder" placeholder="Nachname">
-									</div>
-								</div>
-								<div class="col-md-3 col-sm-3">
-									<div class="form-group">
-										<label for="tel" class="sr-only">Telefonnummer</label>
-										<input type="telephon" class="form-control js-form-input" id="tel" data-i18n="telephone_number"
-											data-i18n-attr="placeholder" placeholder="Telefonnummer">
-									</div>
-								</div>
-								<div class="col-md-3 col-sm-3">
-									<div class="form-group">
-										<label for="email" class="sr-only">E-Mail Addresse</label>
-										<input type="email" class="form-control js-form-input" id="email" data-i18n="E-Mail"
-											data-i18n-attr="placeholder" placeholder="E-Mail">
+								<div class="col-md-6 col-sm-6 text-center">
+									<div class="event-wrap animate-box">
+										<h3>Philipp Bienossek</h3>
+										<div>
+											<img src="images/TrauezugenJul_less.png" class="img-responsive trauzeugen">
+										</div>
+										<p>Tel.-Nr.: 01512 5272067</p>
 									</div>
 								</div>
 							</div>
-						</form>
-					</div>
-					<div class="plus-button col-md-1">
-						<span class="icon">
-							<a href="#" class="js-addField"><i class="icon-plus"></i></a>
-						</span>
-					</div>
-				</div>
-				<div class="row animate-box overnight" id="overnight-div">
-					<input class="overnight-js" type="checkbox" name="overnight" checked>
-					<label for="overnight" data-i18n="overnightoffer">Übernachtungsangebot?</label>
-				</div>
-				<div class="row animate-box">
-					<div class="col-md-4 col-md-offset-4 text-center fh5co-heading">
-						<button type="submit" id="js-submitbtn" data-i18n="submit" class="btn btn-default btn-block">Absenden</button>
-					</div>
-				</div>
-				<div class="row animate-box" style="margin-top: 50px;">
-					<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
-						<div id="guest_counter_holder" class="feature-center">
-							<span class="icon">
-								<i class="icon-users"></i>
-							</span>
-							<span id="guest_counter" class="counter js-counter" data-from="0" data-to="500" data-speed="5000"
-								data-refresh-interval="50">1</span>
-							<span class="counter-label" data-i18n="guest_count">Geschätzte Gäste</span>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
 
+		<div id="fh5co-couple-story">
+			<div class="container">
+				<div class="row">
+					<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
+						<span></span>
+						<h2 data-i18n="strategy">Ablauf des großen Tages</h2>
+						<p data-i18n="strategy_info">Hier findet ihr Informationen zu den einzelnen Programmpunkten unserer Hochzeit.</p>
+					</div>
+				</div>
+				<div class="row">
+					<div class="col-md-12 col-md-offset-0">
+						<ul class="timeline animate-box">
+							<li class="animate-box">
+								<div class="timeline-badge" style="background-image:url(images/Brauthaus.jpg);"></div>
+								<div class="timeline-panel">
+									<div class="timeline-heading">
+										<h3 data-i18n="strategy_t1" class="timeline-title">Treffen beim Brauthaus</h3>
+										<span class="date">10:30</span>
+									</div>
+									<div class="timeline-body">
+										<p data-i18n="strategy_p1" style="margin-bottom: 25px;">Hier werden sich die Gäste zusammenfinden und es werden Platten zum essen angeboten. Anschließend wird gemeinsam mit der Braut zur Kirche gefahren.</p>
+										<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4298.65640298428!2d8.98158990377853!3d50.161204153948276!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bd17f6cfba4df3%3A0xe0dcb57f7f43ed4b!2sKonrad-Adenauer-Stra%C3%9Fe%207%2C%2063526%20Erlensee!5e0!3m2!1sde!2sde!4v1652530643592!5m2!1sde!2sde"  width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+									</div>
+								</div>
+							</li>
+							<li class="timeline-inverted animate-box">
+								<div class="timeline-badge" style="background-image:url(images/Kirche.png);"></div>
+								<div class="timeline-panel">
+									<div class="timeline-heading">
+										<h3 data-i18n="strategy_t2" class="timeline-title">Trauung St. Stephan</h3>
+										<span class="date">13:30</span>
+									</div>
+									<div class="timeline-body">
+										<p style="margin-bottom: 25px;" data-i18n="strategy_p2">Hier werden wir getraaut! Anschließend werden Wasserflaschen verteilt und die ersten Gruppenfotos angefertigt.</p>
+										<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2156.6017222300893!2d8.207110167508382!3d49.99924393720268!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bd94211ac4b243%3A0xb41375a34a37c58d!2sSt.%20Stephan!5e0!3m2!1sde!2sde!4v1652531846656!5m2!1sde!2sde" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+									</div>
+								</div>
+							</li>
+							<li class="animate-box">
+								<div class="timeline-badge" style="background-image:url(images/Fotoshooting.JPG);"></div>
+								<div class="timeline-panel">
+									<div class="timeline-heading">
+										<h3 data-i18n="strategy_t3" class="timeline-title">Brautpaar Fotoshooting</h3>
+										<span class="date">15:30</span>
+									</div>
+									<div class="timeline-body">
+										<p data-i18n="strategy_p3">Während Ihr euch auf den Weg zur Location macht verschwinden wir kurz um ein paar Erinnerungen festzuhalten.</p>
+									</div>
+								</div>
+							</li>
+							<li class="timeline-inverted animate-box">
+								<div class="timeline-badge" style="background-image:url(images/Wiesenmühle.jpg);"></div>
+								<div class="timeline-panel">
+									<div class="timeline-heading">
+										<h3 data-i18n="strategy_t4" class="timeline-title">Sektempfang Wiesenmühle</h3>
+										<span class="date">16:15</span>
+									</div>
+									<div class="timeline-body">
+										<p style="margin-bottom: 25px;" data-i18n="strategy_p4">Sektempfang, Abendessen, Musik und natürlich gute Laune hier feiern wir für den restlichen Abend!</p>
+										<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2579.228371436668!2d8.119765151771038!3d49.72532704712457!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479620afb9aeaecd%3A0xbff4c624da7370e5!2sWiesenm%C3%BChle!5e0!3m2!1sde!2sde!4v1652531912784!5m2!1sde!2sde" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+									</div>
+								</div>
+							</li>
+							<li class="animate-box">
+								<div class="timeline-badge" style="background-image:url(images/catering.jpg);"></div>
+								<div class="timeline-panel">
+									<div class="timeline-heading">
+										<h3 class="timeline-title" data-i18n="strategy_t5">Abendessen & Dessert</h3>
+										<span class="date">18:30</span>
+									</div>
+									<div class="timeline-body">
+										<p style="margin-bottom: 25px;" data-i18n="strategy_p5">Hier ist dann auch für jeden was dabei.</p>
+									</div>
+								</div>
+							</li>
+							<li class="timeline-inverted animate-box">
+								<div class="timeline-badge" style="background-image:url(images/LetsDance.JPG);"></div>
+								<div class="timeline-panel">
+									<div class="timeline-heading">
+										<h3 class="timeline-title" data-i18n="strategy_t6">Eröffnung der Tanzfläche</h3>
+										<span class="date">22:00</span>
+									</div>
+									<div class="timeline-body">
+										<p style="margin-bottom: 25px;" data-i18n="strategy_p6">Wir machen den ersten Schritt doch freuen uns um rege Beteiligung!</p>
+									</div>
+								</div>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<div id="fh5co-services" class="fh5co-section-gray">
+			<div class="container">
+				
+				<div class="row animate-box">
+					<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
+						<h2 data-i18n="overnight">Übernachtung</h2>
+						<p data-i18n="overnight_info">Wir haben für euch ein Zimmerkontigent mit folgenden Kondition reseviert! Ihr müsst euch jedoch selber telefonisch oder per E-Mail bei dem entsprechenden Hotel melden um das Angebot in Anspruch zu nehmen.</p>
+					</div>
+				</div>
+	
+				<div class="row">
+					<div>
+						<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
+							<span class="icon">
+								<i class="icon-home"></i>
+							</span>
+							<div class="feature-copy">
+								<h3>Landgasthof Hotel Rebe Alzey</h3>
+								<p data-i18n="overnight_hotel_1">Einzelzimmer a' 50 €, Zweibettzimmer a' 78 €, Dreibettzimmer a' 110€ und ein Familienzimmer ( 4 Personen) a' 140 €. Die Preise sind inklusive Frühstück. Zimmer werden freigehalten bis 01. Juni 2022. Sollten einige Gäste aus driftigen Gründen Absagen, so besteht die Möglichkeit bis zum Anreisetag bis spätestens 12.00 Uhr kostenfrei zu stornieren.</p>
+								<p>Landgasthof Hotel Rebe Alzey</br>
+									Antoniterstr. 47,</br>
+									55232 Alzey</br>
+									Tel. 06731/1285, Stichwort: "DJ"</br>
+									info@hotelrebealzey.de</br>
+								</p>
+							</div>
+						</div>
+	
+						<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
+							<span class="icon">
+								<i class="icon-home"></i>
+							</span>
+							<div class="feature-copy">
+								<h3>Hotel am Schloss</h3>
+								<p data-i18n="overnight_hotel_2">Doppelzimmer a' 83,00 Euro pro Zimmer/Nacht zzgl. 9,50 Euro Frühstück pro Person/Tag.</p>
+								<p>Hotel Am Schloss</br>
+									Amtgasse 39,</br>
+									55232 Alzey</br>
+									Tel. 06731/94224, Stichwort: "DJ"</br>
+									info@hotelamschloss-alzey.de</br>
+								</p>
+							</div>
+						</div>
+	
+						<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
+							<span class="icon">
+								<i class="icon-home"></i>
+							</span>
+							<div class="feature-copy">
+								<h3>Dorint Hotel</h3>
+								<p data-i18n="overnight_hotel_3">Einzelzimmer a' 89€, Doppelzimmer a' 109€. Die Preise sind inklusive Frühstück. Hier ist kein Zimmerkontigent reseviert!</p>
+								<p> Dorint Hotel Alzey/Worms</br>
+									Karl-Heinz-Kipp-Straße 13,</br>
+									55232 Alzey</br>
+									Tel. 06731/4030</br>
+									reservierung@alzey.dorint.com</br>
+								</p>
+							</div>
+						</div>
+	
+					</div>
+				</div>
+			</div>
+		</div>
 	</div>
 
 	<div class="gototop js-top">

js/main.js

@@ -18,7 +18,6 @@
 
 	};
 
-
 	var offcanvasMenu = function() {
 
 		$('#page').prepend('<div id="fh5co-offcanvas" />');
@@ -62,7 +61,6 @@
 		});
 	};
 
-
 	var burgerMenu = function() {
 
 		$('body').on('click', '.js-fh5co-nav-toggle', function(event){
@@ -80,8 +78,6 @@
 		});
 	};
 
-
-
 	var contentWayPoint = function() {
 		var i = 0;
 		$('.animate-box').waypoint( function( direction ) {
@@ -118,7 +114,6 @@
 		} , { offset: '85%' } );
 	};
 
-
 	var dropdown = function() {
 
 		$('.has-dropdown').mouseenter(function(){
@@ -140,7 +135,6 @@
 
 	};
 
-
 	var testimonialCarousel = function(){
 		var owl = $('.owl-carousel-fullwidth');
 		owl.owlCarousel({
@@ -155,7 +149,6 @@
 		});
 	};
 
-
 	var goToTop = function() {
 
 		$('.js-gotop').on('click', function(event){
@@ -338,7 +331,6 @@
 		}
 	}
 
-
 	var changeLanguage = function() {
 		$('.change-language-js').on('click', function(event){
 			
@@ -360,8 +352,6 @@
 		});
 	}
 	
-
-	
 	$(function(){
 		mobileMenuOutsideClick();
 		parallax();
@@ -378,112 +368,52 @@
 		defaultUncheckedInputCheckboxes();
 		changeLanguage();
 	});
-
-
 }());
 
+
 document.getElementById("js-submitbtn").addEventListener("click", async function () {
-	//document.getElementById("js-attentants").elements["foo"]
+	event.preventDefault();
+
 	let inputs = document.querySelectorAll('.js-form-input');
 
 	console.log(inputs);
+	let from = inputs[0].value;
+ 	let message = inputs[1].value;
 
-	let firstname = inputs[0].value;
-	let lastname = inputs[1].value;
-	let telephonenumber = inputs[2].value;
-	let eMail = inputs[3].value;
-
-	if(StringLengthLT2(firstname))
+	if(StringLengthLT2(from))
 	{
-		SubmitError("Firstname too short!");
+		SubmitError("Name too short!");
 		return;
 	}
 
-	if(StringLengthLT2(lastname))
+	if(StringLengthLT2(message))
 	{
-		SubmitError("Lastname too short!");
+		SubmitError("message too short!");
 		return;
 	}
 
-	if(StringLengthLT2(telephonenumber))
-	{
-		SubmitError("Telephonenumber too short!");
-		return;
-	}
+	let contact = {
+				from: from,
+				email: "none",
+				message: message,
+		};
 
-	if(!OnlyNumbersInString(telephonenumber))
-	{
-		SubmitError("Telephonenumber can only contain numbers!");
-		return;	
-	}
-
-	if(StringLengthLT2(eMail))
-	{
-		SubmitError("E-Mail too short!");
-		return;
-	}
-
-	let overnightRequired = false;
-
-	if ($('.overnight-js').is(":checked")) {
-		overnightRequired = true;
-	}
-
-	let family = {
-		name: lastname,
-		overnight: overnightRequired,
-		telephonenumber: telephonenumber,
-		email: eMail,
-		members: []
-	  };
-
-	let familyMember = {
-		name: firstname + " " + lastname,
-		isChild: false
-	}
-
-	family.members.push(familyMember);
-
-	for (let i = 4; i < inputs.length; i+=3) 
-	{
-		let firstname = inputs[i].value;
-		let lastname = inputs[i+1].value;
-		let isChild = inputs[i+2].checked;
-		console.log("IsChild" + isChild);
-		if(StringLengthLT2(firstname))
-		{
-			SubmitError("Firstname of accompaniment too short!");
-			return;
-		}
-		if(StringLengthLT2(lastname))
-		{
-			SubmitError("Lastname of accompaniment too short!");
-			return;
-		}
-		let familyMember = {
-			name: firstname + " " + lastname,
-			isChild: isChild
-		}
-
-		family.members.push(familyMember);
-	}
-
-	console.log("Request: " + JSON.stringify(family));
-
-	
-	const response = await fetch("https://rismer.de:9999/family", {
+	const response = await fetch("https://rismer.de:9999/contact", {
 		method: 'POST', // *GET, POST, PUT, DELETE, etc.
 		mode: 'cors', // no-cors, *cors, same-origin
 		cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
 		//credentials: 'same-origin', // include, *same-origin, omit
 		headers: {
-		  'Content-Type': 'application/json'
-		  // 'Content-Type': 'application/x-www-form-urlencoded',
+		'Content-Type': 'application/json'
+		// 'Content-Type': 'application/x-www-form-urlencoded',
 		},
 		redirect: 'follow', // manual, *follow, error
 		referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
-		body: JSON.stringify(family) // body data type must match "Content-Type" header
-	  }).catch(function (timeout) { SubmitError("API error. Call the phone number."); });
+		body: JSON.stringify(contact) // body data type must match "Content-Type" header
+	}).catch(function (timeout) { SubmitError("API error. Call the phone number."); });
+
+	console.log("Request: " + JSON.stringify(contact));
+
 	if(response.ok)
 	{
 		let jsonResponse = await response.json();
@@ -494,8 +424,122 @@ document.getElementById("js-submitbtn").addEventListener("click", async function
 	{
 		SubmitError();
 	}
-	  //TODO: Refresh attentats count
-  });
+});
+
+// document.getElementById("js-submitbtn").addEventListener("click", async function () {
+// 	//document.getElementById("js-attentants").elements["foo"]
+// 	let inputs = document.querySelectorAll('.js-form-input');
+
+// 	console.log(inputs);
+
+// 	let firstname = inputs[0].value;
+// 	let lastname = inputs[1].value;
+// 	let telephonenumber = inputs[2].value;
+// 	let eMail = inputs[3].value;
+
+// 	if(StringLengthLT2(firstname))
+// 	{
+// 		SubmitError("Firstname too short!");
+// 		return;
+// 	}
+
+// 	if(StringLengthLT2(lastname))
+// 	{
+// 		SubmitError("Lastname too short!");
+// 		return;
+// 	}
+
+// 	if(StringLengthLT2(telephonenumber))
+// 	{
+// 		SubmitError("Telephonenumber too short!");
+// 		return;
+// 	}
+
+// 	if(!OnlyNumbersInString(telephonenumber))
+// 	{
+// 		SubmitError("Telephonenumber can only contain numbers!");
+// 		return;	
+// 	}
+
+// 	if(StringLengthLT2(eMail))
+// 	{
+// 		SubmitError("E-Mail too short!");
+// 		return;
+// 	}
+
+// 	let overnightRequired = false;
+
+// 	if ($('.overnight-js').is(":checked")) {
+// 		overnightRequired = true;
+// 	}
+
+// 	let family = {
+// 		name: lastname,
+// 		overnight: overnightRequired,
+// 		telephonenumber: telephonenumber,
+// 		email: eMail,
+// 		members: []
+// 	  };
+
+// 	let familyMember = {
+// 		name: firstname + " " + lastname,
+// 		isChild: false
+// 	}
+
+// 	family.members.push(familyMember);
+
+// 	for (let i = 4; i < inputs.length; i+=3) 
+// 	{
+// 		let firstname = inputs[i].value;
+// 		let lastname = inputs[i+1].value;
+// 		let isChild = inputs[i+2].checked;
+// 		console.log("IsChild" + isChild);
+// 		if(StringLengthLT2(firstname))
+// 		{
+// 			SubmitError("Firstname of accompaniment too short!");
+// 			return;
+// 		}
+// 		if(StringLengthLT2(lastname))
+// 		{
+// 			SubmitError("Lastname of accompaniment too short!");
+// 			return;
+// 		}
+// 		let familyMember = {
+// 			name: firstname + " " + lastname,
+// 			isChild: isChild
+// 		}
+
+// 		family.members.push(familyMember);
+// 	}
+
+// 	console.log("Request: " + JSON.stringify(family));
+
+	
+// 	const response = await fetch("https://rismer.de:9999/family", {
+// 		method: 'POST', // *GET, POST, PUT, DELETE, etc.
+// 		mode: 'cors', // no-cors, *cors, same-origin
+// 		cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
+// 		//credentials: 'same-origin', // include, *same-origin, omit
+// 		headers: {
+// 		  'Content-Type': 'application/json'
+// 		  // 'Content-Type': 'application/x-www-form-urlencoded',
+// 		},
+// 		redirect: 'follow', // manual, *follow, error
+// 		referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
+// 		body: JSON.stringify(family) // body data type must match "Content-Type" header
+// 	  }).catch(function (timeout) { SubmitError("API error. Call the phone number."); });
+// 	if(response.ok)
+// 	{
+// 		let jsonResponse = await response.json();
+// 		console.log("Response: " + jsonResponse);
+// 		SubmitSuccess();
+// 	}
+// 	else
+// 	{
+// 		SubmitError();
+// 	}
+// 	  //TODO: Refresh attentats count
+//   });
 
   function OnlyNumbersInString(string)
   {
@@ -525,8 +569,8 @@ document.getElementById("js-submitbtn").addEventListener("click", async function
   }
 
   async function SubmitSuccess() {
-	let title = 'Teilgenommen';
-	let text = "Wir freuen uns auf euch!";
+	let title = 'Rückgemeldet';
+	let text = "Nun gibt es kein zurück mehr!";
 	title = await translator.getTranslationByKey(document.documentElement.lang,"success_title");
 	text = await translator.getTranslationByKey(document.documentElement.lang,"success_text");
 
@@ -541,15 +585,11 @@ document.getElementById("js-submitbtn").addEventListener("click", async function
 		//document.querySelector('#myfrm').submit(); // manully submit 
 	}).catch(function (timeout) { });
 
-	document.getElementById("attentant-container").remove();
-	document.getElementById("overnight-div").remove();
 	document.getElementById("js-submitbtn").disabled = 'true';
 	document.getElementById("js-submitbtn").textContent = await translator.getTranslationByKey(document.documentElement.lang,"already_participating");
 	return;
   }
 
-
-
   class Translator {
 	constructor(options = {}) {
 	  this._options = Object.assign({}, this.defaultConfig, options);
@@ -557,9 +597,15 @@ document.getElementById("js-submitbtn").addEventListener("click", async function
 	  this._cache = new Map();
   
 	  if (this._options.detectLanguage) {
-		this._options.defaultLanguage = this._detectLanguage();
+		let detectLanguage = this._detectLanguage();
+		if(this._options.languages.includes(detectLanguage))
+		{
+			this._options.defaultLanguage = detectLanguage;
+		}
 	  }
 
+
+
 	  document.documentElement.lang = this._options.defaultLanguage;
   
 	  if (
@@ -568,6 +614,8 @@ document.getElementById("js-submitbtn").addEventListener("click", async function
 	  ) {
 		this._getResource(this._options.defaultLanguage);
 	  }
+
+	  this.load(document.documentElement.lang);
 	}
   
 	_detectLanguage() {
@@ -701,7 +749,6 @@ document.getElementById("js-submitbtn").addEventListener("click", async function
 	}
   }
   
-
   var translator = new Translator({
 	persist: false,
 	languages: ["hr", "de"],
@@ -719,4 +766,4 @@ else {
 	$(".js-flag-image").attr("src","flags/4x3/de.svg");
 }
 
-  //translator.load();
+	//translator.load(translator._options.detectLanguage);