diff --git a/js/components/EditableStringList.js b/js/components/EditableStringList.js
index b7ea161..836d4d6 100644
--- a/js/components/EditableStringList.js
+++ b/js/components/EditableStringList.js
@@ -1,13 +1,6 @@
 import React from 'react';
 import {
-    Alert,
-    Button,
-    Card,
-    CardBody,
-    CardTitle,
-    Input,
-    InputGroup,
-    InputGroupAddon
+    Alert, Button, Card, CardBody, CardTitle, Input, InputGroup, InputGroupAddon
 } from 'reactstrap';
 
 import '../../static/css/editablestringlist.css';
@@ -16,9 +9,7 @@ export default class EditableStringList extends React.Component {
     constructor(props) {
         super(props);
         this.state = {
-            groupSize: props.groupSize,
-            teams: props.teams,
-            groups: props.groups
+            groupSize: props.groupSize, teams: props.teams, groups: props.groups
         };
         this.add = this.add.bind(this);
         this.remove = this.remove.bind(this);
@@ -39,8 +30,7 @@ export default class EditableStringList extends React.Component {
         lastGroup[lastGroup.length] = text;
 
         this.setState({
-            teams: this.state.teams,
-            groups: this.state.groups
+            teams: this.state.teams, groups: this.state.groups
         });
 
         this.props.onTeamsChange(this.state.teams);
@@ -55,8 +45,7 @@ export default class EditableStringList extends React.Component {
         }
 
         this.setState({
-            teams: this.state.teams,
-            groups: this.state.groups
+            teams: this.state.teams, groups: this.state.groups
         });
 
         this.props.onTeamsChange(this.state.teams);
@@ -91,8 +80,7 @@ export default class EditableStringList extends React.Component {
             for (let team = 0; team < this.state.groups[group].length; team++) {
                 if (this.state.groups[group][team] === text) {
                     return {
-                        group: group,
-                        team: team
+                        group: group, team: team
                     };
                 }
             }
@@ -120,8 +108,7 @@ export default class EditableStringList extends React.Component {
         }
 
         this.setState({
-            groupSize: newSize,
-            groups: rearrangedGroups
+            groupSize: newSize, groups: rearrangedGroups
         });
         this.props.onGroupsChange(this.state.groups);
     }
@@ -148,35 +135,32 @@ export default class EditableStringList extends React.Component {
 
         if (this.props.groupPhaseEnabled) {
             if ((typeof this.state.teams !== 'undefined') && this.state.teams.length > 0) {
-                return (
-                    <div className="bg-light p-3 text-secondary font-italic">
-                        <StringInput submit={this.add} placeholder={this.props.inputPlaceholder} addButtonText={this.props.addButtonText}/>
-                        <GroupView groups={this.state.groups} removeTeam={this.remove} onGroupSwitched={this.onGroupSwitch}/>
-                    </div>
-                );
+                return (<div className="bg-light p-3 text-secondary font-italic">
+                    <StringInput submit={this.add} placeholder={this.props.inputPlaceholder}
+                        addButtonText={this.props.addButtonText}/>
+                    <GroupView groups={this.state.groups} removeTeam={this.remove}
+                        onGroupSwitched={this.onGroupSwitch}/>
+                </div>);
             } else {
-                return (
-                    <div className="bg-light p-3 text-secondary text-center font-italic">
-                        <StringInput submit={this.add} placeholder={this.props.inputPlaceholder} addButtonText={this.props.addButtonText}/>
-                        {this.props.groupPlaceHolder}
-                    </div>
-                );
+                return (<div className="bg-light p-3 text-secondary text-center font-italic">
+                    <StringInput submit={this.add} placeholder={this.props.inputPlaceholder}
+                        addButtonText={this.props.addButtonText}/>
+                    {this.props.groupPlaceHolder}
+                </div>);
             }
         } else {
             if ((typeof this.state.teams !== 'undefined') && this.state.teams.length > 0) {
-                return (
-                    <div className="bg-light p-3 text-secondary font-italic">
-                        <StringInput submit={this.add} placeholder={this.props.inputPlaceholder} addButtonText={this.props.addButtonText}/>
-                        {this.state.teams.map(text => <Item text={text} key={text} removeItem={this.remove}/>)}
-                    </div>
-                );
+                return (<div className="bg-light p-3 text-secondary font-italic">
+                    <StringInput submit={this.add} placeholder={this.props.inputPlaceholder}
+                        addButtonText={this.props.addButtonText}/>
+                    {this.state.teams.map(text => <Item text={text} key={text} removeItem={this.remove}/>)}
+                </div>);
             } else {
-                return (
-                    <div className="bg-light p-3 text-secondary text-center font-italic">
-                        <StringInput submit={this.add} placeholder={this.props.inputPlaceholder} addButtonText={this.props.addButtonText}/>
-                        {this.props.teamPlaceholder}
-                    </div>
-                );
+                return (<div className="bg-light p-3 text-secondary text-center font-italic">
+                    <StringInput submit={this.add} placeholder={this.props.inputPlaceholder}
+                        addButtonText={this.props.addButtonText}/>
+                    {this.props.teamPlaceholder}
+                </div>);
             }
         }
     }
@@ -188,38 +172,28 @@ class GroupView extends React.Component {
     }
 
     render() {
-        return (
-            <div>
-                {this.props.groups.map((group, groupindex) => (
-                    <Card className="group-card" key={groupindex}>
-                        <CardBody>
-                            <CardTitle>Group {groupindex + 1}</CardTitle>
-                            {group.map((team, teamindex) => (
-                                <div key={team} draggable droppable="droppable"
-                                    className="grouped-team-item"
-                                    onDragStart={e => this.onDragStart(e, groupindex, teamindex)}
-                                    onDragOver={e => this.onDragOver(e)}
-                                    onDrop={e => this.onDrop(e, groupindex, teamindex)}>
+        return (<div>
+            {this.props.groups.map((group, groupindex) => (<Card className="group-card" key={groupindex}>
+                <CardBody>
+                    <CardTitle>Group {groupindex + 1}</CardTitle>
+                    {group.map((team, teamindex) => (<div key={team} draggable droppable="droppable"
+                        className="grouped-team-item"
+                        onDragStart={e => this.onDragStart(e, groupindex, teamindex)}
+                        onDragOver={e => this.onDragOver(e)}
+                        onDrop={e => this.onDrop(e, groupindex, teamindex)}>
 
-                                    <Item text={team} removeItem={this.props.removeTeam}/>
+                        <Item text={team} removeItem={this.props.removeTeam}/>
 
-                                </div>
-                            ))}
-                        </CardBody>
-                    </Card>
-                ))}
-            </div>
-        );
+                    </div>))}
+                </CardBody>
+            </Card>))}
+        </div>);
     }
 
     onDragStart(e, group, team) {
-        e.dataTransfer.setData(
-            'text/plain',
-            JSON.stringify({
-                group: group,
-                team: team
-            })
-        );
+        e.dataTransfer.setData('text/plain', JSON.stringify({
+            group: group, team: team
+        }));
     }
 
     onDragOver(e) {
@@ -231,8 +205,7 @@ class GroupView extends React.Component {
 
         const src = JSON.parse(e.dataTransfer.getData('text'));
         const dest = {
-            group: group,
-            team: team
+            group: group, team: team
         };
 
         this.props.onGroupSwitched(src, dest);
@@ -252,20 +225,19 @@ class StringInput extends React.Component {
     }
 
     render() {
-        return (
-            <InputGroup className="mb-3">
-                <Input placeholder={this.props.placeholder} type="text" size="255" value={this.state.value} required onChange={this.handleChange} onKeyPress={e => {
+        return (<InputGroup className="mb-3">
+            <Input placeholder={this.props.placeholder} type="text" size="255" value={this.state.value} required
+                onChange={this.handleChange} onKeyPress={e => {
                     if (e.key === 'Enter') {
                         this.submit();
                         return false;
                     }
                 }}/>
-                <InputGroupAddon addonType="append">
-                    <Button color="success" outline={true}
-                        onClick={() => this.submit()}>{this.props.addButtonText}</Button>
-                </InputGroupAddon>
-            </InputGroup>
-        );
+            <InputGroupAddon addonType="append">
+                <Button color="success" outline={true}
+                    onClick={() => this.submit()}>{this.props.addButtonText}</Button>
+            </InputGroupAddon>
+        </InputGroup>);
     }
 
     submit() {
@@ -290,10 +262,8 @@ class Item extends React.Component {
     }
 
     render() {
-        return (
-            <Alert className="team-item m-2" color="info" isOpen={this.state.visible} toggle={this.onDismiss}>
-                {this.props.text}
-            </Alert>
-        );
+        return (<Alert className="team-item m-2" color="info" isOpen={this.state.visible} toggle={this.onDismiss}>
+            {this.props.text}
+        </Alert>);
     }
 }
diff --git a/js/components/Login.js b/js/components/Login.js
index f90d30d..e2b5026 100644
--- a/js/components/Login.js
+++ b/js/components/Login.js
@@ -9,37 +9,30 @@ import '../../static/css/errormessages.css';
 import {notify} from 'react-notify-toast';
 
 export function Login(props) {
-    return (
-        <Container className="py-5">
-            <Card className="shadow">
-                <CardBody>
-                    <h1 className="custom-font">Login</h1>
-                    <Hint hint={props.hint}/>
-                    <LoginForm/>
-                    <div className="mt-3">
-                        <a href="/register" className="mr-3">Account anlegen</a>
-                        <a href="/register#account-requirement">Warum ist ein Account nötig?</a>
-                    </div>
-                </CardBody>
-            </Card>
-        </Container>
-    );
+    return (<Container className="py-5">
+        <Card className="shadow">
+            <CardBody>
+                <h1 className="custom-font">Login</h1>
+                <Hint hint={props.hint}/>
+                <LoginForm/>
+                <div className="mt-3">
+                    <a href="/register" className="mr-3">Account anlegen</a>
+                    <a href="/register#account-requirement">Warum ist ein Account nötig?</a>
+                </div>
+            </CardBody>
+        </Card>
+    </Container>);
 }
 
 class LoginErrorList extends React.Component {
     render() {
         const {error, errorMessages} = this.props;
         if (error) {
-            return (
-                <ul className='mt-3 error-box'>
-                    { errorMessages.map((message, index) =>
-                        <li key={index}>
-                            {message}
-                        </li>
-
-                    ) }
-                </ul>
-            );
+            return (<ul className='mt-3 error-box'>
+                {errorMessages.map((message, index) => <li key={index}>
+                    {message}
+                </li>)}
+            </ul>);
         } else {
             return null;
         }
@@ -51,9 +44,7 @@ const mapStateToErrorMessages = state => {
     return {errorMessages, error};
 };
 
-const VisibleLoginErrorList = connect(
-    mapStateToErrorMessages
-)(LoginErrorList);
+const VisibleLoginErrorList = connect(mapStateToErrorMessages)(LoginErrorList);
 
 class LoginSuccessRedirectComponent extends React.Component {
     render() {
@@ -76,32 +67,32 @@ class LoginForm extends React.Component {
         super(props);
 
         this.state = {
-            email: '',
-            password: ''
+            email: '', password: ''
         };
     }
 
     tryLogin(event) {
         event.preventDefault();
-        login(this.state.email, this.state.password, username => notify.show('Willkommen, ' + username + '!', 'success', 2500));
+        login(this.state.email, this.state.password,
+            username => notify.show('Willkommen, ' + username + '!', 'success', 2500));
     }
 
     render() {
-        return (
-            <Form onSubmit={this.tryLogin.bind(this)}>
-                <FormGroup>
-                    <Label for="username">E-Mail-Adresse</Label>
-                    <Input type="email" name="username" value={this.state.email} onChange={ this.handleEmailInput.bind(this) } />
-                </FormGroup>
-                <FormGroup>
-                    <Label for="password">Passwort</Label>
-                    <Input type="password" name="password" value={this.state.password} onChange={ this.handlePasswordInput.bind(this) } />
-                </FormGroup>
-                <input type="submit" className="btn btn-lg btn-success w-100 shadow-sm" value="Anmelden"/>
-                <VisibleLoginErrorList/>
-                <LoginSuccessRedirect/>
-            </Form>
-        );
+        return (<Form onSubmit={this.tryLogin.bind(this)}>
+            <FormGroup>
+                <Label for="username">E-Mail-Adresse</Label>
+                <Input type="email" name="username" value={this.state.email}
+                    onChange={this.handleEmailInput.bind(this)}/>
+            </FormGroup>
+            <FormGroup>
+                <Label for="password">Passwort</Label>
+                <Input type="password" name="password" value={this.state.password}
+                    onChange={this.handlePasswordInput.bind(this)}/>
+            </FormGroup>
+            <input type="submit" className="btn btn-lg btn-success w-100 shadow-sm" value="Anmelden"/>
+            <VisibleLoginErrorList/>
+            <LoginSuccessRedirect/>
+        </Form>);
     }
 
     handlePasswordInput(input) {
@@ -115,9 +106,7 @@ class LoginForm extends React.Component {
 
 function Hint(props) {
     if (props.hint != null) {
-        return (
-            <h3>{ props.hint }</h3>
-        );
+        return (<h3>{props.hint}</h3>);
     } else {
         return null;
     }
diff --git a/js/components/Navigation.js b/js/components/Navigation.js
index eb2ec81..917d30a 100644
--- a/js/components/Navigation.js
+++ b/js/components/Navigation.js
@@ -1,14 +1,5 @@
 import {
-    Badge,
-    Button,
-    ButtonGroup,
-    Collapse,
-    Nav,
-    Navbar,
-    NavbarBrand,
-    NavbarToggler,
-    NavItem,
-    NavLink
+    Badge, Button, ButtonGroup, Collapse, Nav, Navbar, NavbarBrand, NavbarToggler, NavItem, NavLink
 } from 'reactstrap';
 import {connect} from 'react-redux';
 import React from 'react';
@@ -34,26 +25,22 @@ export class TurniereNavigation extends React.Component {
     }
 
     render() {
-        return (
-            <Navbar color="light" light expand="lg">
-                <NavbarBrand href="/">turnie.re</NavbarBrand>
-                <Betabadge/>
-                <NavbarToggler onClick={this.toggle} />
-                <Collapse isOpen={!this.state.collapsed} navbar>
-                    <NavLinks/>
-                    <LoginLogoutButtons/>
-                </Collapse>
-            </Navbar>
-        );
+        return (<Navbar color="light" light expand="lg">
+            <NavbarBrand href="/">turnie.re</NavbarBrand>
+            <Betabadge/>
+            <NavbarToggler onClick={this.toggle}/>
+            <Collapse isOpen={!this.state.collapsed} navbar>
+                <NavLinks/>
+                <LoginLogoutButtons/>
+            </Collapse>
+        </Navbar>);
     }
 }
 
 function Navlink(props) {
-    return (
-        <NavItem active={true}>
-            <NavLink href={props.target}>{props.text}</NavLink>
-        </NavItem>
-    );
+    return (<NavItem active={true}>
+        <NavLink href={props.target}>{props.text}</NavLink>
+    </NavItem>);
 }
 
 class SmartNavLinks extends React.Component {
@@ -80,19 +67,19 @@ class InvisibleLoginLogoutButtons extends React.Component {
         const {isSignedIn, username} = this.props;
 
         if (isSignedIn) {
-            return (
-                <ButtonGroup className="nav-item">
-                    <Button outline color="success" href="/profile" className="navbar-btn my-2 my-sm-0 px-5">{ username }</Button>
-                    <Button outline color="success" onClick={this.logout.bind(this)} className="navbar-btn my-2 my-sm-0 px-5">Logout</Button>
-                </ButtonGroup>
-            );
+            return (<ButtonGroup className="nav-item">
+                <Button outline color="success" href="/profile"
+                    className="navbar-btn my-2 my-sm-0 px-5">{username}</Button>
+                <Button outline color="success" onClick={this.logout.bind(this)}
+                    className="navbar-btn my-2 my-sm-0 px-5">Logout</Button>
+            </ButtonGroup>);
         } else {
-            return (
-                <ButtonGroup className="nav-item">
-                    <Button outline color="success" href="/login" className="navbar-btn my-2 my-sm-0 px-5">Login</Button>
-                    <Button outline color="success" href="/register" className="navbar-btn my-2 my-sm-0 px-5">Registrieren</Button>
-                </ButtonGroup>
-            );
+            return (<ButtonGroup className="nav-item">
+                <Button outline color="success" href="/login"
+                    className="navbar-btn my-2 my-sm-0 px-5">Login</Button>
+                <Button outline color="success" href="/register"
+                    className="navbar-btn my-2 my-sm-0 px-5">Registrieren</Button>
+            </ButtonGroup>);
         }
     }
 }
@@ -102,10 +89,6 @@ const mapStateToUserinfo = state => {
     return {isSignedIn, username};
 };
 
-const LoginLogoutButtons = connect(
-    mapStateToUserinfo
-)(InvisibleLoginLogoutButtons);
+const LoginLogoutButtons = connect(mapStateToUserinfo)(InvisibleLoginLogoutButtons);
 
-const NavLinks = connect(
-    mapStateToUserinfo
-)(SmartNavLinks);
+const NavLinks = connect(mapStateToUserinfo)(SmartNavLinks);
diff --git a/pages/_app.js b/pages/_app.js
index fa32ca1..ac91bd6 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -14,15 +14,13 @@ class TurniereApp extends App {
 
     render() {
         const {Component, pageProps, reduxStore} = this.props;
-        return (
-            <Container>
-                <Notifications />
-                <Favicon url="../static/icons/favicon.ico"/>
-                <Provider store={reduxStore}>
-                    <Component {...pageProps} />
-                </Provider>
-            </Container>
-        );
+        return (<Container>
+            <Notifications/>
+            <Favicon url="../static/icons/favicon.ico"/>
+            <Provider store={reduxStore}>
+                <Component {...pageProps} />
+            </Provider>
+        </Container>);
     }
 }
 
diff --git a/pages/_error.js b/pages/_error.js
index ed893ca..b9af198 100644
--- a/pages/_error.js
+++ b/pages/_error.js
@@ -14,8 +14,6 @@ export default class Error extends React.Component {
     }
 
     render() {
-        return (
-            <ErrorPageComponent statusCode={this.props.statusCode}/>
-        );
+        return (<ErrorPageComponent statusCode={this.props.statusCode}/>);
     }
 }
diff --git a/pages/create.js b/pages/create.js
index fd67f55..e70c10c 100644
--- a/pages/create.js
+++ b/pages/create.js
@@ -5,15 +5,7 @@ import {connect} from 'react-redux';
 import posed from 'react-pose';
 
 import {
-    Button,
-    Card,
-    CardBody,
-    Container,
-    CustomInput,
-    Form,
-    FormGroup,
-    Input,
-    Label
+    Button, Card, CardBody, Container, CustomInput, Form, FormGroup, Input, Label
 } from 'reactstrap';
 
 import {TurniereNavigation} from '../js/components/Navigation';
@@ -29,34 +21,32 @@ class CreatePage extends React.Component {
     render() {
         const {isSignedIn} = this.props;
 
-        return (
-            <UserRestrictor>
-                <Option condition={isSignedIn}>
-                    <div className="main generic-fullpage-bg">
-                        <Head>
-                            <title>Turnier erstellen: turnie.re</title>
-                        </Head>
-                        <TurniereNavigation/>
-                        <div>
-                            <CreateTournamentCard/>
-                        </div>
-                        <Footer/>
+        return (<UserRestrictor>
+            <Option condition={isSignedIn}>
+                <div className="main generic-fullpage-bg">
+                    <Head>
+                        <title>Turnier erstellen: turnie.re</title>
+                    </Head>
+                    <TurniereNavigation/>
+                    <div>
+                        <CreateTournamentCard/>
                     </div>
-                </Option>
-                <Option condition={true}>
-                    <div className="main generic-fullpage-bg">
-                        <Head>
-                            <title>Anmeldung</title>
-                        </Head>
-                        <TurniereNavigation/>
-                        <div>
-                            <Login hint="Sie müssen angemeldet sein, um diesen Inhalt anzuzeigen!"/>
-                        </div>
-                        <Footer/>
+                    <Footer/>
+                </div>
+            </Option>
+            <Option condition={true}>
+                <div className="main generic-fullpage-bg">
+                    <Head>
+                        <title>Anmeldung</title>
+                    </Head>
+                    <TurniereNavigation/>
+                    <div>
+                        <Login hint="Sie müssen angemeldet sein, um diesen Inhalt anzuzeigen!"/>
                     </div>
-                </Option>
-            </UserRestrictor>
-        );
+                    <Footer/>
+                </div>
+            </Option>
+        </UserRestrictor>);
     }
 }
 
@@ -65,31 +55,24 @@ function mapStateToCreatePageProperties(state) {
     return {isSignedIn};
 }
 
-export default connect(
-    mapStateToCreatePageProperties
-)(CreatePage);
+export default connect(mapStateToCreatePageProperties)(CreatePage);
 
 function CreateTournamentCard() {
-    return (
-        <Container className="py-5">
-            <Card className="shadow">
-                <CardBody>
-                    <h1 className="custom-font">Turnier erstellen</h1>
-                    <CreateTournamentForm/>
-                </CardBody>
-            </Card>
-        </Container>
-    );
+    return (<Container className="py-5">
+        <Card className="shadow">
+            <CardBody>
+                <h1 className="custom-font">Turnier erstellen</h1>
+                <CreateTournamentForm/>
+            </CardBody>
+        </Card>
+    </Container>);
 }
 
 const GroupphaseFader = posed.div({
     visible: {
-        opacity: 1,
-        height: 150
-    },
-    hidden: {
-        opacity: 0,
-        height: 0
+        opacity: 1, height: 150
+    }, hidden: {
+        opacity: 0, height: 0
     }
 });
 
@@ -99,14 +82,9 @@ class CreateTournamentForm extends React.Component {
         this.state = {
             groupPhaseEnabled: false,
 
-            name: '',
-            description: '',
-            public: false,
+            name: '', description: '', public: false,
 
-            groupSize: 4,
-            groupAdvance: 1,
-            teams: [],
-            groups: []
+            groupSize: 4, groupAdvance: 1, teams: [], groups: []
         };
         this.handleGroupPhaseEnabledInput = this.handleGroupPhaseEnabledInput.bind(this);
         this.teamListUpdate = this.teamListUpdate.bind(this);
@@ -122,53 +100,57 @@ class CreateTournamentForm extends React.Component {
     }
 
     render() {
-        return (
-            <div>
-                <Form>
+        return (<div>
+            <Form>
+                <FormGroup>
+                    <Label for="name">Name des Turniers</Label>
+                    <Input type="text" name="name" size="255" required value={this.state.name}
+                        onChange={this.handleNameInput}/>
+                </FormGroup>
+                <FormGroup>
+                    <Label for="description">Beschreibung (optional)</Label>
+                    <Input type="text" name="description" size="255" value={this.state.description}
+                        onChange={this.handleDescriptionInput}/>
+                </FormGroup>
+                <FormGroup>
+                    <CustomInput type="checkbox" id="public"
+                        label="Turnier öffentlich anzeigen (schreibgeschützt)" checked={this.state.public}
+                        onChange={this.handlePublicInput}/>
+                    <CustomInput type="checkbox" id="mix-teams" label="Teams mischen"/>
+                    <CustomInput type="checkbox" id="group-phase" label="Gruppenphase"
+                        checked={this.state.groupPhaseEnabled}
+                        onChange={this.handleGroupPhaseEnabledInput}/>
+                </FormGroup>
+                <GroupphaseFader pose={this.state.groupPhaseEnabled ? 'visible' : 'hidden'}
+                    className="groupphasefader">
                     <FormGroup>
-                        <Label for="name">Name des Turniers</Label>
-                        <Input type="text" name="name" size="255" required value={this.state.name} onChange={this.handleNameInput}/>
+                        <Label for="teams-per-group">Anzahl Teams pro Gruppe</Label>
+                        <Input type="number" name="teams-per-group" min="3"
+                            value={this.state.groupSize} onChange={this.handleGroupSizeInput}/>
                     </FormGroup>
                     <FormGroup>
-                        <Label for="description">Beschreibung (optional)</Label>
-                        <Input type="text" name="description" size="255" value={this.state.description} onChange={this.handleDescriptionInput}/>
-                    </FormGroup>
-                    <FormGroup>
-                        <CustomInput type="checkbox" id="public"
-                            label="Turnier öffentlich anzeigen (schreibgeschützt)" checked={this.state.public} onChange={this.handlePublicInput}/>
-                        <CustomInput type="checkbox" id="mix-teams" label="Teams mischen"/>
-                        <CustomInput type="checkbox" id="group-phase" label="Gruppenphase"
-                            checked={this.state.groupPhaseEnabled} onChange={this.handleGroupPhaseEnabledInput}/>
-                    </FormGroup>
-                    <GroupphaseFader pose={this.state.groupPhaseEnabled? 'visible' : 'hidden'} className="groupphasefader">
-                        <FormGroup>
-                            <Label for="teams-per-group">Anzahl Teams pro Gruppe</Label>
-                            <Input type="number" name="teams-per-group" min="3"
-                                value={this.state.groupSize} onChange={this.handleGroupSizeInput}/>
-                        </FormGroup>
-                        <FormGroup>
-                            <Label for="teams-group-to-playoff">Wie viele Teams sollen nach der Gruppenphase
+                        <Label for="teams-group-to-playoff">Wie viele Teams sollen nach der Gruppenphase
                                 weiterkommen?</Label>
-                            <Input type="number" name="teams-group-to-playoff" min="1" max={this.state.groupSize - 1}
-                                value={this.state.groupAdvance} onChange={this.handleGroupAdvanceInput}/>
-                        </FormGroup>
-                    </GroupphaseFader>
-                </Form>
-                <h3 className="custom-font mt-4">Teams</h3>
-                <EditableStringList
-                    addButtonText="hinzufügen"
-                    teamPlaceholder="Keine Teams hinzugefügt!"
-                    groupPlaceHolder="Keine Gruppen verfügbar!"
-                    teams={[]}
-                    groups={[]}
-                    groupPhaseEnabled={this.state.groupPhaseEnabled}
-                    groupSize={this.state.groupSize}
-                    onTeamsChange={this.teamListUpdate}
-                    onGroupsChange={this.groupListUpdate}
-                    inputPlaceholder="Teamname"/>
-                <Button color="success" size="lg" className="w-100 shadow-sm mt-4" onClick={this.create}>Turnier erstellen</Button>
-            </div>
-        );
+                        <Input type="number" name="teams-group-to-playoff" min="1" max={this.state.groupSize - 1}
+                            value={this.state.groupAdvance} onChange={this.handleGroupAdvanceInput}/>
+                    </FormGroup>
+                </GroupphaseFader>
+            </Form>
+            <h3 className="custom-font mt-4">Teams</h3>
+            <EditableStringList
+                addButtonText="hinzufügen"
+                teamPlaceholder="Keine Teams hinzugefügt!"
+                groupPlaceHolder="Keine Gruppen verfügbar!"
+                teams={[]}
+                groups={[]}
+                groupPhaseEnabled={this.state.groupPhaseEnabled}
+                groupSize={this.state.groupSize}
+                onTeamsChange={this.teamListUpdate}
+                onGroupsChange={this.groupListUpdate}
+                inputPlaceholder="Teamname"/>
+            <Button color="success" size="lg" className="w-100 shadow-sm mt-4" onClick={this.create}>Turnier
+                    erstellen</Button>
+        </div>);
     }
 
     teamListUpdate(list) {
@@ -183,8 +165,7 @@ class CreateTournamentForm extends React.Component {
         const newSize = input.target.value;
         if (newSize <= this.state.groupAdvance) {
             this.setState({
-                groupSize: newSize,
-                groupAdvance: newSize - 1
+                groupSize: newSize, groupAdvance: newSize - 1
             });
         } else {
             this.setState({groupSize: newSize});
@@ -249,8 +230,7 @@ function createTeamArray(groupphase, groups, teams) {
         for (let groupNumber = 0; groupNumber < groups.length; groupNumber++) {
             for (let groupMember = 0; groupMember < groups[groupNumber].length; groupMember++) {
                 result[result.length] = {
-                    'name': groups[groupNumber][groupMember],
-                    'group': groupNumber
+                    'name': groups[groupNumber][groupMember], 'group': groupNumber
                 };
             }
         }
diff --git a/pages/faq.js b/pages/faq.js
index 7ade28a..f778a71 100644
--- a/pages/faq.js
+++ b/pages/faq.js
@@ -11,228 +11,196 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 import '../static/everypage.css';
 
 function Main() {
-    return (
-        <div className="main">
-            <Container className="pb-5">
-                <GeneralFaq/>
-                <hr className="mb-5"/>
-                <AccountFaq/>
-                <hr className="mb-5"/>
-                <TournamentFaq/>
-            </Container>
-        </div>
-    );
+    return (<div className="main">
+        <Container className="pb-5">
+            <GeneralFaq/>
+            <hr className="mb-5"/>
+            <AccountFaq/>
+            <hr className="mb-5"/>
+            <TournamentFaq/>
+        </Container>
+    </div>);
 }
 
 function GeneralFaq() {
-    return (
-        <div className="running-text">
-            <h1>Allgemein</h1>
-            <Row>
-                <Col sm="4">
-                    <h4>Was macht turnie.re?</h4>
-                    <p>
-                        turnie.re ist ein Online-Turnier&shy;planer.</p>
-                    <p>
-                        Allein aus den Team-Namen berechnen wir dir einen kompletten Spielplan, den du auch gleich
-                        mit allen Leuten teilen kannst, ohne dir Gedanken machen zu müssen, wer gegen wen spielen
-                        muss. Du trägst ein, wer gewonnen hat, und turnie.re sagt, wer als nächstes spielt.
-                    </p>
-                </Col>
-                <Col sm="4">
-                    <h4>Für welche Sportarten ist turnie.re geeignet?</h4>
-                    <p>
-                        turnie.re ist prinzipiell für jede Sportart geeignet. Die einzige Vor&shy;aus&shy;setzung ist, dass
-                        in jedem Spiel zwei Mannschaften oder Spieler gegeinander antreten und dass derjenige mit
-                        den meisten Punkten gewinnt.
-                    </p>
-                </Col>
-                <Col sm="4">
-                    <h4>Für welche Anzahl an Teams ist turnie.re geeignet?</h4>
-                    <p>
-                        turnie.re ist unabhängig von der Anzahl der Teams nutzbar.
-                    </p>
-                </Col>
-                <Col sm="4">
-                    <h4>Fallen für die Nutzung von turnie.re Kosten an?</h4>
-                    <p>
-                        turnie.re ist ein kostenloser Service! Wir erheben keine Kosten und sind nur darauf aus,
-                        dein Turnier-Management so einfach wie möglich zu gestalten.
-                    </p>
-                </Col>
-            </Row>
-        </div>
-    );
+    return (<div className="running-text">
+        <h1>Allgemein</h1>
+        <Row>
+            <Col sm="4">
+                <h4>Was macht turnie.re?</h4>
+                <p>
+                    turnie.re ist ein Online-Turnier&shy;planer.</p>
+                <p>
+                    Allein aus den Team-Namen berechnen wir dir einen kompletten Spielplan, den du auch gleich mit allen
+                    Leuten teilen kannst, ohne dir Gedanken machen zu müssen, wer gegen wen spielen muss. Du trägst ein,
+                    wer gewonnen hat, und turnie.re sagt, wer als nächstes spielt. </p>
+            </Col>
+            <Col sm="4">
+                <h4>Für welche Sportarten ist turnie.re geeignet?</h4>
+                <p>
+                    turnie.re ist prinzipiell für jede Sportart geeignet. Die einzige Vor&shy;aus&shy;setzung ist,
+                    dass in jedem Spiel zwei Mannschaften oder Spieler gegeinander antreten und dass derjenige mit den
+                    meisten Punkten gewinnt. </p>
+            </Col>
+            <Col sm="4">
+                <h4>Für welche Anzahl an Teams ist turnie.re geeignet?</h4>
+                <p>
+                    turnie.re ist unabhängig von der Anzahl der Teams nutzbar. </p>
+            </Col>
+            <Col sm="4">
+                <h4>Fallen für die Nutzung von turnie.re Kosten an?</h4>
+                <p>
+                    turnie.re ist ein kostenloser Service! Wir erheben keine Kosten und sind nur darauf aus,
+                    dein Turnier-Management so einfach wie möglich zu gestalten. </p>
+            </Col>
+        </Row>
+    </div>);
 }
 
 function AccountFaq() {
-    return (
-        <div className="running-text">
-            <h1>Account</h1>
-            <Row>
-                <Col sm="4">
-                    <h4>Warum brauche ich einen Account für turnie.re?</h4>
-                    <p>
-                        Wir wollen sicherstellen, dass nur berechtigte Nutzer Turnierdaten ändern können. Damit wir
-                        dich als berechtigt verifizieren können, benötigst du einen Acoount, sodass wir dir die
-                        entsprechenden Bearbeitungsrechte zuteilen können.
-                    </p>
-                </Col>
-                <Col sm="4">
-                    <h4>Welche Daten muss ich bei der Accounterstellung angeben?</h4>
-                    <p>
-                        Um einen Account anzulegen musst du einen Nutzernamen, eine gültige E-Mailadresse sowie ein
-                        Passwort angeben.
-                    </p>
-                </Col>
-                <Col sm="4">
-                    <h4>Wie werden meine Daten verarbeitet?</h4>
-                    <p>
-                        Deine Daten werden in unserer Datenbank gespeichert. Eine Weitergabe dieser Daten an Dritte
-                        erfolgt nicht!
-                    </p>
-                    <p>
-                        Zusätlich wird dein Passwort verschlüsselt gespeichert, das bedeutet auch wir kennen dein
-                        Passwort nicht und dein Account wird zuverlässig geschützt.
-                    </p>
-                </Col>
-                <Col sm="4">
-                    <h4>Wie kann ich meinen Nutzernamen ändern?</h4>
-                    <p>
-                        Über deinen Nutzernamen, der in der Kopfzeile angezeigt wird, gelangst du auf deine
-                        Profilseite. Hier kannst du deinen Nutzernamen ändern.
-                    </p>
-                </Col>
-                <Col sm="4">
-                    <h4>Wie kann ich meine E-Mailadresse ändern?</h4>
-                    <p>
-                        Über deinen Nutzernamen, der in der Kopfzeile angezeigt wird, gelangst du auf deine
-                        Profilseite. Hier kannst du deine E-Mailadresse ändern ändern.
-                    </p>
-                </Col>
-                <Col sm="4">
-                    <h4>Wie kann ich mein Passwort ändern?</h4>
-                    <p>
-                        Auf deiner Profilseite findest du einen "Passwort ändern" Button. Auf der sich dann
-                        öffnenden Seite kannst du dein Passwort ändern.
-                    </p>
-                </Col>
-            </Row>
-        </div>
-    );
+    return (<div className="running-text">
+        <h1>Account</h1>
+        <Row>
+            <Col sm="4">
+                <h4>Warum brauche ich einen Account für turnie.re?</h4>
+                <p>
+                    Wir wollen sicherstellen, dass nur berechtigte Nutzer Turnierdaten ändern können. Damit wir dich als
+                    berechtigt verifizieren können, benötigst du einen Acoount, sodass wir dir die entsprechenden
+                    Bearbeitungsrechte zuteilen können. </p>
+            </Col>
+            <Col sm="4">
+                <h4>Welche Daten muss ich bei der Accounterstellung angeben?</h4>
+                <p>
+                    Um einen Account anzulegen musst du einen Nutzernamen, eine gültige E-Mailadresse sowie ein Passwort
+                    angeben. </p>
+            </Col>
+            <Col sm="4">
+                <h4>Wie werden meine Daten verarbeitet?</h4>
+                <p>
+                    Deine Daten werden in unserer Datenbank gespeichert. Eine Weitergabe dieser Daten an Dritte erfolgt
+                    nicht!
+                </p>
+                <p>
+                    Zusätlich wird dein Passwort verschlüsselt gespeichert, das bedeutet auch wir kennen dein Passwort
+                    nicht und dein Account wird zuverlässig geschützt. </p>
+            </Col>
+            <Col sm="4">
+                <h4>Wie kann ich meinen Nutzernamen ändern?</h4>
+                <p>
+                    Über deinen Nutzernamen, der in der Kopfzeile angezeigt wird, gelangst du auf deine Profilseite.
+                    Hier kannst du deinen Nutzernamen ändern. </p>
+            </Col>
+            <Col sm="4">
+                <h4>Wie kann ich meine E-Mailadresse ändern?</h4>
+                <p>
+                    Über deinen Nutzernamen, der in der Kopfzeile angezeigt wird, gelangst du auf deine Profilseite.
+                    Hier kannst du deine E-Mailadresse ändern ändern. </p>
+            </Col>
+            <Col sm="4">
+                <h4>Wie kann ich mein Passwort ändern?</h4>
+                <p>
+                    Auf deiner Profilseite findest du einen "Passwort ändern" Button. Auf der sich dann öffnenden Seite
+                    kannst du dein Passwort ändern. </p>
+            </Col>
+        </Row>
+    </div>);
 }
 
 function TournamentFaq() {
-    return (
-        <div className="running-text">
-            <h1>Turnier</h1>
-            <Row>
-                <Col sm="4">
-                    <h4>Wie erstelle ich ein Turnier?</h4>
-                    <p>
-                        Um ein Turnier zu erstellen musst du dich zuerst anmelden.</p>
-                    <p>
-                        Über "Turnier erstellen" gelangst du auf die "Turnier erstellen" Seite. Auf dieser kannst du
-                        deinem Turnier einen Namen geben und eine (optionale) Beschreibung hinzufügen. Dann kannst
-                        du dein Turnier <a href="#public-tournament">öffentlich oder privat</a> erstellen, die Teams
-                        für die Spielpaarungen <a href="#randomize-teams">mischen</a> lassen und eine <a href="#groupstage">Gruppenphase</a>
-                        hinzufügen. Im Feld "Teams" kannst du die
-                        teilnehmenden <a href="#add-teams">Teams
-                        eintragen</a> und hinzufügen. </p>
-                    <p>
-                        Wenn du die Option Gruppenphase aktiviert hast, kannst du zusätzlich noch die Größe der
-                        Gruppen angeben.
-                    </p>
-                </Col>
-                <Col sm="4">
-                    <h4 id="public-tournament">Was ist der Unterschied zwischen einem öffentlichen und einem
-                        privaten Turnier?</h4>
-                    <p>
-                        Standardmäßig ist ein Turnier privat, das bedeutet, dass nur der Turnierersteller und
-                        Zuschauer, die den entsprechenden Turniercode erhalten haben, das Turnier, seine
-                        teilnehmenden Mannschaften, sowie die Spielpaarungen und die jeweiligen Spielstände sehen
-                        können.
-                    </p>
-                    <p>
-                        Wenn du dich entscheidest dein Turnier öffentlich zu erstellen, wird der Turniercode nicht
-                        mehr benötigt, um das Turnier und all seine Informationen einzusehen. Das Turnier wird dann
-                        in der Liste der öffentlichen Turniere angezeigt und kann auch über seinen Namen von jedem
-                        gefunden werden. </p>
-                    <p>
-                        Trotzdem bleibt der Turnierersteller der Einzige, der die Turnierinformationen bearbeiten
-                        und Spielstände eintragen kann.
-                    </p>
-                </Col>
-                <Col sm="4">
-                    <h4 id="randomize-teams">Was bedeutet "Teams mischen"?</h4>
-                    <p>
-                        Die Spielpaarungen werden anhand der Eingabereihenfolge der Teams erstellt. So spielt z.B.
-                        das zuerst eingegebene Team gegen das als zweites eingegebene Team, das als drittes
-                        eingegebene gegen das als viertes eingegebene, und so weiter. </p>
-                    <p>
-                        Wenn du das nicht möchtest kannst du die Option "Teams mischen" aktivieren und die
-                        Spielpaarungen werden in einer zufälligen Reihenfolge erstellt.
-                    </p>
-                </Col>
-                <Col sm="4">
-                    <h4 id="groupstage">Was passiert wenn ich die Gruppenphase aktiviere?</h4>
-                    <p>
-                        Grundsätzlich erstellt turnie.re dir einen Spielplan für ein Turnier <strong>ohne</strong>
-                        Gruppenphase und <strong>nur</strong> einer K.O.-Phase. Wenn du eine Gruppenphase spielen
-                        lassen willst, kannst du das aber auch tun. Wenn die Gruppenphase aktiviert ist, werden
-                        deine eingegeben Teams automatisch in Gruppen eingeteilt und auch die Spielpläne für die
-                        einzelnen Gruppen berechnet. </p>
-                    <p>
-                        Bitte beachte, dass die Anzahl der Teams durch die Gruppengröße teilbar sein muss.
-                    </p>
-                </Col>
-                <Col sm="4">
-                    <h4 id="add-teams">Wie kann ich Teams hinzufügen?</h4>
-                    <p>
-                        Auf der "Turnier erstellen" Seite kannst du im Feld "Teams" deine Teams eintragen. </p>
-                    <p>
-                        Du kannst die Teamnamen einzeln eingeben und dann über drücken der Entertaste oder über den
-                        Button "Team hinzufügen" das Team deinem Turnier hinzufügen. Du kannst aber auch deine Teams
-                        als eine mit Kommas getrennte Liste eingeben und dann hinzufügen.
-                    </p>
-                </Col>
-                <Col sm="4">
-                    <h4>Wie starte ich ein Spiel?</h4>
-                    <p>
-                        Auf der Turnierübersicht Seite gibt es für jede Partie einen "Spiel starten" Button. Über
-                        diesen kannst du einfach das jeweilige Spiel starten.
-                    </p>
-                </Col>
-                <Col sm="4">
-                    <h4>Wie trage ich einen Spielstand für eine Partie ein?</h4>
-                    <p>
-                        Auf der Turnierübersicht Seite gibt es für jede Partie einen "Spielstand ändern" Button.
-                        Über diesen kannst du einfach den Spielstand eintragen. In dem Popup, das sich öffnet kannst
-                        du den aktuellen Spielstand eintragen und angeben, ob das Spiel noch läuft oder schon
-                        beendet ist.
-                    </p>
-                    <h4>Gibt es in der Gruppenphase eine Blitztabelle?</h4>
-                    <p>
-                        Ja, die in der Gruppenphase dargestellte Tabelle stellt eine Blitztabelle dar.
-                    </p>
-                </Col>
-            </Row>
-        </div>
-    );
+    return (<div className="running-text">
+        <h1>Turnier</h1>
+        <Row>
+            <Col sm="4">
+                <h4>Wie erstelle ich ein Turnier?</h4>
+                <p>
+                    Um ein Turnier zu erstellen musst du dich zuerst anmelden.</p>
+                <p>
+                    Über "Turnier erstellen" gelangst du auf die "Turnier erstellen" Seite. Auf dieser kannst du deinem
+                    Turnier einen Namen geben und eine (optionale) Beschreibung hinzufügen. Dann kannst du dein
+                    Turnier <a href="#public-tournament">öffentlich oder privat</a> erstellen, die Teams für die
+                    Spielpaarungen <a href="#randomize-teams">mischen</a> lassen und eine <a
+                        href="#groupstage">Gruppenphase</a>
+                    hinzufügen. Im Feld "Teams" kannst du die teilnehmenden <a href="#add-teams">Teams eintragen</a> und
+                    hinzufügen. </p>
+                <p>
+                    Wenn du die Option Gruppenphase aktiviert hast, kannst du zusätzlich noch die Größe der Gruppen
+                    angeben. </p>
+            </Col>
+            <Col sm="4">
+                <h4 id="public-tournament">Was ist der Unterschied zwischen einem öffentlichen und einem privaten
+                    Turnier?</h4>
+                <p>
+                    Standardmäßig ist ein Turnier privat, das bedeutet, dass nur der Turnierersteller und Zuschauer, die
+                    den entsprechenden Turniercode erhalten haben, das Turnier, seine teilnehmenden Mannschaften, sowie
+                    die Spielpaarungen und die jeweiligen Spielstände sehen können. </p>
+                <p>
+                    Wenn du dich entscheidest dein Turnier öffentlich zu erstellen, wird der Turniercode nicht mehr
+                    benötigt, um das Turnier und all seine Informationen einzusehen. Das Turnier wird dann in der Liste
+                    der öffentlichen Turniere angezeigt und kann auch über seinen Namen von jedem gefunden werden. </p>
+                <p>
+                    Trotzdem bleibt der Turnierersteller der Einzige, der die Turnierinformationen bearbeiten und
+                    Spielstände eintragen kann. </p>
+            </Col>
+            <Col sm="4">
+                <h4 id="randomize-teams">Was bedeutet "Teams mischen"?</h4>
+                <p>
+                    Die Spielpaarungen werden anhand der Eingabereihenfolge der Teams erstellt. So spielt z.B. das
+                    zuerst eingegebene Team gegen das als zweites eingegebene Team, das als drittes eingegebene gegen
+                    das als viertes eingegebene, und so weiter. </p>
+                <p>
+                    Wenn du das nicht möchtest kannst du die Option "Teams mischen" aktivieren und die Spielpaarungen
+                    werden in einer zufälligen Reihenfolge erstellt. </p>
+            </Col>
+            <Col sm="4">
+                <h4 id="groupstage">Was passiert wenn ich die Gruppenphase aktiviere?</h4>
+                <p>
+                    Grundsätzlich erstellt turnie.re dir einen Spielplan für ein Turnier <strong>ohne</strong>
+                    Gruppenphase und <strong>nur</strong> einer K.O.-Phase. Wenn du eine Gruppenphase spielen lassen
+                    willst, kannst du das aber auch tun. Wenn die Gruppenphase aktiviert ist, werden deine eingegeben
+                    Teams automatisch in Gruppen eingeteilt und auch die Spielpläne für die einzelnen Gruppen berechnet.
+                </p>
+                <p>
+                    Bitte beachte, dass die Anzahl der Teams durch die Gruppengröße teilbar sein muss. </p>
+            </Col>
+            <Col sm="4">
+                <h4 id="add-teams">Wie kann ich Teams hinzufügen?</h4>
+                <p>
+                    Auf der "Turnier erstellen" Seite kannst du im Feld "Teams" deine Teams eintragen. </p>
+                <p>
+                    Du kannst die Teamnamen einzeln eingeben und dann über drücken der Entertaste oder über den Button
+                    "Team hinzufügen" das Team deinem Turnier hinzufügen. Du kannst aber auch deine Teams als eine mit
+                    Kommas getrennte Liste eingeben und dann hinzufügen. </p>
+            </Col>
+            <Col sm="4">
+                <h4>Wie starte ich ein Spiel?</h4>
+                <p>
+                    Auf der Turnierübersicht Seite gibt es für jede Partie einen "Spiel starten" Button. Über diesen
+                    kannst du einfach das jeweilige Spiel starten. </p>
+            </Col>
+            <Col sm="4">
+                <h4>Wie trage ich einen Spielstand für eine Partie ein?</h4>
+                <p>
+                    Auf der Turnierübersicht Seite gibt es für jede Partie einen "Spielstand ändern" Button. Über diesen
+                    kannst du einfach den Spielstand eintragen. In dem Popup, das sich öffnet kannst du den aktuellen
+                    Spielstand eintragen und angeben, ob das Spiel noch läuft oder schon beendet ist. </p>
+                <h4>Gibt es in der Gruppenphase eine Blitztabelle?</h4>
+                <p>
+                    Ja, die in der Gruppenphase dargestellte Tabelle stellt eine Blitztabelle dar. </p>
+            </Col>
+        </Row>
+    </div>);
 }
 
 export default class FaqPage extends React.Component {
     render() {
-        return (
-            <div>
-                <Head>
-                    <title>FAQ: turnie.re</title>
-                </Head>
-                <TurniereNavigation/>
-                <BigImage text="FAQ"/>
-                <Main/>
-                <Footer/>
-            </div>
-        );
+        return (<div>
+            <Head>
+                <title>FAQ: turnie.re</title>
+            </Head>
+            <TurniereNavigation/>
+            <BigImage text="FAQ"/>
+            <Main/>
+            <Footer/>
+        </div>);
     }
 }
diff --git a/pages/imprint.js b/pages/imprint.js
index c6d7cd7..f2b5ff0 100644
--- a/pages/imprint.js
+++ b/pages/imprint.js
@@ -10,81 +10,94 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 import '../static/everypage.css';
 
 function Main() {
-    return (
-        <div className="main running-text">
-            <ImprintText/>
-        </div>
-    );
+    return (<div className="main running-text">
+        <ImprintText/>
+    </div>);
 }
 
 function ImprintText() {
-    return (
-        <Container>
-            <h3>
+    return (<Container>
+        <h3>
                 Angaben gemäß §5 TMG:
-            </h3>
-            <p>
+        </h3>
+        <p>
                 Jonas Seydel<br/>
                 August-Euler-Weg 3<br/>
                 76133 Karlsruhe<br/>
                 Germany<br/>
-            </p>
-            <p>
-                <strong>Vertreten durch</strong><br/>
+        </p>
+        <p>
+            <strong>Vertreten durch</strong><br/>
                 Jonas Seydel
-            </p>
-            <p>
-                <strong>Kontakt</strong><br/>
+        </p>
+        <p>
+            <strong>Kontakt</strong><br/>
                 jon@s-seydel.de
-            </p>
-            <h3>Haftungsausschluss</h3>
-            <h4>Haftung für Inhalte</h4>
-            <p>
-                Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität
-                der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene
-                Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als
-                Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach
-                Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung
-                der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist
-                jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von
+        </p>
+        <h3>Haftungsausschluss</h3>
+        <h4>Haftung für Inhalte</h4>
+        <p>
+                Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit
+                und Aktualität
+                der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG
+                für eigene
+                Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir
+                als
+                Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu
+                überwachen oder nach
+                Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung
+                oder Sperrung
+                der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine
+                diesbezügliche Haftung ist
+                jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden
+                von
                 entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.
-            </p>
-            <h4>Haftung für Links</h4>
-            <p>
-                Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können
-                wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der
-                jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung
-                auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine
-                permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung
+        </p>
+        <h4>Haftung für Links</h4>
+        <p>
+                Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben.
+                Deshalb können
+                wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist
+                stets der
+                jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt
+                der Verlinkung
+                auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht
+                erkennbar. Eine
+                permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer
+                Rechtsverletzung
                 nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.
-            </p>
-            <h4>Urheberrecht</h4>
-            <p>
-                Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht.
-                Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes
-                bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind
-                nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber
-                erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche
-                gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen
-                entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.
-            </p>
-        </Container>
-    );
+        </p>
+        <h4>Urheberrecht</h4>
+        <p>
+                Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen
+                Urheberrecht.
+                Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des
+                Urheberrechtes
+                bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser
+                Seite sind
+                nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht
+                vom Betreiber
+                erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als
+                solche
+                gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um
+                einen
+                entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend
+                entfernen.
+        </p>
+    </Container>);
 }
 
 
 export default class ImprintPage extends React.Component {
     render() {
-        return (
-            <div>
-                <Head>
-                    <title>Impressum: turnie.re</title>
-                </Head>
-                <TurniereNavigation/>
-                <BigImage text="Impressum / Haftungs&shy;ausschluss"/>
-                <Main/>
-                <Footer/>
-            </div>
-        );
+        return (<div>
+            <Head>
+                <title>Impressum: turnie.re</title>
+            </Head>
+            <TurniereNavigation/>
+            <BigImage text="Impressum / Haftungs&shy;ausschluss"/>
+            <Main/>
+            <Footer/>
+        </div>);
     }
 }
diff --git a/pages/index.js b/pages/index.js
index 99c2ddd..2f36dfd 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -2,10 +2,7 @@ import Head from 'next/head';
 import React from 'react';
 import {connect} from 'react-redux';
 import {
-    Alert,
-    Button,
-    Card,
-    CardBody
+    Alert, Button, Card, CardBody
 } from 'reactstrap';
 
 import {TurniereNavigation} from '../js/components/Navigation';
@@ -18,60 +15,49 @@ import '../static/everypage.css';
 import '../static/css/index.css';
 
 function Main() {
-    return (
-        <div className="main">
-            <Marketing/>
-            <MainPromotedLinks/>
-            <MainBottomSummary/>
-        </div>
-    );
+    return (<div className="main">
+        <Marketing/>
+        <MainPromotedLinks/>
+        <MainBottomSummary/>
+    </div>);
 }
 
 function Marketing() {
-    return (
-        <div className="container marketing my-5">
-            <div className="row">
-                <div className="col-lg-4">
-                    <h2>Für jede Sportart</h2>
-                    <p>
-                        Egal, um welche Sportart es geht: Solange du mit mehreren Mannschaften ein Turnier veranstalten
-                        willst, kann
-                        turnie.re dir ein Turnier berechnen!
-                    </p>
-                </div>
-                <div className="col-lg-4">
-                    <h2>Beliebige Anzahl Teams</h2>
-                    <p>
-                        Egal, wie viele Teams du gerne in deinem Turnier hast, wir regeln das. Füge einfach deine Teams
-                        hinzu
-                        und schon sagen wir dir, wer gegen wen spielt.
-                    </p>
-                </div>
-                <div className="col-lg-4">
-                    <h2>Kostenlos</h2>
-                    <p>
-                        turnie.re ist ein kostenloser Service! Wir erheben keine Kosten und sind nur darauf aus, dein
-                        Turnier-Management so einfach wie möglich zu gestalten.
-                    </p>
-                </div>
-
+    return (<div className="container marketing my-5">
+        <div className="row">
+            <div className="col-lg-4">
+                <h2>Für jede Sportart</h2>
+                <p>
+                    Egal, um welche Sportart es geht: Solange du mit mehreren Mannschaften ein Turnier veranstalten
+                    willst, kann turnie.re dir ein Turnier berechnen!
+                </p>
             </div>
-            <Betawarning/>
+            <div className="col-lg-4">
+                <h2>Beliebige Anzahl Teams</h2>
+                <p>
+                    Egal, wie viele Teams du gerne in deinem Turnier hast, wir regeln das. Füge einfach deine Teams
+                    hinzu und schon sagen wir dir, wer gegen wen spielt. </p>
+            </div>
+            <div className="col-lg-4">
+                <h2>Kostenlos</h2>
+                <p>
+                    turnie.re ist ein kostenloser Service! Wir erheben keine Kosten und sind nur darauf aus, dein
+                    Turnier-Management so einfach wie möglich zu gestalten. </p>
+            </div>
+
         </div>
-    );
+        <Betawarning/>
+    </div>);
 }
 
 function Betawarning() {
-    return (
-        <Alert color="danger" className="shadow-sm mt-4" fade={false}>
-            <h4 className="alert-heading custom-font">Public Beta</h4>
-            <p>
-                Diese Website ist noch in der Entwicklung.<br/>
-                Bei Problemen fülle bitte <a href="#" id="bugLink" className="alert-link">dieses </a>
-                und für Feedback <a href="#" id="feedbackLink" className="alert-link">dieses</a> Formular aus.
-            </p>
-        </Alert>
-    );
+    return (<Alert color="danger" className="shadow-sm mt-4" fade={false}>
+        <h4 className="alert-heading custom-font">Public Beta</h4>
+        <p>
+            Diese Website ist noch in der Entwicklung.<br/>
+            Bei Problemen fülle bitte <a href="#" id="bugLink" className="alert-link">dieses </a>
+            und für Feedback <a href="#" id="feedbackLink" className="alert-link">dieses</a> Formular aus. </p>
+    </Alert>);
 }
 
 function MainBottomSummary() {
@@ -84,17 +70,15 @@ function MainBottomSummary() {
                     turnie.re berechnet dir ein Turnier. Allein aus den Team-Namen berechnen wir dir einen kompletten
                     Spielplan,
                     den du auch gleich mit allen Leuten teilen kannst, ohne dir Gedanken machen zu müssen, wer gegen wen
-                    spielen
-                    muss.<br/>
-                    Du trägst ein, wer gewonnen hat, und turnie.re sagt, wer als nächstes spielt.
-                </p>
+                    spielen muss.<br/>
+                    Du trägst ein, wer gewonnen hat, und turnie.re sagt, wer als nächstes spielt. </p>
             </div>
             <div className="col-lg-6">
                 <h2>Ich habe einen Turniercode bekommen. Was nun?</h2>
                 <p>
-                    Der Turniercode führt dich direkt zu einem Turnier. Gebe dafür den Code
-                    <a className="text-success" href="#turniercode-form">oben</a> ein, dann wirst du sofort weitergeleitet.
-                </p>
+                    Der Turniercode führt dich direkt zu einem Turnier. Gebe dafür den Code <a className="text-success"
+                        href="#turniercode-form">oben</a> ein,
+                    dann wirst du sofort weitergeleitet. </p>
             </div>
         </div>
         <div className="my-5 text-center">
@@ -114,41 +98,34 @@ function MainPromotedLinks() {
 }
 
 function PromotedLinkTournamentCode() {
-    return (
-        <Card className="container shadow-lg mt-3">
-            <CardBody className="row">
-                <form id="turniercode-form" className="col-lg-4" action="/t" method="get">
-                    <input className="form-control" type="search" name="code" placeholder="Turnier-Code"/>
-                    <Button outline color="success" className="w-100 my-2" type="submit">Turnier-Code öffnen</Button>
-                </form>
-                <div className="col-lg-8">
-                    <p>Gib hier einen Turnier Code ein, um direkt zum entsprechenden Turnier zu gelangen.</p>
-                </div>
-            </CardBody>
-        </Card>
-    );
+    return (<Card className="container shadow-lg mt-3">
+        <CardBody className="row">
+            <form id="turniercode-form" className="col-lg-4" action="/t" method="get">
+                <input className="form-control" type="search" name="code" placeholder="Turnier-Code"/>
+                <Button outline color="success" className="w-100 my-2" type="submit">Turnier-Code öffnen</Button>
+            </form>
+            <div className="col-lg-8">
+                <p>Gib hier einen Turnier Code ein, um direkt zum entsprechenden Turnier zu gelangen.</p>
+            </div>
+        </CardBody>
+    </Card>);
 }
 
 function PromotedLinkListTournaments() {
-    return (
-        <Card className="container shadow-lg my-4">
-            <CardBody className="row">
-                <div className="col-lg-4 pb-3">
-                    <Button outline color="success" className="w-100" href="/list">Alle Turniere anzeigen</Button>
-                </div>
-                <div className="col-lg-8">
-                    <p>
-                        Hier findest du alle öffentlichen Turniere. Wenn du ein Turnier suchst, den Turniercode aber
-                        nicht hast, wirst
-                        du wahrscheinlich hier fündig.
-                    </p>
-                    <p>
-                        Wenn du eingeloggt bist, findest du hier auch deine eigenen Turniere.
-                    </p>
-                </div>
-            </CardBody>
-        </Card>
-    );
+    return (<Card className="container shadow-lg my-4">
+        <CardBody className="row">
+            <div className="col-lg-4 pb-3">
+                <Button outline color="success" className="w-100" href="/list">Alle Turniere anzeigen</Button>
+            </div>
+            <div className="col-lg-8">
+                <p>
+                    Hier findest du alle öffentlichen Turniere. Wenn du ein Turnier suchst, den Turniercode aber nicht
+                    hast, wirst du wahrscheinlich hier fündig. </p>
+                <p>
+                    Wenn du eingeloggt bist, findest du hier auch deine eigenen Turniere. </p>
+            </div>
+        </CardBody>
+    </Card>);
 }
 
 function PromotedLinkCreateTournament() {
@@ -156,9 +133,8 @@ function PromotedLinkCreateTournament() {
         <CardBody className="row">
             <div className="col-lg-8">
                 <p>
-                    <strong>Einfach ausprobieren:</strong> Einen Turnier-Namen, ein paar Team-Namen, und schon
-                    kriegst du ein
-                    komplettes Turnier!
+                    <strong>Einfach ausprobieren:</strong> Einen Turnier-Namen, ein paar Team-Namen, und schon kriegst
+                    du ein komplettes Turnier!
                 </p>
             </div>
             <div className="col-lg-4">
@@ -171,17 +147,15 @@ function PromotedLinkCreateTournament() {
 
 class Index extends React.Component {
     render() {
-        return (
-            <div>
-                <Head>
-                    <title>turnie.re</title>
-                </Head>
-                <TurniereNavigation/>
-                <BigImage text="Einfach Turniere organisieren"/>
-                <Main/>
-                <Footer/>
-            </div>
-        );
+        return (<div>
+            <Head>
+                <title>turnie.re</title>
+            </Head>
+            <TurniereNavigation/>
+            <BigImage text="Einfach Turniere organisieren"/>
+            <Main/>
+            <Footer/>
+        </div>);
     }
 }
 
diff --git a/pages/list.js b/pages/list.js
index 76759c1..c7bfcf2 100644
--- a/pages/list.js
+++ b/pages/list.js
@@ -11,18 +11,16 @@ import {connect} from 'react-redux';
 
 export default class PublicTournamentsPage extends React.Component {
     render() {
-        return (
-            <div className="main generic-fullpage-bg">
-                <Head>
-                    <title>Öffentliche Turniere: turnie.re</title>
-                </Head>
-                <TurniereNavigation/>
-                <div>
-                    <PublicTournamentPageContent/>
-                </div>
-                <Footer/>
+        return (<div className="main generic-fullpage-bg">
+            <Head>
+                <title>Öffentliche Turniere: turnie.re</title>
+            </Head>
+            <TurniereNavigation/>
+            <div>
+                <PublicTournamentPageContent/>
             </div>
-        );
+            <Footer/>
+        </div>);
     }
 }
 
@@ -31,9 +29,7 @@ function mapStateToProperties(state) {
     return {isSignedIn};
 }
 
-const PublicTournamentPageContent = connect(
-    mapStateToProperties,
-)(PublicTournaments);
+const PublicTournamentPageContent = connect(mapStateToProperties)(PublicTournaments);
 
 function PublicTournaments(props) {
     if (props.isSignedIn) {
diff --git a/pages/login.js b/pages/login.js
index 2569cc1..8ca1f53 100644
--- a/pages/login.js
+++ b/pages/login.js
@@ -9,17 +9,15 @@ import '../static/everypage.css';
 
 export default class LoginPage extends React.Component {
     render() {
-        return (
-            <div className="main generic-fullpage-bg">
-                <Head>
-                    <title>Login: turnie.re</title>
-                </Head>
-                <TurniereNavigation/>
-                <div>
-                    <Login/>
-                </div>
-                <Footer/>
+        return (<div className="main generic-fullpage-bg">
+            <Head>
+                <title>Login: turnie.re</title>
+            </Head>
+            <TurniereNavigation/>
+            <div>
+                <Login/>
             </div>
-        );
+            <Footer/>
+        </div>);
     }
 }
diff --git a/pages/privacy.js b/pages/privacy.js
index 8440027..391aa1b 100644
--- a/pages/privacy.js
+++ b/pages/privacy.js
@@ -11,500 +11,389 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 import '../static/everypage.css';
 
 function Main() {
-    return (
-        <div className="main running-text">
-            <PrivacyText/>
-        </div>
-    );
+    return (<div className="main running-text">
+        <PrivacyText/>
+    </div>);
 }
 
 function PrivacyText() {
-    return (
-        <Container>
-            <p>
-                Die nachfolgende Datenschutzerklärung gilt für die Nutzung unseres Online-Angebots turnie.re (nachfolgend
-                „Website“).<br/>
-                Wir messen dem Datenschutz große Bedeutung bei. Die Erhebung und Verarbeitung Ihrer personenbezogenen Daten
-                geschieht
-                unter Beachtung der geltenden datenschutzrechtlichen Vorschriften, insbesondere der
-                Datenschutzgrundverordnung
-                (DSGVO).
-            </p>
-            <h3>1 Verantwortlicher</h3>
-            <p>
-                Verantwortlicher für die Erhebung, Verarbeitung und Nutzung Ihrer personenbezogenen Daten im Sinne von Art.
-                4 Nr. 7
-                DSGVO ist
-            </p>
-            <p>
-                Jonas Seydel<br/>
-                August-Euler-Weg 3<br/>
-                76133 Karlsruhe<br/>
-                Germany<br/>
-                jon@s-seydel.de<br/>
-            </p>
-            <p>
-                Sofern Sie der Erhebung, Verarbeitung oder Nutzung Ihrer Daten durch uns nach Maßgabe dieser
-                Datenschutzbestimmungen
-                insgesamt oder für einzelne Maßnahmen widersprechen wollen, können Sie Ihren Widerspruch an den
-                Verantwortlichen
-                richten.<br/>
-                Sie können diese Datenschutzerklärung jederzeit speichern und ausdrucken.
-            </p>
-            <h3>2 Allgemeine Zwecke der Verarbeitung</h3>
-            <p>
-                Wir verwenden personenbezogene Daten zum Zweck des Betriebs der Website.
-            </p>
-            <h3>3 Welche Daten wir verwenden und warum</h3>
-            <h4>3.1 Hosting</h4>
-            <p>
-                Die von uns in Anspruch genommenen Hosting-Leistungen dienen der Zurverfügungstellung der folgenden
-                Leistungen:
-                Infrastruktur- und Plattformdienstleistungen, Rechenkapazität, Speicherplatz und Datenbankdienste,
-                Sicherheitsleistungen sowie technische Wartungsleistungen, die wir zum Zweck des Betriebs der Website
-                einsetzen.<br/>
-                Hierbei verarbeiten wir, bzw. unser Hostinganbieter Bestandsdaten, Kontaktdaten, Inhaltsdaten,
-                Vertragsdaten,
-                Nutzungsdaten, Meta- und Kommunikationsdaten von Kunden, Interessenten und Besuchern dieser Website auf
-                Grundlage
-                unserer berechtigten Interessen an einer effizienten und sicheren Zurverfügungstellung unserer Website gem.
-                Art. 6
-                Abs. 1 S. 1 f) DSGVO i.V.m. Art. 28 DSGVO.
-            </p>
-            <h4>3.2 Zugriffsdaten</h4>
-            <p>
-                Wir sammeln Informationen über Sie, wenn Sie diese Website nutzen. Wir erfassen automatisch Informationen
-                über Ihr
-                Nutzungsverhalten und Ihre Interaktion mit uns und registrieren Daten zu Ihrem Computer oder Mobilgerät. Wir
-                erheben,
-                speichern und nutzen Daten über jeden Zugriff auf unsere Website (sogenannte Serverlogfiles). Zu den
-                Zugriffsdaten
-                gehören:
-            </p>
-            <ul>
-                <li>Name und URL der abgerufenen Datei</li>
-                <li>Datum und Uhrzeit des Abrufs</li>
-                <li>übertragene Datenmenge</li>
-                <li>Meldung über erfolgreichen Abruf (HTTP response code)</li>
-                <li>Browsertyp und Browserversion</li>
-                <li>Betriebssystem</li>
-                <li>Referer URL (d.h. die zuvor besuchte Seite)</li>
-                <li>Websites, die vom System des Nutzers über unsere Website aufgerufen werden</li>
-                <li>Internet-Service-Provider des Nutzers</li>
-                <li>IP-Adresse und der anfragende Provider</li>
-            </ul>
-            <p>
-                Wir nutzen diese Protokolldaten ohne Zuordnung zu Ihrer Person oder sonstiger Profilerstellung für
-                statistische
-                Auswertungen zum Zweck des Betriebs, der Sicherheit und der Optimierung unserer Website, aber auch zur
-                anonymen
-                Erfassung der Anzahl der Besucher auf unserer Website (traffic) sowie zum Umfang und zur Art der Nutzung
-                unserer
-                Website und Dienste, ebenso zu Abrechnungszwecken, um die Anzahl der von Kooperationspartnern erhaltenen
-                Clicks zu
-                messen. Aufgrund dieser Informationen können wir personalisierte und standortbezogene Inhalte zur Verfügung
-                stellen
-                und den Datenverkehr analysieren, Fehler suchen und beheben und unsere Dienste verbessern.<br/>
-                Hierin liegt auch unser berechtigtes Interesse gemäß Art 6 Abs. 1 S. 1 f) DSGVO.<br/>
-                Wir behalten uns vor, die Protokolldaten nachträglich zu überprüfen, wenn aufgrund konkreter Anhaltspunkte
-                der
-                berechtigte Verdacht einer rechtswidrigen Nutzung besteht. IP-Adressen speichern wir für einen begrenzten
-                Zeitraum in
-                den Logfiles, wenn dies für Sicherheitszwecke erforderlich oder für die Leistungserbringung oder die
-                Abrechnung einer
-                Leistung nötig ist, z. B. wenn Sie eines unserer Angebote nutzen. Nach Abbruch des Vorgangs der Bestellung
-                oder nach
-                Zahlungseingang löschen wir die IP-Adresse, wenn diese für Sicherheitszwecke nicht mehr erforderlich ist.
-                IP-Adressen
-                speichern wir auch dann, wenn wir den konkreten Verdacht einer Straftat im Zusammenhang mit der Nutzung
-                unserer
-                Website haben. Außerdem speichern wir als Teil Ihres Accounts das Datum Ihres letzten Besuchs (z.B. bei
-                Registrierung,
-                Login, Klicken von Links etc.).
-            </p>
-            <h4>3.3 Cookies</h4>
-            <p>
-                Wir verwenden sogenannte Session-Cookies, um unsere Website zu optimieren. Ein Session-Cookie ist eine
-                kleine
-                Textdatei, die von den jeweiligen Servern beim Besuch einer Internetseite verschickt und auf Ihrer
-                Festplatte
-                zwischengespeichert wird. Diese Datei als solche enthält eine sogenannte Session-ID, mit welcher sich
-                verschiedene
-                Anfragen Ihres Browsers der gemeinsamen Sitzung zuordnen lassen. Dadurch kann Ihr Rechner wiedererkannt
-                werden, wenn
-                Sie auf unsere Website zurückkehren. Diese Cookies werden gelöscht, nachdem Sie Ihren Browser schließen. Sie
-                dienen z.
-                B. dazu, dass Sie die Warenkorbfunktion über mehrere Seiten hinweg nutzen können.<br/>
-                Wir verwenden in geringem Umfang auch persistente Cookies (ebenfalls kleine Textdateien, die auf Ihrem
-                Endgerät
-                abgelegt werden), die auf Ihrem Endgerät verbleiben und es uns ermöglichen, Ihren Browser beim nächsten
-                Besuch
-                wiederzuerkennen. Diese Cookies werden auf Ihrer Festplatte gespeichert und löschen sich nach der
-                vorgegebenen Zeit
-                von allein. Ihre Lebensdauer beträgt 1 Monat bis 10 Jahre. So können wir Ihnen unser Angebot
-                nutzerfreundlicher,
-                effektiver und sicherer präsentieren und Ihnen beispielsweise speziell auf Ihre Interessen abgestimmte
-                Informationen
-                auf der Seite anzeigen.<br/>
-                Unser berechtigtes Interesse an der Nutzung der Cookies gemäß Art 6 Abs. 1 S. 1 f) DSGVO liegt darin, unsere
-                Website
-                nutzerfreundlicher, effektiver und sicherer zu machen.<br/>
-                In den Cookies werden etwa folgende Daten und Informationen gespeichert:
-            </p>
-            <ul>
-                <li>Log-In-Informationen</li>
-                <li>Spracheinstellungen</li>
-                <li>eingegebene Suchbegriffe</li>
-                <li>Informationen über die Anzahl der Aufrufe unserer Website sowie Nutzung einzelner Funktionen unseres
-                    Internetauftritts.
-                </li>
-            </ul>
-            <p>
-                Bei Aktivierung des Cookies wird diesem eine Identifikationsnummer zugewiesen und eine Zuordnung Ihrer
-                personenbezogenen Daten zu dieser Identifikationsnummer wird nicht vorgenommen. Ihr Name, Ihre IP-Adresse
-                oder
-                ähnliche Daten, die eine Zuordnung des Cookies zu Ihnen ermöglichen würden, werden nicht in den Cookie
-                eingelegt. Auf
-                Basis der Cookie-Technologie erhalten wir lediglich pseudonymisierte Informationen, beispielsweise darüber,
-                welche
-                Seiten unseres Shops besucht wurden, welche Produkte angesehen wurden, etc.<br/>
-                Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies vorab informiert werden und im
-                Einzelfall
-                entscheiden können, ob Sie die Annahme von Cookies für bestimmte Fälle oder generell ausschließen, oder dass
-                Cookies
-                komplett verhindert werden. Dadurch kann die Funktionalität der Website eingeschränkt werden.
-            </p>
-            <h4>3.4 Nutzerkonto</h4>
-            <p>Sie können auf unserer Website ein Nutzerkonto anlegen. Wünschen Sie dies, so benötigen wir die beim Login
-                abgefragten
-                personenbezogenen Daten. Beim späteren Einloggen werden nur Ihre Email bzw. Benutzername und das von Ihnen
-                gewählte
-                Passwort benötigt.<br/>
-                    Für die Neuregistrierung erheben wir Stammdaten (z. B. Name, Adresse), Kommunikationsdaten (z. B.
-                    E-Mail-Adresse)
-                    sowie Zugangsdaten (Benutzername u. Passwort).<br/>
-                    Sie können ein einmal angelegtes Nutzerkonto jederzeit von uns löschen lassen, ohne dass hierfür andere
-                    als die
-                    Übermittlungskosten nach den Basistarifen entstehen. Eine Mitteilung in Textform an die unter Ziffer 1
-                    genannten
-                    Kontaktdaten (z.B. E-Mail, Fax, Brief) reicht hierfür aus. Wir werden dann Ihre gespeicherten
-                    personenbezogenen Daten
-                    löschen, soweit wir diese nicht noch zur Abwicklung von Bestellungen oder aufgrund gesetzlicher
-                    Aufbewahrungspflichten
-                    speichern müssen.<br/>
-                    Rechtgrundlage für die Verarbeitung dieser Daten ist Ihre Einwilligung gemäß Art. 6 Abs. 1 S. 1 a)
-                    DSGVO.
-            </p>
-            <h4>3.5 E-Mail Kontakt</h4>
-            <p>
-                Wenn Sie mit uns in Kontakt treten (z. B. per Kontaktformular oder E-Mail), verarbeiten wir Ihre Angaben zur
-                Bearbeitung der Anfrage sowie für den Fall, dass Anschlussfragen entstehen.
-                Erfolgt die Datenverarbeitung zur Durchführung vorvertraglicher Maßnahmen, die auf Ihre Anfrage hin
-                erfolgen, bzw.,
-                wenn Sie bereits unser Kunde sind, zur Durchführung des Vertrages, ist Rechtsgrundlage für diese
-                Datenverarbeitung
-                Art. 6 Abs. 1 S. 1 b) DSGVO.
-                Weitere personenbezogene Daten verarbeiten wir nur, wenn Sie dazu einwilligen (Art. 6 Abs. 1 S. 1 a) DSGVO)
-                oder wir
-                ein berechtigtes Interesse an der Verarbeitung Ihrer Daten haben (Art. 6 Abs. 1 S. 1 f) DSGVO). Ein
-                berechtigtes
-                Interesse liegt z. B. darin, auf Ihre E-Mail zu antworten.
-            </p>
-            <h3>4 Speicherdauer</h3>
-            <p>
-                Sofern nicht spezifisch angegeben speichern wir personenbezogene Daten nur so lange, wie dies zur Erfüllung
-                der
-                verfolgten Zwecke notwendig ist.<br/>
-                In einigen Fällen sieht der Gesetzgeber die Aufbewahrung von personenbezogenen Daten vor, etwa im Steuer-
-                oder
-                Handelsrecht. In diesen Fällen werden die Daten von uns lediglich für diese gesetzlichen Zwecke weiter
-                gespeichert,
-                aber nicht anderweitig verarbeitet und nach Ablauf der gesetzlichen Aufbewahrungsfrist gelöscht.
-            </p>
-            <h3>5 Ihre Rechte als von der Datenverarbeitung Betroffener</h3>
-            <p>
-                Nach den anwendbaren Gesetzen haben Sie verschiedene Rechte bezüglich Ihrer personenbezogenen Daten. Möchten
-                Sie diese
-                Rechte geltend machen, so richten Sie Ihre Anfrage bitte per E-Mail oder per Post unter eindeutiger
-                Identifizierung
-                Ihrer Person an die in Ziffer 1 genannte Adresse.<br/>
-                Nachfolgend finden Sie eine Übersicht über Ihre Rechte.
-            </p>
+    return (<Container>
+        <p>
+            Die nachfolgende Datenschutzerklärung gilt für die Nutzung unseres Online-Angebots turnie.re (nachfolgend
+            „Website“).<br/>
+            Wir messen dem Datenschutz große Bedeutung bei. Die Erhebung und Verarbeitung Ihrer personenbezogenen Daten
+            geschieht unter Beachtung der geltenden datenschutzrechtlichen Vorschriften, insbesondere der
+            Datenschutzgrundverordnung (DSGVO). </p>
+        <h3>1 Verantwortlicher</h3>
+        <p>
+            Verantwortlicher für die Erhebung, Verarbeitung und Nutzung Ihrer personenbezogenen Daten im Sinne von Art.
+            4 Nr. 7 DSGVO ist </p>
+        <p>
+            Jonas Seydel<br/>
+            August-Euler-Weg 3<br/>
+            76133 Karlsruhe<br/>
+            Germany<br/>
+            jon@s-seydel.de<br/>
+        </p>
+        <p>
+            Sofern Sie der Erhebung, Verarbeitung oder Nutzung Ihrer Daten durch uns nach Maßgabe dieser
+            Datenschutzbestimmungen insgesamt oder für einzelne Maßnahmen widersprechen wollen, können Sie Ihren
+            Widerspruch an den Verantwortlichen richten.<br/>
+            Sie können diese Datenschutzerklärung jederzeit speichern und ausdrucken. </p>
+        <h3>2 Allgemeine Zwecke der Verarbeitung</h3>
+        <p>
+            Wir verwenden personenbezogene Daten zum Zweck des Betriebs der Website. </p>
+        <h3>3 Welche Daten wir verwenden und warum</h3>
+        <h4>3.1 Hosting</h4>
+        <p>
+            Die von uns in Anspruch genommenen Hosting-Leistungen dienen der Zurverfügungstellung der folgenden
+            Leistungen:
+            Infrastruktur- und Plattformdienstleistungen, Rechenkapazität, Speicherplatz und Datenbankdienste,
+            Sicherheitsleistungen sowie technische Wartungsleistungen, die wir zum Zweck des Betriebs der Website
+            einsetzen.<br/>
+            Hierbei verarbeiten wir, bzw. unser Hostinganbieter Bestandsdaten, Kontaktdaten, Inhaltsdaten,
+            Vertragsdaten,
+            Nutzungsdaten, Meta- und Kommunikationsdaten von Kunden, Interessenten und Besuchern dieser Website auf
+            Grundlage unserer berechtigten Interessen an einer effizienten und sicheren Zurverfügungstellung unserer
+            Website gem. Art. 6 Abs. 1 S. 1 f) DSGVO i.V.m. Art. 28 DSGVO. </p>
+        <h4>3.2 Zugriffsdaten</h4>
+        <p>
+            Wir sammeln Informationen über Sie, wenn Sie diese Website nutzen. Wir erfassen automatisch Informationen
+            über Ihr Nutzungsverhalten und Ihre Interaktion mit uns und registrieren Daten zu Ihrem Computer oder
+            Mobilgerät. Wir erheben,
+            speichern und nutzen Daten über jeden Zugriff auf unsere Website (sogenannte Serverlogfiles). Zu den
+            Zugriffsdaten gehören:
+        </p>
+        <ul>
+            <li>Name und URL der abgerufenen Datei</li>
+            <li>Datum und Uhrzeit des Abrufs</li>
+            <li>übertragene Datenmenge</li>
+            <li>Meldung über erfolgreichen Abruf (HTTP response code)</li>
+            <li>Browsertyp und Browserversion</li>
+            <li>Betriebssystem</li>
+            <li>Referer URL (d.h. die zuvor besuchte Seite)</li>
+            <li>Websites, die vom System des Nutzers über unsere Website aufgerufen werden</li>
+            <li>Internet-Service-Provider des Nutzers</li>
+            <li>IP-Adresse und der anfragende Provider</li>
+        </ul>
+        <p>
+            Wir nutzen diese Protokolldaten ohne Zuordnung zu Ihrer Person oder sonstiger Profilerstellung für
+            statistische Auswertungen zum Zweck des Betriebs, der Sicherheit und der Optimierung unserer Website, aber
+            auch zur anonymen Erfassung der Anzahl der Besucher auf unserer Website (traffic) sowie zum Umfang und zur
+            Art der Nutzung unserer Website und Dienste, ebenso zu Abrechnungszwecken, um die Anzahl der von
+            Kooperationspartnern erhaltenen Clicks zu messen. Aufgrund dieser Informationen können wir personalisierte
+            und standortbezogene Inhalte zur Verfügung stellen und den Datenverkehr analysieren, Fehler suchen und
+            beheben und unsere Dienste verbessern.<br/>
+            Hierin liegt auch unser berechtigtes Interesse gemäß Art 6 Abs. 1 S. 1 f) DSGVO.<br/>
+            Wir behalten uns vor, die Protokolldaten nachträglich zu überprüfen, wenn aufgrund konkreter Anhaltspunkte
+            der berechtigte Verdacht einer rechtswidrigen Nutzung besteht. IP-Adressen speichern wir für einen
+            begrenzten Zeitraum in den Logfiles, wenn dies für Sicherheitszwecke erforderlich oder für die
+            Leistungserbringung oder die Abrechnung einer Leistung nötig ist, z. B. wenn Sie eines unserer Angebote
+            nutzen. Nach Abbruch des Vorgangs der Bestellung oder nach Zahlungseingang löschen wir die IP-Adresse, wenn
+            diese für Sicherheitszwecke nicht mehr erforderlich ist. IP-Adressen speichern wir auch dann, wenn wir den
+            konkreten Verdacht einer Straftat im Zusammenhang mit der Nutzung unserer Website haben. Außerdem speichern
+            wir als Teil Ihres Accounts das Datum Ihres letzten Besuchs (z.B. bei Registrierung,
+            Login, Klicken von Links etc.). </p>
+        <h4>3.3 Cookies</h4>
+        <p>
+            Wir verwenden sogenannte Session-Cookies, um unsere Website zu optimieren. Ein Session-Cookie ist eine
+            kleine Textdatei, die von den jeweiligen Servern beim Besuch einer Internetseite verschickt und auf Ihrer
+            Festplatte zwischengespeichert wird. Diese Datei als solche enthält eine sogenannte Session-ID, mit welcher
+            sich verschiedene Anfragen Ihres Browsers der gemeinsamen Sitzung zuordnen lassen. Dadurch kann Ihr Rechner
+            wiedererkannt werden, wenn Sie auf unsere Website zurückkehren. Diese Cookies werden gelöscht, nachdem Sie
+            Ihren Browser schließen. Sie dienen z. B. dazu, dass Sie die Warenkorbfunktion über mehrere Seiten hinweg
+            nutzen können.<br/>
+            Wir verwenden in geringem Umfang auch persistente Cookies (ebenfalls kleine Textdateien, die auf Ihrem
+            Endgerät abgelegt werden), die auf Ihrem Endgerät verbleiben und es uns ermöglichen, Ihren Browser beim
+            nächsten Besuch wiederzuerkennen. Diese Cookies werden auf Ihrer Festplatte gespeichert und löschen sich
+            nach der vorgegebenen Zeit von allein. Ihre Lebensdauer beträgt 1 Monat bis 10 Jahre. So können wir Ihnen
+            unser Angebot nutzerfreundlicher,
+            effektiver und sicherer präsentieren und Ihnen beispielsweise speziell auf Ihre Interessen abgestimmte
+            Informationen auf der Seite anzeigen.<br/>
+            Unser berechtigtes Interesse an der Nutzung der Cookies gemäß Art 6 Abs. 1 S. 1 f) DSGVO liegt darin,
+            unsere Website nutzerfreundlicher, effektiver und sicherer zu machen.<br/>
+            In den Cookies werden etwa folgende Daten und Informationen gespeichert:
+        </p>
+        <ul>
+            <li>Log-In-Informationen</li>
+            <li>Spracheinstellungen</li>
+            <li>eingegebene Suchbegriffe</li>
+            <li>Informationen über die Anzahl der Aufrufe unserer Website sowie Nutzung einzelner Funktionen unseres
+                Internetauftritts.
+            </li>
+        </ul>
+        <p>
+            Bei Aktivierung des Cookies wird diesem eine Identifikationsnummer zugewiesen und eine Zuordnung Ihrer
+            personenbezogenen Daten zu dieser Identifikationsnummer wird nicht vorgenommen. Ihr Name, Ihre IP-Adresse
+            oder ähnliche Daten, die eine Zuordnung des Cookies zu Ihnen ermöglichen würden, werden nicht in den Cookie
+            eingelegt. Auf Basis der Cookie-Technologie erhalten wir lediglich pseudonymisierte Informationen,
+            beispielsweise darüber,
+            welche Seiten unseres Shops besucht wurden, welche Produkte angesehen wurden, etc.<br/>
+            Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies vorab informiert werden und im
+            Einzelfall entscheiden können, ob Sie die Annahme von Cookies für bestimmte Fälle oder generell
+            ausschließen, oder dass Cookies komplett verhindert werden. Dadurch kann die Funktionalität der Website
+            eingeschränkt werden. </p>
+        <h4>3.4 Nutzerkonto</h4>
+        <p>Sie können auf unserer Website ein Nutzerkonto anlegen. Wünschen Sie dies, so benötigen wir die beim Login
+            abgefragten personenbezogenen Daten. Beim späteren Einloggen werden nur Ihre Email bzw. Benutzername und das
+            von Ihnen gewählte Passwort benötigt.<br/>
+            Für die Neuregistrierung erheben wir Stammdaten (z. B. Name, Adresse), Kommunikationsdaten (z. B.
+            E-Mail-Adresse)
+            sowie Zugangsdaten (Benutzername u. Passwort).<br/>
+            Sie können ein einmal angelegtes Nutzerkonto jederzeit von uns löschen lassen, ohne dass hierfür andere als
+            die Übermittlungskosten nach den Basistarifen entstehen. Eine Mitteilung in Textform an die unter Ziffer 1
+            genannten Kontaktdaten (z.B. E-Mail, Fax, Brief) reicht hierfür aus. Wir werden dann Ihre gespeicherten
+            personenbezogenen Daten löschen, soweit wir diese nicht noch zur Abwicklung von Bestellungen oder aufgrund
+            gesetzlicher Aufbewahrungspflichten speichern müssen.<br/>
+            Rechtgrundlage für die Verarbeitung dieser Daten ist Ihre Einwilligung gemäß Art. 6 Abs. 1 S. 1 a)
+            DSGVO. </p>
+        <h4>3.5 E-Mail Kontakt</h4>
+        <p>
+            Wenn Sie mit uns in Kontakt treten (z. B. per Kontaktformular oder E-Mail), verarbeiten wir Ihre Angaben zur
+            Bearbeitung der Anfrage sowie für den Fall, dass Anschlussfragen entstehen. Erfolgt die Datenverarbeitung
+            zur Durchführung vorvertraglicher Maßnahmen, die auf Ihre Anfrage hin erfolgen, bzw.,
+            wenn Sie bereits unser Kunde sind, zur Durchführung des Vertrages, ist Rechtsgrundlage für diese
+            Datenverarbeitung Art. 6 Abs. 1 S. 1 b) DSGVO. Weitere personenbezogene Daten verarbeiten wir nur, wenn Sie
+            dazu einwilligen (Art. 6 Abs. 1 S. 1 a)
+            DSGVO)
+            oder wir ein berechtigtes Interesse an der Verarbeitung Ihrer Daten haben (Art. 6 Abs. 1 S. 1 f) DSGVO). Ein
+            berechtigtes Interesse liegt z. B. darin, auf Ihre E-Mail zu antworten. </p>
+        <h3>4 Speicherdauer</h3>
+        <p>
+            Sofern nicht spezifisch angegeben speichern wir personenbezogene Daten nur so lange, wie dies zur Erfüllung
+            der verfolgten Zwecke notwendig ist.<br/>
+            In einigen Fällen sieht der Gesetzgeber die Aufbewahrung von personenbezogenen Daten vor, etwa im Steuer-
+            oder Handelsrecht. In diesen Fällen werden die Daten von uns lediglich für diese gesetzlichen Zwecke weiter
+            gespeichert,
+            aber nicht anderweitig verarbeitet und nach Ablauf der gesetzlichen Aufbewahrungsfrist gelöscht. </p>
+        <h3>5 Ihre Rechte als von der Datenverarbeitung Betroffener</h3>
+        <p>
+            Nach den anwendbaren Gesetzen haben Sie verschiedene Rechte bezüglich Ihrer personenbezogenen Daten. Möchten
+            Sie diese Rechte geltend machen, so richten Sie Ihre Anfrage bitte per E-Mail oder per Post unter
+            eindeutiger Identifizierung Ihrer Person an die in Ziffer 1 genannte Adresse.<br/>
+            Nachfolgend finden Sie eine Übersicht über Ihre Rechte. </p>
 
-            <h4>5.1 Recht auf Bestätigung und Auskunft</h4>
-            <p>
-                Sie haben das Recht auf eine übersichtliche Auskunft über die Verarbeitung Ihrer personenbezogenen
-                Daten.<br/>
-                Im Einzelnen:<br/>
+        <h4>5.1 Recht auf Bestätigung und Auskunft</h4>
+        <p>
+            Sie haben das Recht auf eine übersichtliche Auskunft über die Verarbeitung Ihrer personenbezogenen
+            Daten.<br/>
+            Im Einzelnen:<br/>
 
-                Sie haben jederzeit das Recht, von uns eine Bestätigung darüber zu erhalten, ob Sie betreffende
-                personenbezogene Daten
-                verarbeitet werden. Ist dies der Fall, so haben Sie das Recht, von uns eine unentgeltliche Auskunft über die
-                zu Ihnen
-                gespeicherten personenbezogenen Daten nebst einer Kopie dieser Daten zu verlangen. Des Weiteren besteht ein
-                Recht auf
-                folgende Informationen:
-            </p>
-            <ol>
-                <li>die Verarbeitungszwecke;</li>
-                <li>die Kategorien personenbezogener Daten, die verarbeitet werden;</li>
-                <li>die Empfänger oder Kategorien von Empfängern, gegenüber denen die personenbezogenen Daten offengelegt
-                    worden sind
-                    oder noch offengelegt werden, insbesondere bei Empfängern in Drittländern oder bei internationalen
-                    Organisationen;
-                </li>
-                <li>falls möglich, die geplante Dauer, für die die personenbezogenen Daten gespeichert werden, oder, falls
-                    dies nicht
-                    möglich ist, die Kriterien für die Festlegung dieser Dauer;
-                </li>
-                <li>das Bestehen eines Rechts auf Berichtigung oder Löschung der Sie betreffenden personenbezogenen Daten
-                    oder auf
-                    Einschränkung der Verarbeitung durch den Verantwortlichen oder eines Widerspruchsrechts gegen diese
-                    Verarbeitung;
-                </li>
-                <li>das Bestehen eines Beschwerderechts bei einer Aufsichtsbehörde;</li>
-                <li>wenn die personenbezogenen Daten nicht bei Ihnen erhoben werden, alle verfügbaren Informationen über die
-                    Herkunft
-                    der Daten;
-                </li>
-                <li>das Bestehen einer automatisierten Entscheidungsfindung einschließlich Profiling gemäß Art. 22 Abs. 1
-                    und 4 DSGVO
-                    und – zumindest in diesen Fällen – aussagekräftige Informationen über die involvierte Logik sowie die
-                    Tragweite
-                    und die angestrebten Auswirkungen einer derartigen Verarbeitung für Sie.
-                </li>
-            </ol>
-            <p>
-                Werden personenbezogene Daten an ein Drittland oder an eine internationale Organisation übermittelt, so
-                haben Sie das
-                Recht, über die geeigneten Garantien gemäß Art. 46 DSGVO im Zusammenhang mit der Übermittlung unterrichtet
-                zu werden.
-            </p>
-            <h4>5.2 Recht auf Berichtigung</h4>
-            <p>
-                Sie haben das Recht, von uns die Berichtigung und ggf. auch Vervollständigung Sie betreffender
-                personenbezogener Daten
-                zu verlangen.<br/>
-                Im Einzelnen:<br/>
-                Sie haben das Recht, von uns unverzüglich die Berichtigung Sie betreffender unrichtiger personenbezogener
-                Daten zu
-                verlangen. Unter Berücksichtigung der Zwecke der Verarbeitung haben Sie das Recht, die Vervollständigung
-                unvollständiger personenbezogener Daten – auch mittels einer ergänzenden Erklärung – zu verlangen.<br/>
-            </p>
+            Sie haben jederzeit das Recht, von uns eine Bestätigung darüber zu erhalten, ob Sie betreffende
+            personenbezogene Daten verarbeitet werden. Ist dies der Fall, so haben Sie das Recht, von uns eine
+            unentgeltliche Auskunft über die zu Ihnen gespeicherten personenbezogenen Daten nebst einer Kopie dieser
+            Daten zu verlangen. Des Weiteren besteht ein Recht auf folgende Informationen:
+        </p>
+        <ol>
+            <li>die Verarbeitungszwecke;</li>
+            <li>die Kategorien personenbezogener Daten, die verarbeitet werden;</li>
+            <li>die Empfänger oder Kategorien von Empfängern, gegenüber denen die personenbezogenen Daten offengelegt
+                worden sind oder noch offengelegt werden, insbesondere bei Empfängern in Drittländern oder bei
+                internationalen Organisationen;
+            </li>
+            <li>falls möglich, die geplante Dauer, für die die personenbezogenen Daten gespeichert werden, oder,
+                falls dies nicht möglich ist, die Kriterien für die Festlegung dieser Dauer;
+            </li>
+            <li>das Bestehen eines Rechts auf Berichtigung oder Löschung der Sie betreffenden personenbezogenen Daten
+                oder auf Einschränkung der Verarbeitung durch den Verantwortlichen oder eines Widerspruchsrechts gegen
+                diese Verarbeitung;
+            </li>
+            <li>das Bestehen eines Beschwerderechts bei einer Aufsichtsbehörde;</li>
+            <li>wenn die personenbezogenen Daten nicht bei Ihnen erhoben werden, alle verfügbaren Informationen über die
+                Herkunft der Daten;
+            </li>
+            <li>das Bestehen einer automatisierten Entscheidungsfindung einschließlich Profiling gemäß Art. 22 Abs. 1
+                und 4 DSGVO und – zumindest in diesen Fällen – aussagekräftige Informationen über die involvierte Logik
+                sowie die Tragweite und die angestrebten Auswirkungen einer derartigen Verarbeitung für Sie.
+            </li>
+        </ol>
+        <p>
+            Werden personenbezogene Daten an ein Drittland oder an eine internationale Organisation übermittelt, so
+            haben Sie das Recht, über die geeigneten Garantien gemäß Art. 46 DSGVO im Zusammenhang mit der Übermittlung
+            unterrichtet zu werden. </p>
+        <h4>5.2 Recht auf Berichtigung</h4>
+        <p>
+            Sie haben das Recht, von uns die Berichtigung und ggf. auch Vervollständigung Sie betreffender
+            personenbezogener Daten zu verlangen.<br/>
+            Im Einzelnen:<br/>
+            Sie haben das Recht, von uns unverzüglich die Berichtigung Sie betreffender unrichtiger personenbezogener
+            Daten zu verlangen. Unter Berücksichtigung der Zwecke der Verarbeitung haben Sie das Recht, die
+            Vervollständigung unvollständiger personenbezogener Daten – auch mittels einer ergänzenden Erklärung – zu
+            verlangen.<br/>
+        </p>
 
-            <h4>5.3 Recht auf Löschung ("Recht auf Vergessenwerden")</h4>
-            <p>
-                In einer Reihe von Fällen sind wir verpflichtet, Sie betreffende personenbezogene Daten zu löschen.<br/>
-                Im Einzelnen:<br/>
-                Sie haben gemäß Art. 17 Abs. 1 DSGVO das Recht, von uns zu verlangen, dass Sie betreffende personenbezogene
-                Daten
-                unverzüglich gelöscht werden, und wir sind verpflichtet, personenbezogene Daten unverzüglich zu löschen,
-                sofern einer
-                der folgenden Gründe zutrifft:
-            </p>
-            <ol>
-                <li>Die personenbezogenen Daten sind für die Zwecke, für die sie erhoben oder auf sonstige Weise verarbeitet
-                    wurden,
-                    nicht mehr notwendig.
-                </li>
-                <li>Sie widerrufen Ihre Einwilligung, auf die sich die Verarbeitung gemäß Art. 6 Abs. 1 S. 1 a) DSGVO oder
-                    Art. 9 Abs.
-                    2 a) DSGVO stützte, und es fehlt an einer anderweitigen Rechtsgrundlage für die Verarbeitung.
-                </li>
-                <li>Sie legen gemäß Art. 21 Abs. 1 DSGVO Widerspruch gegen die Verarbeitung ein und es liegen keine
-                    vorrangigen
-                    berechtigten Gründe für die Verarbeitung vor, oder Sie legen gemäß Art. 21 Abs. 2 DSGVO Widerspruch
-                    gegen die
-                    Verarbeitung ein.
-                </li>
-                <li>Die personenbezogenen Daten wurden unrechtmäßig verarbeitet.</li>
-                <li>Die Löschung der personenbezogenen Daten ist zur Erfüllung einer rechtlichen Verpflichtung nach dem
-                    Unionsrecht
-                    oder dem Recht der Mitgliedstaaten erforderlich, dem wir unterliegen.
-                </li>
-                <li>Die personenbezogenen Daten wurden in Bezug auf angebotene Dienste der Informationsgesellschaft gemäß
-                    Art. 8 Abs.
-                    1 DSGVO erhoben.
-                </li>
-            </ol>
-            <p>
-                Haben wir die personenbezogenen Daten öffentlich gemacht und sind wir gemäß Art. 17 Abs. 1 DSGVO zu deren
-                Löschung
-                verpflichtet, so treffen wir unter Berücksichtigung der verfügbaren Technologie und der
-                Implementierungskosten
-                angemessene Maßnahmen, auch technischer Art, um für die Datenverarbeitung Verantwortliche, die die
-                personenbezogenen
-                Daten verarbeiten, darüber zu informieren, dass Sie von ihnen die Löschung aller Links zu diesen
-                personenbezogenen
-                Daten oder von Kopien oder Replikationen dieser personenbezogenen Daten verlangt haben.
-            </p>
-            <h4>5.4 Recht auf Einschränkung der Verarbeitung</h4>
-            <p>
-                In einer Reihe von Fällen sind Sie berechtigt, von uns eine Einschränkung der Verarbeitung Ihrer
-                personenbezogenen
-                Daten zu verlangen.<br/>
-                Im Einzelnen:<br/>
-                Sie haben das Recht, von uns die Einschränkung der Verarbeitung zu verlangen, wenn eine der folgenden
-                Voraussetzungen
-                gegeben ist:
-            </p>
-            <ol>
-                <li>die Richtigkeit der personenbezogenen Daten wird von Ihnen bestritten, und zwar für eine Dauer, die es
-                    uns
-                    ermöglicht, die Richtigkeit der personenbezogenen Daten zu überprüfen,
-                </li>
-                <li>die Verarbeitung unrechtmäßig ist und Sie die Löschung der personenbezogenen Daten ablehnten und
-                    stattdessen die
-                    Einschränkung der Nutzung der personenbezogenen Daten verlangt haben;
-                </li>
-                <li>wir die personenbezogenen Daten für die Zwecke der Verarbeitung nicht länger benötigen, Sie die Daten
-                    jedoch zur
-                    Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen benötigen, oder
-                </li>
-                <li>Sie Widerspruch gegen die Verarbeitung gemäß Art. 21 Abs. 1 DSGVO eingelegt haben, solange noch nicht
-                    feststeht,
-                    ob die berechtigten Gründe unseres Unternehmens gegenüber den Ihren überwiegen.
-                </li>
-            </ol>
-            <h4>5.5 Recht auf Datenübertragbarkeit</h4>
-            <p>
-                Sie haben das Recht, Sie betreffende personenbezogene Daten maschinenlesbar zu erhalten, zu übermitteln,
-                oder von uns
-                übermitteln zu lasen.<br/>
-                Im Einzelnen:<br/>
-                Sie haben das Recht, die Sie betreffenden personenbezogenen Daten, die Sie uns bereitgestellt haben, in
-                einem
-                strukturierten, gängigen und maschinenlesbaren Format zu erhalten, und Sie haben das Recht, diese Daten
-                einem anderen
-                Verantwortlichen ohne Behinderung durch uns zu übermitteln, sofern
-            </p>
-            <ol>
-                <li>die Verarbeitung auf einer Einwilligung gemäß Art. 6 Abs. 1 S. 1 a) DSGVO oder Art. 9 Abs. 2 a) DSGVO
-                    oder auf
-                    einem Vertrag gemäß Art. 6 Abs. 1 S. 1 b) DSGVO beruht und
-                </li>
-                <li>die Verarbeitung mithilfe automatisierter Verfahren erfolgt.</li>
-            </ol>
-            <p>
-                Bei der Ausübung Ihres Rechts auf Datenübertragbarkeit gemäß Absatz 1 haben Sie das Recht, zu erwirken, dass
-                die
-                personenbezogenen Daten direkt von uns einem anderen Verantwortlichen übermittelt werden, soweit dies
-                technisch
-                machbar ist.
-            </p>
-            <h4>5.6 Widerspruchsrecht</h4>
-            <p>
-                Sie haben das Recht, auch einer rechtmäßigen Verarbeitung Ihrer personenbezogenen Daten durch uns zu
-                widersprechen,
-                wenn sich dies aus Ihrer besonderen Situation begründet und unsere Interessen an der Verarbeitung nicht
-                überwiegen.<br/>
-                Im Einzelnen:<br/>
-                Sie haben das Recht, aus Gründen, die sich aus Ihrer besonderen Situation ergeben, jederzeit gegen die
-                Verarbeitung
-                Sie betreffender personenbezogener Daten, die aufgrund von Art. 6 Abs. 1 S. 1 e) oder f) DSGVO erfolgt,
-                Widerspruch
-                einzulegen; dies gilt auch für ein auf diese Bestimmungen gestütztes Profiling. Wir verarbeiten die
-                personenbezogenen
-                Daten nicht mehr, es sei denn, wir können zwingende schutzwürdige Gründe für die Verarbeitung nachweisen,
-                die Ihre
-                Interessen, Rechte und Freiheiten überwiegen, oder die Verarbeitung dient der Geltendmachung, Ausübung oder
-                Verteidigung von Rechtsansprüchen.<br/>
-                Werden personenbezogene Daten von uns verarbeitet, um Direktwerbung zu betreiben, so haben Sie das Recht,
-                jederzeit
-                Widerspruch gegen die Verarbeitung Sie betreffender personenbezogener Daten zum Zwecke derartiger Werbung
-                einzulegen;
-                dies gilt auch für das Profiling, soweit es mit solcher Direktwerbung in Verbindung steht.<br/>
-                Sie haben das Recht, aus Gründen, die sich aus Ihrer besonderen Situation ergeben, gegen die Sie betreffende
-                Verarbeitung Sie betreffender personenbezogener Daten, die zu wissenschaftlichen oder historischen
-                Forschungszwecken
-                oder zu statistischen Zwecken gemäß Art. 89 Abs. 1 DSGVO erfolgt, Widerspruch einzulegen, es sei denn, die
-                Verarbeitung ist zur Erfüllung einer im öffentlichen Interesse liegenden Aufgabe erforderlich.<br/>
-            </p>
-            <h4>5.7 Automatisierte Entscheidungen einschließlich Profiling</h4>
-            <p>
-                Sie haben das Recht, nicht einer ausschließlich auf einer automatisierten Verarbeitung – einschließlich
-                Profiling –
-                beruhenden Entscheidung unterworfen zu werden, die Ihnen gegenüber rechtliche Wirkung entfaltet oder Sie in
-                ähnlicher
-                Weise erheblich beeinträchtigt.<br/>
-                Eine automatisierte Entscheidungsfindung auf der Grundlage der erhobenen personenbezogenen Daten findet
-                nicht statt.
-            </p>
-            <h4>5.8 Recht auf Widerruf einer datenschutzrechtlichen Einwilligung</h4>
-            <p>
-                Sie haben das Recht, eine Einwilligung zur Verarbeitung personenbezogener Daten jederzeit zu widerrufen.
-            </p>
+        <h4>5.3 Recht auf Löschung ("Recht auf Vergessenwerden")</h4>
+        <p>
+            In einer Reihe von Fällen sind wir verpflichtet, Sie betreffende personenbezogene Daten zu löschen.<br/>
+            Im Einzelnen:<br/>
+            Sie haben gemäß Art. 17 Abs. 1 DSGVO das Recht, von uns zu verlangen, dass Sie betreffende personenbezogene
+            Daten unverzüglich gelöscht werden, und wir sind verpflichtet, personenbezogene Daten unverzüglich zu
+            löschen,
+            sofern einer der folgenden Gründe zutrifft:
+        </p>
+        <ol>
+            <li>Die personenbezogenen Daten sind für die Zwecke, für die sie erhoben oder auf sonstige Weise verarbeitet
+                wurden,
+                nicht mehr notwendig.
+            </li>
+            <li>Sie widerrufen Ihre Einwilligung, auf die sich die Verarbeitung gemäß Art. 6 Abs. 1 S. 1 a) DSGVO oder
+                Art. 9 Abs. 2 a) DSGVO stützte, und es fehlt an einer anderweitigen Rechtsgrundlage für die
+                Verarbeitung.
+            </li>
+            <li>Sie legen gemäß Art. 21 Abs. 1 DSGVO Widerspruch gegen die Verarbeitung ein und es liegen keine
+                vorrangigen berechtigten Gründe für die Verarbeitung vor, oder Sie legen gemäß Art. 21 Abs. 2 DSGVO
+                Widerspruch gegen die Verarbeitung ein.
+            </li>
+            <li>Die personenbezogenen Daten wurden unrechtmäßig verarbeitet.</li>
+            <li>Die Löschung der personenbezogenen Daten ist zur Erfüllung einer rechtlichen Verpflichtung nach dem
+                Unionsrecht oder dem Recht der Mitgliedstaaten erforderlich, dem wir unterliegen.
+            </li>
+            <li>Die personenbezogenen Daten wurden in Bezug auf angebotene Dienste der Informationsgesellschaft gemäß
+                Art. 8 Abs. 1 DSGVO erhoben.
+            </li>
+        </ol>
+        <p>
+            Haben wir die personenbezogenen Daten öffentlich gemacht und sind wir gemäß Art. 17 Abs. 1 DSGVO zu deren
+            Löschung verpflichtet, so treffen wir unter Berücksichtigung der verfügbaren Technologie und der
+            Implementierungskosten angemessene Maßnahmen, auch technischer Art, um für die Datenverarbeitung
+            Verantwortliche, die die personenbezogenen Daten verarbeiten, darüber zu informieren, dass Sie von ihnen die
+            Löschung aller Links zu diesen personenbezogenen Daten oder von Kopien oder Replikationen dieser
+            personenbezogenen Daten verlangt haben. </p>
+        <h4>5.4 Recht auf Einschränkung der Verarbeitung</h4>
+        <p>
+            In einer Reihe von Fällen sind Sie berechtigt, von uns eine Einschränkung der Verarbeitung Ihrer
+            personenbezogenen Daten zu verlangen.<br/>
+            Im Einzelnen:<br/>
+            Sie haben das Recht, von uns die Einschränkung der Verarbeitung zu verlangen, wenn eine der folgenden
+            Voraussetzungen gegeben ist:
+        </p>
+        <ol>
+            <li>die Richtigkeit der personenbezogenen Daten wird von Ihnen bestritten, und zwar für eine Dauer, die es
+                uns ermöglicht, die Richtigkeit der personenbezogenen Daten zu überprüfen,
+            </li>
+            <li>die Verarbeitung unrechtmäßig ist und Sie die Löschung der personenbezogenen Daten ablehnten und
+                stattdessen die Einschränkung der Nutzung der personenbezogenen Daten verlangt haben;
+            </li>
+            <li>wir die personenbezogenen Daten für die Zwecke der Verarbeitung nicht länger benötigen, Sie die Daten
+                jedoch zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen benötigen, oder
+            </li>
+            <li>Sie Widerspruch gegen die Verarbeitung gemäß Art. 21 Abs. 1 DSGVO eingelegt haben, solange noch nicht
+                feststeht,
+                ob die berechtigten Gründe unseres Unternehmens gegenüber den Ihren überwiegen.
+            </li>
+        </ol>
+        <h4>5.5 Recht auf Datenübertragbarkeit</h4>
+        <p>
+            Sie haben das Recht, Sie betreffende personenbezogene Daten maschinenlesbar zu erhalten, zu übermitteln,
+            oder von uns übermitteln zu lasen.<br/>
+            Im Einzelnen:<br/>
+            Sie haben das Recht, die Sie betreffenden personenbezogenen Daten, die Sie uns bereitgestellt haben, in
+            einem strukturierten, gängigen und maschinenlesbaren Format zu erhalten, und Sie haben das Recht, diese
+            Daten einem anderen Verantwortlichen ohne Behinderung durch uns zu übermitteln, sofern </p>
+        <ol>
+            <li>die Verarbeitung auf einer Einwilligung gemäß Art. 6 Abs. 1 S. 1 a) DSGVO oder Art. 9 Abs. 2 a)
+                DSGVO oder auf einem Vertrag gemäß Art. 6 Abs. 1 S. 1 b) DSGVO beruht und
+            </li>
+            <li>die Verarbeitung mithilfe automatisierter Verfahren erfolgt.</li>
+        </ol>
+        <p>
+            Bei der Ausübung Ihres Rechts auf Datenübertragbarkeit gemäß Absatz 1 haben Sie das Recht, zu erwirken,
+            dass die personenbezogenen Daten direkt von uns einem anderen Verantwortlichen übermittelt werden, soweit
+            dies technisch machbar ist. </p>
+        <h4>5.6 Widerspruchsrecht</h4>
+        <p>
+            Sie haben das Recht, auch einer rechtmäßigen Verarbeitung Ihrer personenbezogenen Daten durch uns zu
+            widersprechen,
+            wenn sich dies aus Ihrer besonderen Situation begründet und unsere Interessen an der Verarbeitung nicht
+            überwiegen.<br/>
+            Im Einzelnen:<br/>
+            Sie haben das Recht, aus Gründen, die sich aus Ihrer besonderen Situation ergeben, jederzeit gegen die
+            Verarbeitung Sie betreffender personenbezogener Daten, die aufgrund von Art. 6 Abs. 1 S. 1 e) oder f) DSGVO
+            erfolgt,
+            Widerspruch einzulegen; dies gilt auch für ein auf diese Bestimmungen gestütztes Profiling. Wir verarbeiten
+            die personenbezogenen Daten nicht mehr, es sei denn, wir können zwingende schutzwürdige Gründe für die
+            Verarbeitung nachweisen,
+            die Ihre Interessen, Rechte und Freiheiten überwiegen, oder die Verarbeitung dient der Geltendmachung,
+            Ausübung oder Verteidigung von Rechtsansprüchen.<br/>
+            Werden personenbezogene Daten von uns verarbeitet, um Direktwerbung zu betreiben, so haben Sie das Recht,
+            jederzeit Widerspruch gegen die Verarbeitung Sie betreffender personenbezogener Daten zum Zwecke derartiger
+            Werbung einzulegen;
+            dies gilt auch für das Profiling, soweit es mit solcher Direktwerbung in Verbindung steht.<br/>
+            Sie haben das Recht, aus Gründen, die sich aus Ihrer besonderen Situation ergeben, gegen die Sie betreffende
+            Verarbeitung Sie betreffender personenbezogener Daten, die zu wissenschaftlichen oder historischen
+            Forschungszwecken oder zu statistischen Zwecken gemäß Art. 89 Abs. 1 DSGVO erfolgt, Widerspruch einzulegen,
+            es sei denn,
+            die Verarbeitung ist zur Erfüllung einer im öffentlichen Interesse liegenden Aufgabe erforderlich.<br/>
+        </p>
+        <h4>5.7 Automatisierte Entscheidungen einschließlich Profiling</h4>
+        <p>
+            Sie haben das Recht, nicht einer ausschließlich auf einer automatisierten Verarbeitung – einschließlich
+            Profiling –
+            beruhenden Entscheidung unterworfen zu werden, die Ihnen gegenüber rechtliche Wirkung entfaltet oder Sie in
+            ähnlicher Weise erheblich beeinträchtigt.<br/>
+            Eine automatisierte Entscheidungsfindung auf der Grundlage der erhobenen personenbezogenen Daten findet
+            nicht statt. </p>
+        <h4>5.8 Recht auf Widerruf einer datenschutzrechtlichen Einwilligung</h4>
+        <p>
+            Sie haben das Recht, eine Einwilligung zur Verarbeitung personenbezogener Daten jederzeit zu
+            widerrufen. </p>
 
-            <h4>5.9 Recht auf Beschwerde bei einer Aufsichtsbehörde</h4>
-            <p>
-                Sie haben das Recht auf Beschwerde bei einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat Ihres
-                Aufenthaltsorts, Ihres Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes, wenn Sie der Ansicht sind,
-                dass die
-                Verarbeitung der Sie betreffenden personenbezogenen Daten rechtswidrig ist.
-            </p>
-            <h3>6 Datensicherheit</h3>
-            <p>
-                Wir sind um die Sicherheit Ihrer Daten im Rahmen der geltenden Datenschutzgesetze und technischen
-                Möglichkeiten
-                maximal bemüht.<br/>
-                Ihre persönlichen Daten werden bei uns verschlüsselt übertragen. Dies gilt für Ihre Bestellungen und auch
-                für das
-                Kundenlogin. Wir nutzen das Codierungssystem SSL (Secure Socket Layer), weisen jedoch 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.<br/>
-                Zur Sicherung Ihrer Daten unterhalten wir technische und organisatorische Sicherungsmaßnahmen entsprechend
-                Art. 32
-                DSGVO, die wir immer wieder dem Stand der Technik anpassen.<br/>
-                Wir gewährleisten außerdem nicht, dass unser Angebot zu bestimmten Zeiten zur Verfügung steht; Störungen,
-                Unterbrechungen oder Ausfälle können nicht ausgeschlossen werden. Die von uns verwendeten Server werden
-                regelmäßig
-                sorgfältig gesichert.
-            </p>
-            <h3>7 Weitergabe von Daten an Dritte, keine Datenübertragung ins Nicht-EU-Ausland</h3>
-            <p>
-                Grundsätzlich verwenden wir Ihre personenbezogenen Daten nur innerhalb unseres Unternehmens.<br/>
-                Wenn und soweit wir Dritte im Rahmen der Erfüllung von Verträgen einschalten (etwa Logistik-Dienstleister),
-                erhalten
-                diese personenbezogene Daten nur in dem Umfang, in welchem die Übermittlung für die entsprechende Leistung
-                erforderlich ist.<br/>
-                Für den Fall, dass wir bestimmte Teile der Datenverarbeitung auslagern („Auftragsverarbeitung“),
-                verpflichten wir
-                Auftragsverarbeiter vertraglich dazu, personenbezogene Daten nur im Einklang mit den Anforderungen der
-                Datenschutzgesetze zu verwenden und den Schutz der Rechte der betroffenen Person zu gewährleisten.<br/>
-                Eine Datenübertragung an Stellen oder Personen außerhalb der EU außerhalb des in dieser Erklärung in Ziffer
-                4
-                genannten Falls findet nicht statt und ist nicht geplant.
-            </p>
-            <h3>8 Datenschutzbeauftragter</h3>
-            <p>
-                Sollten Sie noch Fragen oder Bedenken zum Datenschutz haben, so wenden Sie sich bitte an unseren
-                Datenschutzbeauftragten:
-            </p>
-            <p>
-                Jonas Seydel<br/>
-                August-Euler-Weg 3<br/>
-                76133 Karlsruhe<br/>
-                Germany<br/>
-                jon@s-seydel.de
-            </p>
-        </Container>
-    );
+        <h4>5.9 Recht auf Beschwerde bei einer Aufsichtsbehörde</h4>
+        <p>
+            Sie haben das Recht auf Beschwerde bei einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat Ihres
+            Aufenthaltsorts, Ihres Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes, wenn Sie der Ansicht sind,
+            dass die Verarbeitung der Sie betreffenden personenbezogenen Daten rechtswidrig ist. </p>
+        <h3>6 Datensicherheit</h3>
+        <p>
+            Wir sind um die Sicherheit Ihrer Daten im Rahmen der geltenden Datenschutzgesetze und technischen
+            Möglichkeiten maximal bemüht.<br/>
+            Ihre persönlichen Daten werden bei uns verschlüsselt übertragen. Dies gilt für Ihre Bestellungen und auch
+            für das Kundenlogin. Wir nutzen das Codierungssystem SSL (Secure Socket Layer), weisen jedoch 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.<br/>
+            Zur Sicherung Ihrer Daten unterhalten wir technische und organisatorische Sicherungsmaßnahmen entsprechend
+            Art. 32 DSGVO, die wir immer wieder dem Stand der Technik anpassen.<br/>
+            Wir gewährleisten außerdem nicht, dass unser Angebot zu bestimmten Zeiten zur Verfügung steht;
+            Störungen,
+            Unterbrechungen oder Ausfälle können nicht ausgeschlossen werden. Die von uns verwendeten Server werden
+            regelmäßig sorgfältig gesichert. </p>
+        <h3>7 Weitergabe von Daten an Dritte, keine Datenübertragung ins Nicht-EU-Ausland</h3>
+        <p>
+            Grundsätzlich verwenden wir Ihre personenbezogenen Daten nur innerhalb unseres Unternehmens.<br/>
+            Wenn und soweit wir Dritte im Rahmen der Erfüllung von Verträgen einschalten (etwa Logistik-Dienstleister),
+            erhalten diese personenbezogene Daten nur in dem Umfang, in welchem die Übermittlung für die entsprechende
+            Leistung erforderlich ist.<br/>
+            Für den Fall, dass wir bestimmte Teile der Datenverarbeitung auslagern („Auftragsverarbeitung“),
+            verpflichten wir Auftragsverarbeiter vertraglich dazu, personenbezogene Daten nur im Einklang mit den
+            Anforderungen der Datenschutzgesetze zu verwenden und den Schutz der Rechte der betroffenen Person zu
+            gewährleisten.<br/>
+            Eine Datenübertragung an Stellen oder Personen außerhalb der EU außerhalb des in dieser Erklärung in Ziffer
+            4 genannten Falls findet nicht statt und ist nicht geplant. </p>
+        <h3>8 Datenschutzbeauftragter</h3>
+        <p>
+            Sollten Sie noch Fragen oder Bedenken zum Datenschutz haben, so wenden Sie sich bitte an unseren
+            Datenschutzbeauftragten:
+        </p>
+        <p>
+            Jonas Seydel<br/>
+            August-Euler-Weg 3<br/>
+            76133 Karlsruhe<br/>
+            Germany<br/>
+            jon@s-seydel.de </p>
+    </Container>);
 }
 
 
 export default class PrivacyPage extends React.Component {
     render() {
-        return (
-            <div>
-                <Head>
-                    <title>Datenschutzerklärung: turnie.re</title>
-                </Head>
-                <TurniereNavigation/>
-                <BigImage text="Datenschutzerklärung"/>
-                <Main/>
-                <Footer/>
-            </div>
-        );
+        return (<div>
+            <Head>
+                <title>Datenschutzerklärung: turnie.re</title>
+            </Head>
+            <TurniereNavigation/>
+            <BigImage text="Datenschutzerklärung"/>
+            <Main/>
+            <Footer/>
+        </div>);
     }
 }
diff --git a/pages/private.js b/pages/private.js
index d795304..0ae79a0 100644
--- a/pages/private.js
+++ b/pages/private.js
@@ -16,33 +16,31 @@ class PrivateTournamentsPage extends React.Component {
     render() {
         const {isSignedIn} = this.props;
 
-        return (
-            <UserRestrictor>
-                <Option condition={isSignedIn}>
-                    <div className="main generic-fullpage-bg">
-                        <Head>
-                            <title>Private Turniere: turnie.re</title>
-                        </Head>
-                        <TurniereNavigation/>
-                        <PrivateTournamentsPageContent/>
-                        <Footer/>
+        return (<UserRestrictor>
+            <Option condition={isSignedIn}>
+                <div className="main generic-fullpage-bg">
+                    <Head>
+                        <title>Private Turniere: turnie.re</title>
+                    </Head>
+                    <TurniereNavigation/>
+                    <PrivateTournamentsPageContent/>
+                    <Footer/>
+                </div>
+            </Option>
+            <Option condition={true}>
+                <div className="main generic-fullpage-bg">
+                    <Head>
+                        <title>Anmeldung</title>
+                    </Head>
+                    <TurniereNavigation/>
+                    <div>
+                        <Login
+                            hint="Sie müssen angemeldet sein, um diesen Inhalt anzuzeigen!"/>
                     </div>
-                </Option>
-                <Option condition={true}>
-                    <div className="main generic-fullpage-bg">
-                        <Head>
-                            <title>Anmeldung</title>
-                        </Head>
-                        <TurniereNavigation/>
-                        <div>
-                            <Login
-                                hint="Sie müssen angemeldet sein, um diesen Inhalt anzuzeigen!"/>
-                        </div>
-                        <Footer/>
-                    </div>
-                </Option>
-            </UserRestrictor>
-        );
+                    <Footer/>
+                </div>
+            </Option>
+        </UserRestrictor>);
     }
 }
 
@@ -51,9 +49,7 @@ function mapStateToProperties(state) {
     return {isSignedIn};
 }
 
-const PrivateTournamentListPage = connect(
-    mapStateToProperties,
-)(PrivateTournamentsPage);
+const PrivateTournamentListPage = connect(mapStateToProperties)(PrivateTournamentsPage);
 
 export default PrivateTournamentListPage;
 
@@ -70,13 +66,11 @@ function PrivateTournamentsPageContent() {
 
 class PrivateTournamentsCard extends React.Component {
     render() {
-        return (
-            <Card className="shadow">
-                <CardBody>
-                    <h1 className="custom-font">Private Turniere</h1>
-                    <TournamentList type='private'/>
-                </CardBody>
-            </Card>
-        );
+        return (<Card className="shadow">
+            <CardBody>
+                <h1 className="custom-font">Private Turniere</h1>
+                <TournamentList type='private'/>
+            </CardBody>
+        </Card>);
     }
 }
diff --git a/pages/register.js b/pages/register.js
index 114bb46..13ef5d5 100644
--- a/pages/register.js
+++ b/pages/register.js
@@ -2,15 +2,7 @@ import Head from 'next/head';
 import React from 'react';
 import {connect} from 'react-redux';
 import {
-    Button,
-    Card,
-    CardBody,
-    Container,
-    Form,
-    FormGroup,
-    FormText,
-    Input,
-    Label
+    Button, Card, CardBody, Container, Form, FormGroup, FormText, Input, Label
 } from 'reactstrap';
 
 import {TurniereNavigation} from '../js/components/Navigation';
@@ -22,37 +14,33 @@ import '../static/everypage.css';
 
 export default class RegisterPage extends React.Component {
     render() {
-        return (
-            <div className="main generic-fullpage-bg">
-                <Head>
-                    <title>Registrieren: turnie.re</title>
-                </Head>
-                <TurniereNavigation/>
-                <div>
-                    <Register/>
-                    <AccountRequirementMarketing/>
-                </div>
-                <Footer/>
+        return (<div className="main generic-fullpage-bg">
+            <Head>
+                <title>Registrieren: turnie.re</title>
+            </Head>
+            <TurniereNavigation/>
+            <div>
+                <Register/>
+                <AccountRequirementMarketing/>
             </div>
-        );
+            <Footer/>
+        </div>);
     }
 }
 
 class Register extends React.Component {
     render() {
-        return (
-            <Container className="py-5">
-                <Card className="shadow">
-                    <CardBody>
-                        <h1 className="custom-font">Account anlegen</h1>
-                        <RegisterForm/>
-                        <div className="mt-3">
-                            <a href="/login" className="mr-3">Ich habe bereits einen Account!</a>
-                        </div>
-                    </CardBody>
-                </Card>
-            </Container>
-        );
+        return (<Container className="py-5">
+            <Card className="shadow">
+                <CardBody>
+                    <h1 className="custom-font">Account anlegen</h1>
+                    <RegisterForm/>
+                    <div className="mt-3">
+                        <a href="/login" className="mr-3">Ich habe bereits einen Account!</a>
+                    </div>
+                </CardBody>
+            </Card>
+        </Container>);
     }
 }
 
@@ -60,13 +48,9 @@ class RegisterErrorList extends React.Component {
     render() {
         const {error, errorMessages} = this.props;
         if (error) {
-            return (
-                <ul className="mt-3 error-box">
-                    { errorMessages.map((message, index) =>
-                        <li key={index}>{message}</li>
-                    ) }
-                </ul>
-            );
+            return (<ul className="mt-3 error-box">
+                {errorMessages.map((message, index) => <li key={index}>{message}</li>)}
+            </ul>);
         } else {
             return null;
         }
@@ -78,46 +62,43 @@ const mapStateToErrorMessages = state => {
     return {errorMessages, error};
 };
 
-const VisibleRegisterErrorList = connect(
-    mapStateToErrorMessages
-)(RegisterErrorList);
+const VisibleRegisterErrorList = connect(mapStateToErrorMessages)(RegisterErrorList);
 
 class RegisterForm extends React.Component {
     constructor(props) {
         super(props);
 
         this.state = {
-            username: '',
-            email: '',
-            password: ''
+            username: '', email: '', password: ''
         };
     }
 
     render() {
-        return (
-            <Form>
-                <FormGroup>
-                    <Label for="username">Benutzername</Label>
-                    <Input name="username" value={this.state.username} onChange={ this.handleUsernameInput.bind(this) } />
-                    <FormText>Wenn du anderen dein Turnier zeigst, können sie deinen Benutzernamen sehen.</FormText>
-                </FormGroup>
-                <FormGroup>
-                    <Label for="email">E-Mail-Adresse</Label>
-                    <Input type="email" name="email" value={this.state.email} onChange={ this.handleEmailInput.bind(this) } />
-                    <FormText>Deine E-Mail-Adresse kann nur von dir gesehen werden.</FormText>
-                </FormGroup>
-                <FormGroup>
-                    <Label for="password">Passwort</Label>
-                    <Input type="password" name="password" value={this.state.password} onChange={ this.handlePasswordInput.bind(this) } />
-                    <FormText>Dein Passwort muss mindestens 12 Zeichen lang sein. Alle Zeichen sind erlaubt.</FormText>
-                </FormGroup>
-                <FormText className="mb-2 mt-4">
+        return (<Form>
+            <FormGroup>
+                <Label for="username">Benutzername</Label>
+                <Input name="username" value={this.state.username} onChange={this.handleUsernameInput.bind(this)}/>
+                <FormText>Wenn du anderen dein Turnier zeigst, können sie deinen Benutzernamen sehen.</FormText>
+            </FormGroup>
+            <FormGroup>
+                <Label for="email">E-Mail-Adresse</Label>
+                <Input type="email" name="email" value={this.state.email}
+                    onChange={this.handleEmailInput.bind(this)}/>
+                <FormText>Deine E-Mail-Adresse kann nur von dir gesehen werden.</FormText>
+            </FormGroup>
+            <FormGroup>
+                <Label for="password">Passwort</Label>
+                <Input type="password" name="password" value={this.state.password}
+                    onChange={this.handlePasswordInput.bind(this)}/>
+                <FormText>Dein Passwort muss mindestens 12 Zeichen lang sein. Alle Zeichen sind erlaubt.</FormText>
+            </FormGroup>
+            <FormText className="mb-2 mt-4">
                     Du akzeptierst die <a href="/privacy">Datenschutzbestimmungen</a>, wenn du auf Registrieren klickst.
-                </FormText>
-                <Button onClick={ register.bind(this, this.state.username, this.state.email, this.state.password) } color="success" size="lg" className="w-100 shadow-sm">Registrieren</Button>
-                <VisibleRegisterErrorList/>
-            </Form>
-        );
+            </FormText>
+            <Button onClick={register.bind(this, this.state.username, this.state.email, this.state.password)}
+                color="success" size="lg" className="w-100 shadow-sm">Registrieren</Button>
+            <VisibleRegisterErrorList/>
+        </Form>);
     }
 
     handlePasswordInput(input) {
@@ -134,14 +115,12 @@ class RegisterForm extends React.Component {
 }
 
 function AccountRequirementMarketing() {
-    return (
-        <Container>
-            <Card id="account-requirement">
-                <CardBody>
-                    <h3 className="custom-font">Warum ein Account nötig ist</h3>
-                    <p>Du benötigst deinen Account, damit nur du dein Turnier bearbeiten kannst.</p>
-                </CardBody>
-            </Card>
-        </Container>
-    );
+    return (<Container>
+        <Card id="account-requirement">
+            <CardBody>
+                <h3 className="custom-font">Warum ein Account nötig ist</h3>
+                <p>Du benötigst deinen Account, damit nur du dein Turnier bearbeiten kannst.</p>
+            </CardBody>
+        </Card>
+    </Container>);
 }
diff --git a/pages/tournament-edit.js b/pages/tournament-edit.js
index f0fbf5e..1baf0ef 100644
--- a/pages/tournament-edit.js
+++ b/pages/tournament-edit.js
@@ -3,11 +3,7 @@ import React from 'react';
 import {connect} from 'react-redux';
 import {notify} from 'react-notify-toast';
 import {
-    Container,
-    Button,
-    Card,
-    CardBody,
-    Table
+    Container, Button, Card, CardBody, Table
 } from 'reactstrap';
 
 import {requestTournament} from '../js/api';
@@ -53,43 +49,41 @@ class EditTournamentPage extends React.Component {
         const {validCode} = this.state;
         const {tournamentname, ownerUsername, isSignedIn, username} = this.props;
 
-        return (
-            <UserRestrictor>
-                <Option condition={ validCode && isSignedIn && ownerUsername === username }>
-                    <div className='pb-5'>
-                        <Head>
-                            <title>Turnie.re - Turnier bearbeiten</title>
-                        </Head>
-                        <TurniereNavigation/>
+        return (<UserRestrictor>
+            <Option condition={validCode && isSignedIn && ownerUsername === username}>
+                <div className='pb-5'>
+                    <Head>
+                        <title>Turnie.re - Turnier bearbeiten</title>
+                    </Head>
+                    <TurniereNavigation/>
 
-                        <BigImage text={ tournamentname }/>
-                        <EditTournamentContent ref={edittournamentcontent => {
-                            this._edittournamentcontent = edittournamentcontent;
-                        }}/>
-                        <Footer/>
-                    </div>
-                </Option>
-                <Option condition={ validCode && isSignedIn }>
-                    <ErrorPageComponent statusCode={ 403 }/>
-                </Option>
-                <Option condition={ !isSignedIn }>
-                    <div className="main generic-fullpage-bg">
-                        <Head>
-                            <title>Turnie.re - Turnier bearbeiten</title>
-                        </Head>
-                        <TurniereNavigation/>
+                    <BigImage text={tournamentname}/>
+                    <EditTournamentContent ref={edittournamentcontent => {
+                        this._edittournamentcontent = edittournamentcontent;
+                    }}/>
+                    <Footer/>
+                </div>
+            </Option>
+            <Option condition={validCode && isSignedIn}>
+                <ErrorPageComponent statusCode={403}/>
+            </Option>
+            <Option condition={!isSignedIn}>
+                <div className="main generic-fullpage-bg">
+                    <Head>
+                        <title>Turnie.re - Turnier bearbeiten</title>
+                    </Head>
+                    <TurniereNavigation/>
 
-                        <div>
-                            <Login hint="Sie müssen angemeldet sein, um ein Turnier zu bearbeiten."/>
-                        </div>
-                        <Footer/>
+                    <div>
+                        <Login hint="Sie müssen angemeldet sein, um ein Turnier zu bearbeiten."/>
                     </div>
-                </Option>
-                <Option condition={true}>
-                    <ErrorPageComponent statusCode={ 404 }/>
-                </Option>
-            </UserRestrictor>
-        );
+                    <Footer/>
+                </div>
+            </Option>
+            <Option condition={true}>
+                <ErrorPageComponent statusCode={404}/>
+            </Option>
+        </UserRestrictor>);
     }
 }
 
@@ -99,23 +93,19 @@ function mapStateToTournamentInfo(state) {
     return {tournamentname, ownerUsername, isSignedIn, username};
 }
 
-export default connect(
-    mapStateToTournamentInfo
-)(EditTournamentPage);
+export default connect(mapStateToTournamentInfo)(EditTournamentPage);
 
 class EditTournamentContent extends React.Component {
     render() {
-        return (
-            <div className='mb-5'>
-                <ReturnToTournamentButton/>
-                <EditTournamentPropertiesField ref={field => {
-                    this._edittournamentpropertiesfield = field;
-                }}/>
-                <EditTeamField ref={field => {
-                    this._editteamfield = field;
-                }}/>
-            </div>
-        );
+        return (<div className='mb-5'>
+            <ReturnToTournamentButton/>
+            <EditTournamentPropertiesField ref={field => {
+                this._edittournamentpropertiesfield = field;
+            }}/>
+            <EditTeamField ref={field => {
+                this._editteamfield = field;
+            }}/>
+        </div>);
     }
 
     notifyOfContentUpdate() {
@@ -125,25 +115,21 @@ class EditTournamentContent extends React.Component {
 }
 
 function ReturnToTournamentButton() {
-    return (
-        <Container className="px-0">
-            <Button color="secondary" className="mb-5 w-100" href="./">Zurück zum Turnier</Button>
-        </Container>
-    );
+    return (<Container className="px-0">
+        <Button color="secondary" className="mb-5 w-100" href="./">Zurück zum Turnier</Button>
+    </Container>);
 }
 
 class EditTournamentPropertiesField extends React.Component {
     render() {
-        return (
-            <Card className="container">
-                <CardBody>
-                    <h2>Turnier-Eigenschaften ändern</h2>
-                    <VisibleEditTournamentForm ref={form => {
-                        this._visibleedittournamentform = form;
-                    }}/>
-                </CardBody>
-            </Card>
-        );
+        return (<Card className="container">
+            <CardBody>
+                <h2>Turnier-Eigenschaften ändern</h2>
+                <VisibleEditTournamentForm ref={form => {
+                    this._visibleedittournamentform = form;
+                }}/>
+            </CardBody>
+        </Card>);
     }
 
     notifyOfContentUpdate() {
@@ -156,45 +142,45 @@ class EditTournamentForm extends React.Component {
         super(props);
 
         this.state = {
-            name: '',
-            description: '',
-            isPublic: false
+            name: '', description: '', isPublic: false
         };
     }
 
     render() {
         const {name, description, isPublic} = this.state;
 
-        return (
-            <div>
-                <div className="form-group">
-                    <label htmlFor="name">Turnier-Name</label>
-                    <input className="form-control" type="text" name="name" id="edittournament-textfield-name" value={ name } placeholder={ name } onChange={ this.handleNameInput.bind(this) } />
-                </div>
-                <div className="form-group">
-                    <label htmlFor="name">Turnier-Beschreibung</label>
-                    <input className="form-control" type="text" name="name" id="edittournament-textfield-description" value={ description } placeholder={ description } onChange={ this.handleDescriptionInput.bind(this) } />
-                </div>
-                <div className="form-group custom-control custom-checkbox">
-                    <input className="custom-control-input" type="checkbox" name="isPublic" id="edittournament-checkbox-isPublic" value={ isPublic } onChange={ this.handlePublicInput.bind(this) } />
-                    <label htmlFor="isPublic" className="custom-control-label">Das Turnier öffentlich anzeigen</label>
-                </div>
-                <div className="form-group">
-                    <div className="input-group">
-                        <Button color="success" className="px-5" id="edittournament-button" onClick={ this.handleClick.bind(this) }>Ändern</Button>
-                    </div>
+        return (<div>
+            <div className="form-group">
+                <label htmlFor="name">Turnier-Name</label>
+                <input className="form-control" type="text" name="name" id="edittournament-textfield-name"
+                    value={name} placeholder={name} onChange={this.handleNameInput.bind(this)}/>
+            </div>
+            <div className="form-group">
+                <label htmlFor="name">Turnier-Beschreibung</label>
+                <input className="form-control" type="text" name="name" id="edittournament-textfield-description"
+                    value={description} placeholder={description}
+                    onChange={this.handleDescriptionInput.bind(this)}/>
+            </div>
+            <div className="form-group custom-control custom-checkbox">
+                <input className="custom-control-input" type="checkbox" name="isPublic"
+                    id="edittournament-checkbox-isPublic" value={isPublic}
+                    onChange={this.handlePublicInput.bind(this)}/>
+                <label htmlFor="isPublic" className="custom-control-label">Das Turnier öffentlich anzeigen</label>
+            </div>
+            <div className="form-group">
+                <div className="input-group">
+                    <Button color="success" className="px-5" id="edittournament-button"
+                        onClick={this.handleClick.bind(this)}>Ändern</Button>
                 </div>
             </div>
-        );
+        </div>);
     }
 
     notifyOfContentUpdate() {
         const {name, description, isPublic} = this.props;
 
         this.setState({
-            name: name? name : '',
-            description: description? description : '',
-            isPublic: isPublic
+            name: name ? name : '', description: description ? description : '', isPublic: isPublic
         });
     }
 
@@ -220,23 +206,19 @@ function mapStateToTournamentFormProps(state) {
     return {name, description, isPublic};
 }
 
-const VisibleEditTournamentForm = connect(
-    mapStateToTournamentFormProps,
-    null, null, {withRef: true}
-)(EditTournamentForm);
+const VisibleEditTournamentForm = connect(mapStateToTournamentFormProps, null, null,
+    {withRef: true})(EditTournamentForm);
 
 class EditTeamField extends React.Component {
     render() {
-        return (
-            <Card className="container my-4">
-                <CardBody>
-                    <h2>Team-Namen ändern</h2>
-                    <VisibleEditTeamNamesForm ref={form => {
-                        this._visibleeditteamnamesform = form;
-                    }}/>
-                </CardBody>
-            </Card>
-        );
+        return (<Card className="container my-4">
+            <CardBody>
+                <h2>Team-Namen ändern</h2>
+                <VisibleEditTeamNamesForm ref={form => {
+                    this._visibleeditteamnamesform = form;
+                }}/>
+            </CardBody>
+        </Card>);
     }
 
     notifyOfContentUpdate() {
@@ -256,22 +238,21 @@ class EditTeamNamesForm extends React.Component {
     render() {
         const {teams} = this.state;
 
-        return (
-            <div>
-                <Table className="table-striped mt-3">
-                    <tbody>
-                        {
-                            teams.map((team, index) =>
-                                <tr key={index}>
-                                    <td><Button outline size="sm" className="changeTeamnameButton" id={ 'editteam-button-team_' + team.id } onClick={ this.handleClick.bind(this, index) }>Ändern</Button></td>
-                                    <td className="w-100"><input className="form-control" type="text" id={ 'editteam-textfield-team_' + team.id } value={ team.name } placeholder={ team.name } onChange={ this.handleNameInput.bind(this, index) } /></td>
-                                </tr>
-                            )
-                        }
-                    </tbody>
-                </Table>
-            </div>
-        );
+        return (<div>
+            <Table className="table-striped mt-3">
+                <tbody>
+                    {teams.map((team, index) => <tr key={index}>
+                        <td><Button outline size="sm" className="changeTeamnameButton"
+                            id={'editteam-button-team_' + team.id}
+                            onClick={this.handleClick.bind(this, index)}>Ändern</Button></td>
+                        <td className="w-100"><input className="form-control" type="text"
+                            id={'editteam-textfield-team_' + team.id} value={team.name}
+                            placeholder={team.name}
+                            onChange={this.handleNameInput.bind(this, index)}/></td>
+                    </tr>)}
+                </tbody>
+            </Table>
+        </div>);
     }
 
     notifyOfContentUpdate() {
@@ -306,8 +287,5 @@ function mapStateToTeamFormProps(state) {
     return {teams};
 }
 
-const VisibleEditTeamNamesForm = connect(
-    mapStateToTeamFormProps,
-    null, null, {withRef: true}
-)(EditTeamNamesForm);
+const VisibleEditTeamNamesForm = connect(mapStateToTeamFormProps, null, null, {withRef: true})(EditTeamNamesForm);
 
diff --git a/pages/tournament-fullscreen.js b/pages/tournament-fullscreen.js
index 70214c6..3df8089 100644
--- a/pages/tournament-fullscreen.js
+++ b/pages/tournament-fullscreen.js
@@ -7,15 +7,13 @@ class FullscreenTournamentPage extends React.Component {
     }
 
     render() {
-        return (
-            <div>
-                <Head>
-                    <title>Turnie.re - Turnieranzeige (Vollbild)</title>
-                </Head>
-                <p>Turnieranzeige (Vollbild)</p>
-                <p>Code: {this.props.query.code}</p>
-            </div>
-        );
+        return (<div>
+            <Head>
+                <title>Turnie.re - Turnieranzeige (Vollbild)</title>
+            </Head>
+            <p>Turnieranzeige (Vollbild)</p>
+            <p>Code: {this.props.query.code}</p>
+        </div>);
     }
 }
 
diff --git a/pages/tournament.js b/pages/tournament.js
index 04d7928..78a7cf1 100644
--- a/pages/tournament.js
+++ b/pages/tournament.js
@@ -25,8 +25,7 @@ import {Footer} from '../js/components/Footer';
 import {TurniereNavigation} from '../js/components/Navigation';
 import {BigImage} from '../js/components/BigImage';
 import {
-    getRequest,
-    getState
+    getRequest, getState
 } from '../js/api';
 
 import 'bootstrap/dist/css/bootstrap.min.css';
@@ -40,25 +39,24 @@ class PrivateTournamentPage extends React.Component {
         const {isSignedIn, username} = this.props;
 
         // TODO: Change href-prop of the anchor tag to contain the tournament code
-        return (
-            <div className='pb-5'>
-                <Container>
-                    <EditButton id={id} ownerName={ownerUsername} isSignedIn={isSignedIn} username={username}/>
-                    <p>{description}</p>
-                    <ListGroup>
-                        <ListGroupItem>
-                            {isPublic ? 'Das Turnier ist öffentlich.' : 'Das Turnier ist privat.'}
-                        </ListGroupItem>
-                        <ListGroupItem>Turnier-Code: <b>{code}</b></ListGroupItem>
-                        <ListGroupItem>von <b>{ownerUsername}</b></ListGroupItem>
-                    </ListGroup>
-                </Container>
-                <div className='stages pt-5'>
-                    {playoffStages.map(stage =>
-                        <Stage isSignedIn={isSignedIn} isOwner={username === ownerUsername} level={getLevelName(stage.level)} matches={stage.matches} key={stage.level}/>)}
-                </div>
+        return (<div className='pb-5'>
+            <Container>
+                <EditButton id={id} ownerName={ownerUsername} isSignedIn={isSignedIn} username={username}/>
+                <p>{description}</p>
+                <ListGroup>
+                    <ListGroupItem>
+                        {isPublic ? 'Das Turnier ist öffentlich.' : 'Das Turnier ist privat.'}
+                    </ListGroupItem>
+                    <ListGroupItem>Turnier-Code: <b>{code}</b></ListGroupItem>
+                    <ListGroupItem>von <b>{ownerUsername}</b></ListGroupItem>
+                </ListGroup>
+            </Container>
+            <div className='stages pt-5'>
+                {playoffStages.map(stage => <Stage isSignedIn={isSignedIn} isOwner={username === ownerUsername}
+                    level={getLevelName(stage.level)} matches={stage.matches}
+                    key={stage.level}/>)}
             </div>
-        );
+        </div>);
     }
 }
 
@@ -67,17 +65,13 @@ function mapStateToTournamentPageProperties(state) {
     return {isSignedIn, username};
 }
 
-const TournamentPage = connect(
-    mapStateToTournamentPageProperties
-)(PrivateTournamentPage);
+const TournamentPage = connect(mapStateToTournamentPageProperties)(PrivateTournamentPage);
 
 function EditButton(props) {
     const {id, ownerName, isSignedIn, username} = props;
 
     if (isSignedIn && ownerName === username) {
-        return (
-            <a href={'/t/' + id + '/edit'} className='btn btn-outline-secondary'>Turnier bearbeiten</a>
-        );
+        return (<a href={'/t/' + id + '/edit'} className='btn btn-outline-secondary'>Turnier bearbeiten</a>);
     } else {
         return null;
     }
@@ -100,8 +94,8 @@ function Stage(props) {
             <h1 className='custom-font'>{props.level}</h1>
             <Row>
                 {props.matches.map((match => (
-                    <Col className='minw-25' key={match.id}><Match match={match} isSignedIn={isSignedIn} isOwner={isOwner}/></Col>
-                )))}
+                    <Col className='minw-25' key={match.id}><Match match={match} isSignedIn={isSignedIn}
+                        isOwner={isOwner}/></Col>)))}
             </Row>
         </Container>
     </div>);
@@ -125,7 +119,9 @@ class Match extends React.Component {
     }
 
     render() {
-        let cardClass; let smallMessage; let borderClass;
+        let cardClass;
+        let smallMessage;
+        let borderClass;
         // possible states: single_team not_ready not_started in_progress team1_won team2_won undecided
         switch (this.props.match.state) {
         case 'in_progress':
@@ -160,17 +156,15 @@ class Match extends React.Component {
             smallMessage = 'Spiel beendet, unentschieden';
             break;
         }
-        return (
-            <div className='mb-3'>
-                <Card className='shadow-sm match' onClick={this.toggleModal}>
-                    <CardBody className={borderClass + ' border py-2 ' + cardClass}>
-                        <MatchTable match={this.props.match} borderColor={borderClass}/>
-                    </CardBody>
-                </Card>
-                <small className='text-muted'>{smallMessage}</small>
-                <MatchModal title='Match' isOpen={this.state.modal} toggle={this.toggleModal} match={this.props.match}/>
-            </div>
-        );
+        return (<div className='mb-3'>
+            <Card className='shadow-sm match' onClick={this.toggleModal}>
+                <CardBody className={borderClass + ' border py-2 ' + cardClass}>
+                    <MatchTable match={this.props.match} borderColor={borderClass}/>
+                </CardBody>
+            </Card>
+            <small className='text-muted'>{smallMessage}</small>
+            <MatchModal title='Match' isOpen={this.state.modal} toggle={this.toggleModal} match={this.props.match}/>
+        </div>);
     }
 }
 
@@ -203,23 +197,22 @@ function MatchModal(props) {
         title = 'Spiel beendet';
         break;
     }
-    return (
-        <Modal isOpen={props.isOpen} toggle={props.toggle}>
-            <ModalHeader toggle={props.toggle}>{title}</ModalHeader>
-            <ModalBody>
-                {props.match.state === 'in_progress' ? <EditableMatchTable match={props.match}/> :
-                    <MatchTable match={props.match}/>}
-            </ModalBody>
-            <ModalFooter>
-                {actionButton}
-                <Button color='secondary' onClick={props.toggle}>Abbrechen</Button>
-            </ModalFooter>
-        </Modal>
-    );
+    return (<Modal isOpen={props.isOpen} toggle={props.toggle}>
+        <ModalHeader toggle={props.toggle}>{title}</ModalHeader>
+        <ModalBody>
+            {props.match.state === 'in_progress' ? <EditableMatchTable match={props.match}/> :
+                <MatchTable match={props.match}/>}
+        </ModalBody>
+        <ModalFooter>
+            {actionButton}
+            <Button color='secondary' onClick={props.toggle}>Abbrechen</Button>
+        </ModalFooter>
+    </Modal>);
 }
 
 function MatchTable(props) {
-    let team1Class; let team2Class;
+    let team1Class;
+    let team2Class;
     // possible states: single_team not_ready not_started in_progress team1_won team2_won undecided
     switch (props.match.state) {
     case 'in_progress':
@@ -243,55 +236,49 @@ function MatchTable(props) {
         break;
     }
     if (props.match.state === 'single_team') {
-        return (
-            <Table className='mb-0'>
-                <tbody>
-                    <tr>
-                        <td className={'border-top-0 ' + team1Class}>{props.match.team1}</td>
-                    </tr>
-                    <tr>
-                        <td className={props.borderColor + ' ' + team2Class}>kein Gegner</td>
-                    </tr>
-                </tbody>
-            </Table>
-        );
+        return (<Table className='mb-0'>
+            <tbody>
+                <tr>
+                    <td className={'border-top-0 ' + team1Class}>{props.match.team1}</td>
+                </tr>
+                <tr>
+                    <td className={props.borderColor + ' ' + team2Class}>kein Gegner</td>
+                </tr>
+            </tbody>
+        </Table>);
     } else {
-        return (
-            <Table className='mb-0'>
-                <tbody>
-                    <tr>
-                        <th className='stage border-top-0'>{props.match.scoreTeam1}</th>
-                        <td className={'border-top-0 ' + team1Class}>{props.match.team1}</td>
-                    </tr>
-                    <tr>
-                        <th className={'stage ' + props.borderColor}>{props.match.scoreTeam2}</th>
-                        <td className={props.borderColor + ' ' + team2Class}>{props.match.team2}</td>
-                    </tr>
-                </tbody>
-            </Table>
-        );
+        return (<Table className='mb-0'>
+            <tbody>
+                <tr>
+                    <th className='stage border-top-0'>{props.match.scoreTeam1}</th>
+                    <td className={'border-top-0 ' + team1Class}>{props.match.team1}</td>
+                </tr>
+                <tr>
+                    <th className={'stage ' + props.borderColor}>{props.match.scoreTeam2}</th>
+                    <td className={props.borderColor + ' ' + team2Class}>{props.match.team2}</td>
+                </tr>
+            </tbody>
+        </Table>);
     }
 }
 
 function EditableMatchTable(props) {
-    return (
-        <Table className='mb-0'>
-            <tbody>
-                <tr>
-                    <td className='scoreInput border-top-0'>
-                        <ScoreInput score={props.match.scoreTeam1}/>
-                    </td>
-                    <td className='align-middle border-top-0'>{props.match.team1}</td>
-                </tr>
-                <tr>
-                    <td className='scoreInput'>
-                        <ScoreInput score={props.match.scoreTeam2}/>
-                    </td>
-                    <td className='align-middle'>{props.match.team2}</td>
-                </tr>
-            </tbody>
-        </Table>
-    );
+    return (<Table className='mb-0'>
+        <tbody>
+            <tr>
+                <td className='scoreInput border-top-0'>
+                    <ScoreInput score={props.match.scoreTeam1}/>
+                </td>
+                <td className='align-middle border-top-0'>{props.match.team1}</td>
+            </tr>
+            <tr>
+                <td className='scoreInput'>
+                    <ScoreInput score={props.match.scoreTeam2}/>
+                </td>
+                <td className='align-middle'>{props.match.team2}</td>
+            </tr>
+        </tbody>
+    </Table>);
 }
 
 class ScoreInput extends React.Component {
@@ -317,9 +304,12 @@ class ScoreInput extends React.Component {
 
     render() {
         return (<InputGroup>
-            <InputGroupAddon addonType="prepend"><Button onClick={this.decreaseScore} color='danger' outline={true}>-1</Button></InputGroupAddon>
-            <Input className='font-weight-bold' value={this.state.score} onChange={this.updateScore} type='number' step='1' placeholder='0'/>
-            <InputGroupAddon addonType="append"><Button onClick={this.increaseScore} color='success'>+1</Button></InputGroupAddon>
+            <InputGroupAddon addonType="prepend"><Button onClick={this.decreaseScore} color='danger'
+                outline={true}>-1</Button></InputGroupAddon>
+            <Input className='font-weight-bold' value={this.state.score} onChange={this.updateScore} type='number'
+                step='1' placeholder='0'/>
+            <InputGroupAddon addonType="append"><Button onClick={this.increaseScore}
+                color='success'>+1</Button></InputGroupAddon>
         </InputGroup>);
     }
 }
@@ -334,9 +324,7 @@ function convertTournament(apiTournament) {
         } else {
             // playoff stage
             playoffStages.push({
-                id: stage.id,
-                level: stage.level,
-                matches: stage.matches.map(match => convertMatch(match))
+                id: stage.id, level: stage.level, matches: stage.matches.map(match => convertMatch(match))
             });
         }
     }
@@ -363,8 +351,7 @@ function convertGroup(apiGroup) {
 
 function convertMatch(apiMatch) {
     const result = {
-        id: apiMatch.id,
-        state: apiMatch.state
+        id: apiMatch.id, state: apiMatch.state
     };
 
     if (apiMatch.match_scores.length === 2) {
@@ -423,17 +410,15 @@ class Main extends React.Component {
         const {status, tournament} = this.state;
 
         if (status === 200) {
-            return (
-                <div>
-                    <Head>
-                        <title>{tournamentName}: turnie.re</title>
-                    </Head>
-                    <TurniereNavigation/>
-                    <BigImage text={tournamentName}/>
-                    <TournamentPage tournament={tournament}/>
-                    <Footer/>
-                </div>
-            );
+            return (<div>
+                <Head>
+                    <title>{tournamentName}: turnie.re</title>
+                </Head>
+                <TurniereNavigation/>
+                <BigImage text={tournamentName}/>
+                <TournamentPage tournament={tournament}/>
+                <Footer/>
+            </div>);
         } else {
             return <ErrorPageComponent code={status}/>;
         }