form.md

E-Mail und Kontaktformular {: #form }

Für allgemeine Anfragen erreichst Du uns am besten über dieses Kontaktformular.
Falls Du Dich für eine bestimmte Unterweisung anmelden möchtest, kannst Du dies über unseren Kalender tun. Sollte die von Dir gewünschte Unterweisung dort nicht zu finden sein, melde Dich bitte bei uns über das folgende Kontaktformular.

<!-- required am Ende der Felddefinition bedeutet: Eingabe ist erforderlich> -->
<h2>Kontaktformular</h2>
<div class="form-field">
	<label for="nachname"><strong>Name:</strong></label>
	<input name="nachname" type="text" maxlength="30" required/>
</div>							

<div class="form-field">
	<label for="vorname"><strong>Vorname:</strong></label>
	<input name="vorname" type="text" maxlength="30" required/>
</div>							

<div class="form-field">
	<label for="email"><strong>E-Mail:</strong></label>
	<input name="email" type="email" maxlength="60" required/>
</div>			

<div class="form-field">
	<label for="tel"><strong>Telefonnummer:</strong></label>
	<input name="tel" type="tel" maxlength="40" placeholder="Optional" />
</div>

<div class="form-field">
	<label for="rolle"><strong>Deine Rolle:</strong></label>
	<select name="rolle" id="rolle" style="font-size: 1em; padding: 0.5em;" required>
		<option value="" disabled selected>Bitte wählen</option>
		<option value="Worldfactory-Gründungsteam oder -Mitarbeiter*in">Worldfactory-Start-up</option>
		<option value="Start-up oder Gründungsteam (ohne Worldfactory-Bezug)">Externes Start-up</option>
		<option value="RUB-Angehörige*r (ohne Worldfactory-Bezug)">RUB-Angehörige*r</option>                    
		<option value="Unternehmen / Wirtschaftliche Einrichtung">Unternehmen</option>
		<option value="Privatperson">Privatperson</option>
		<option value="Öffentliche Einrichtung ohne RUB-Zugehörigkeit">Öffentliche Einrichtung</option>
	</select>
	<span>Mehr Informationen zu unseren Zielgruppen findest Du <a href="/ms-nutzen#ziel" target="_blank">hier<span class="twemoji"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3.75 2h3.5a.75.75 0 0 1 0 1.5h-3.5a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-3.5a.75.75 0 0 1 1.5 0v3.5A1.75 1.75 0 0 1 12.25 14h-8.5A1.75 1.75 0 0 1 2 12.25v-8.5C2 2.784 2.784 2 3.75 2m6.854-1h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177L13.03 4.03 9.28 7.78a.75.75 0 0 1-1.042-.018.75.75 0 0 1-.018-1.042l3.75-3.75-1.543-1.543A.25.25 0 0 1 10.604 1"/></path></svg></span></a>.</span>
</div>						

<div class="form-field">
	<label for="nachricht" id="nachricht-text"><strong>Deine Nachricht:</strong><span class='large'></span></label>
	<textarea name="nachricht" maxlength="500" placeholder="Hier kannst Du Deine Nachricht schreiben (Limit: 500 Zeichen)" rows="6"></textarea>
</div> 

<div class="honey">
	<label for="honigtopf"><strong>Please do not fill this field:</strong></label>
	<input name="honigtopf" type="text" maxlength="50" value="" />
</div>	

<div class="form-field" style="margin-bottom: 10px; font-size: var(--form-note-font-size);">
	<label for="data-privacy" style="font-size: var(--form-note-font-size);">
		<div style="float: left; padding: 0px;">
			<input type="checkbox" id="data-privacy" name="data-privacy" required>
		</div>
		<div style="overflow: hidden; padding-left: 10px;">
			Ich erkläre mich mit der Erhebung, Verarbeitung und Speicherung meiner hier gemachten Angaben gemäß Eurer
			<a href="https://www.ruhr-uni-bochum.de/de/datenschutz" target="_blank" style="color: var(--link-color);">Datenschutzerklärung</a> einverstanden. Meine Einwilligung kann ich jederzeit durch formlose Mitteilung an Euch widerrufen.
		</div>
	</label>
</div>
      

<div class="form-field">
	<input type="submit" class="hover" value="Kontaktformular absenden" name="schicken" /> 
</div>