diff --git a/Frontend/src/components/Aufnahmeantrag.js b/Frontend/src/components/Aufnahmeantrag.js
index 7b5d7c0..18215f0 100644
--- a/Frontend/src/components/Aufnahmeantrag.js
+++ b/Frontend/src/components/Aufnahmeantrag.js
@@ -1,16 +1,42 @@
 import React, { Component } from "react";
 import {
-  FormControl,
   FormControlLabel,
   Checkbox,
   TextField,
   Typography,
   Grid,
   Fab,
-  Container
+  Container,
+  FormControl,
+  InputLabel,
+  MenuItem,
+  Select,
+  OutlinedInput
 } from "@material-ui/core";
 import SendIcon from "@material-ui/icons/Send";
-import { makeStyles } from "@material-ui/core/styles";
+import { withStyles, createStyles } from "@material-ui/core/styles";
+
+const useStyles = createStyles(theme => ({
+  textField: {
+    margingLeft: theme.spacing(1),
+    marginRight: theme.spacing(1)
+  },
+  fab: {
+    margin: theme.spacing(1)
+  },
+  form: {
+    backgroundColor: "#f5f5f5",
+    borderRadius: "5px",
+    margin: "20px",
+    padding: "20px"
+  },
+  checkbox: {
+    display: "flex",
+    alignItems: "center",
+    height: "100%",
+    marginLeft: "7px"
+  }
+}));
 
 class Aufnahmeantrag extends Component {
   state = {
@@ -37,34 +63,20 @@ class Aufnahmeantrag extends Component {
     this.setState({ [name]: event.target.value });
   };
 
-  useStyles = makeStyles(theme => ({
-    textField: {
-      marginLeft: theme.spacing(1),
-      marginRight: theme.spacing(1),
-      width: 200
-    },
-    header: {
-      textAlign: "center"
-    },
-    fab: {
-      margin: theme.spacing(1)
-    }
-  }));
-
   render() {
-    const classes = this.useStyles;
+    const classes = this.props.classes;
 
     return (
       <Container maxWidth="md">
-        <FormControl variant="outlined">
+        <div className={classes.form}>
           <Grid container direction="row" justify="center" alignItems="center">
             <Grid container spacing={1}>
               <Grid item xs={12}>
-                <Typography align="center" variant="h4" gutterBottom>
+                <Typography align="center" variant="h4">
                   Aufnahmeantrag
                 </Typography>
               </Grid>
-              <Grid item xs={6}>
+              <Grid item sm={6} xs={12}>
                 <TextField
                   fullWidth={true}
                   id="outlined-name"
@@ -76,7 +88,7 @@ class Aufnahmeantrag extends Component {
                   variant="outlined"
                 />
               </Grid>
-              <Grid item xs={6}>
+              <Grid item sm={6} xs={12}>
                 <TextField
                   fullWidth={true}
                   id="outlined-name"
@@ -88,7 +100,7 @@ class Aufnahmeantrag extends Component {
                   variant="outlined"
                 />
               </Grid>
-              <Grid item xs={6}>
+              <Grid item sm={6} xs={12}>
                 <TextField
                   fullWidth={true}
                   id="outlined-name"
@@ -100,7 +112,7 @@ class Aufnahmeantrag extends Component {
                   variant="outlined"
                 />
               </Grid>
-              <Grid item xs={6}>
+              <Grid item sm={6} xs={12}>
                 <TextField
                   fullWidth={true}
                   id="outlined-name"
@@ -112,7 +124,7 @@ class Aufnahmeantrag extends Component {
                   variant="outlined"
                 />
               </Grid>
-              <Grid item xs={6}>
+              <Grid item sm={6} xs={12}>
                 <TextField
                   fullWidth={true}
                   id="outlined-name"
@@ -124,7 +136,7 @@ class Aufnahmeantrag extends Component {
                   variant="outlined"
                 />
               </Grid>
-              <Grid item xs={6}>
+              <Grid item sm={6} xs={12}>
                 <TextField
                   fullWidth={true}
                   id="outlined-name"
@@ -136,7 +148,7 @@ class Aufnahmeantrag extends Component {
                   variant="outlined"
                 />
               </Grid>
-              <Grid item xs={6}>
+              <Grid item sm={6} xs={12}>
                 <TextField
                   fullWidth={true}
                   id="outlined-name"
@@ -148,7 +160,7 @@ class Aufnahmeantrag extends Component {
                   variant="outlined"
                 />
               </Grid>
-              <Grid item xs={6}>
+              <Grid item sm={6} xs={12}>
                 <TextField
                   fullWidth={true}
                   id="outlined-name"
@@ -160,7 +172,7 @@ class Aufnahmeantrag extends Component {
                   variant="outlined"
                 />
               </Grid>
-              <Grid item xs={6}>
+              <Grid item sm={6} xs={12}>
                 <TextField
                   fullWidth={true}
                   id="outlined-name"
@@ -172,7 +184,7 @@ class Aufnahmeantrag extends Component {
                   variant="outlined"
                 />
               </Grid>
-              <Grid item xs={6}>
+              <Grid item sm={6} xs={12}>
                 <TextField
                   fullWidth={true}
                   id="outlined-name"
@@ -184,7 +196,7 @@ class Aufnahmeantrag extends Component {
                   variant="outlined"
                 />
               </Grid>
-              <Grid item xs={6}>
+              <Grid item sm={6} xs={12}>
                 <TextField
                   fullWidth={true}
                   id="outlined-name"
@@ -196,51 +208,81 @@ class Aufnahmeantrag extends Component {
                   variant="outlined"
                 />
               </Grid>
-              <Grid item xs={6}>
-                <TextField
-                  fullWidth={true}
-                  id="outlined-name"
-                  label="Laufzeit"
-                  className={classes.textField}
-                  value={this.state.Laufzeit}
-                  onChange={this.handleChange("Laufzeit")}
+              <Grid item sm={6} xs={12}>
+                <FormControl
                   margin="normal"
-                  variant="outlined"
-                />
-              </Grid>
-              <Grid item xs={6}>
-                <TextField
                   fullWidth={true}
-                  id="outlined-name"
-                  label="Typ"
+                  variant="outlined"
                   className={classes.textField}
-                  value={this.state.Typ}
-                  onChange={this.handleChange("Typ")}
+                >
+                  <InputLabel htmlFor="outlined-laufzeit-simple">
+                    Laufzeit
+                  </InputLabel>
+                  <Select
+                    value={this.state.Laufzeit}
+                    onChange={this.handleChange("Laufzeit")}
+                    input={
+                      <OutlinedInput
+                        labelWidth={60}
+                        name="laufzeit"
+                        id="outlined-laufzeit-simple"
+                      />
+                    }
+                  >
+                    <MenuItem value={6}>6 Monate</MenuItem>
+                    <MenuItem value={12}>12 Monate</MenuItem>
+                  </Select>
+                </FormControl>
+              </Grid>
+              <Grid item sm={6} xs={12}>
+                <FormControl
                   margin="normal"
+                  fullWidth={true}
                   variant="outlined"
-                />
+                  className={classes.textField}
+                >
+                  <InputLabel htmlFor="outlined-laufzeit-simple">
+                    Unterichtstyp
+                  </InputLabel>
+                  <Select
+                    value={this.state.Typ}
+                    onChange={this.handleChange("Typ")}
+                    input={
+                      <OutlinedInput
+                        labelWidth={95}
+                        name="laufzeit"
+                        id="outlined-laufzeit-simple"
+                      />
+                    }
+                  >
+                    <MenuItem value={"einzel"}>Einzelunterricht</MenuItem>
+                    <MenuItem value={"band"}>Gruppenunterricht / Band</MenuItem>
+                  </Select>
+                </FormControl>
               </Grid>
-              <Grid item xs={6}>
-                <FormControlLabel
-                  control={
-                    <Checkbox
-                      checked={this.state.Ermaessigt}
-                      onChange={() => this.handleChange("Ermaessigt")}
-                      value="Ermaessigt"
-                      color="primary"
-                    />
-                  }
-                  label="Schüler/Student/Azubi"
-                />
+              <Grid item sm={6} xs={12}>
+                <div className={classes.checkbox}>
+                  <FormControlLabel
+                    control={
+                      <Checkbox
+                        checked={this.state.Ermaessigt}
+                        onChange={() => this.handleChange("Ermaessigt")}
+                        value="Ermaessigt"
+                        color="primary"
+                      />
+                    }
+                    label="Schüler/Student/Azubi"
+                  />
+                </div>
               </Grid>
             </Grid>
             <Grid container spacing={1}>
               <Grid item xs={12}>
-                <Typography align="center" variant="h4" gutterBottom>
+                <Typography align="center" variant="h4">
                   Bankverbindung
                 </Typography>
               </Grid>
-              <Grid item xs={6}>
+              <Grid item sm={6} xs={12}>
                 <TextField
                   fullWidth={true}
                   id="outlined-name"
@@ -252,7 +294,7 @@ class Aufnahmeantrag extends Component {
                   variant="outlined"
                 />
               </Grid>
-              <Grid item xs={6}>
+              <Grid item sm={6} xs={12}>
                 <TextField
                   fullWidth={true}
                   id="outlined-name"
@@ -282,10 +324,10 @@ class Aufnahmeantrag extends Component {
               <SendIcon />
             </Fab>
           </Grid>
-        </FormControl>
+        </div>
       </Container>
     );
   }
 }
 
-export default Aufnahmeantrag;
+export default withStyles(useStyles)(Aufnahmeantrag);