<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bewerbung</title>
    <style>
        body {
            margin: 0;
            font-family: Arial, sans-serif;
            background-color: #b3d9ff;
            background-image: url('Bilder/NC_Bild2.webp');
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: top;
            padding-top: 100px;
        }
        .Bewerbung_Überschrift {
          background-color: rgba(0, 0, 0, 0.9);
          transition: all 0.3s ease-in-out;
          box-shadow: 0 0 10px #89CFF0, 0 0 20px #89CFF0, 0 0 30px #89CFF0;
          margin: 15px auto;
          border-radius: 15px;
          padding: 15px;
          display: inline-block;
          display: table; /* Ermöglicht zentrierte Ausrichtung bei dynamischer Breite */
        }
        .Bewerbung_Infos
        {
          background-color: rgba(0, 0, 0, 0.9);
          transition: all 0.3s ease-in-out;
          box-shadow: 0 0 10px #89CFF0, 0 0 20px #89CFF0, 0 0 30px #89CFF0;
          margin: 20px;
          border-radius: 15px;
          padding: 15px;
        }
        .navbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background-color: rgba(0, 0, 0, 0.8);
            padding: 10px;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1000;
        }
        .navbar img {
            height: 80px;
            margin-right: 40px;
        }
        .menu {
            display: flex;
            padding: 10px;
        }
        .menu > a, .dropdown > a {
            display: inline-block;
            padding: 0px 15px;
            text-decoration: none;
            color: #fff;
            background-color: #000;
            height: 40px;
            line-height: 40px;
            border: 2px solid #89CFF0;
            border-radius: 5px;
            margin: 0 5px;
            transition: all 0.3s ease-in-out;
            box-shadow: 0 0 10px #89CFF0, 0 0 20px #89CFF0, 0 0 30px #89CFF0;
        }
        .menu > a:hover {
            background-color: #89CFF0;
            color: #000;
            box-shadow: 0 0 20px #89CFF0, 0 0 30px #89CFF0, 0 0 40px #89CFF0;
        }
        .dropdown {
            position: relative;
        }
        .submenu {
            display: none;
            position: absolute;
            top: 100%;
            left: 50%; /* Positionierung relativ zur Mitte des Dropdown-Knopfes */
            transform: translateX(-50%); /* Zentriert das Menü */
            list-style-type: none;
            padding: 10px;
            margin: 0;
            background-color: rgba(0, 0, 0, 0.8);
            border-radius: 5px;
            z-index: 1000;
            min-width: 150px;
        }
        .submenu > li {
            padding: 5px 0;
        }
        .submenu > li > a {
            text-decoration: none;
            color: #fff;
            padding: 10px;
            background-color: #000;
            border: 2px solid #89CFF0;
            border-radius: 5px;
            box-shadow: 0 0 10px #89CFF0, 0 0 20px #89CFF0;
            transition: all 0.3s ease-in-out;
            display: block;
        }
        .submenu > li > a:hover {
            background-color: #89CFF0;
            color: #000;
            box-shadow: 0 0 20px #89CFF0, 0 0 30px #89CFF0, 0 0 40px #89CFF0;
        }
        .dropdown:hover .submenu {
            display: block;
        }
        /* Zuständig für Hauptüberschrift */
        h1 {
            text-align: center;
            color: white;;
        }
        /* Zuständig für nummerierungen der Überschriften */
        ol {
            margin: 0;
            padding-left: 20px;
            color:White;
        }
        li {
            margin-bottom: 10px;
        }

        ul {
            padding-left: 20px;
        }
        /* Zuständig für einzelen Überschriften */
        li strong {
            display: block;
            margin-bottom: 5px;
            color: #b3d9ff;
        }
        strong {
          text-decoration: underline;
        }
        ul > li {
         padding: 5px;
         color: white;
       }
       h6{
         margin: 0px 5px 0px 0px;
         font-size: 15px;
         text-align: right;
         }
    </style>
</head>
<!-- *************************Navigationssystem*********************************************** -->
<body>
    <div class="navbar">
            <img src="Bilder/Narco_Customs_Logo.webp"style="border-radius: 5px;" alt="Bild kann nicht geladen werden">
            <div class="menu">
            <a href="Startseite.html">Startseite</a>
            <a href="Hausordnung.html">Hausordnung</a>
            <a href="">Bewerbung</a>
            <a href="Feedback.html">Feedback</a>
            <a href="Rueckruf.html">Rückruf</a>
            <a href="Kontakt.html">Kontakt</a>
        </div>
    </div>
  <h6>© 2025 | Alfred Lange</h6>
<!-- *************************Ende Navigationssystem*********************************************** -->
<main>
    <div class="Bewerbung_Überschrift">
        <h1>Offene Fragen zu Bewerbungen</h1>
    </div>
    <div class="Bewerbung_Infos">
        <ol>
            <li>
                <strong>Wie/Wo bewerbe ich mich?</strong>
                <ul style="list-style-type: disc;">
                    <li>Hierfür gehen Sie bitte auf die Rückruf Seite und tragen Ihre Daten ein. Ihre Daten werden dann an unsere Personalabteilung weitergeleitet, welche sich dann telefonisch bei Ihnen melden wird. Es wird <b>keine schriftliche Bewerbung</b> geben, sondern in einem ausführlichen Gespräch sich kennengelernt.</li>
                </ul>
            </li>
            <li>
                <strong>Was muss ich mitbringen?</strong>
                <ul style="list-style-type: disc;">
                    <li>Vorname und Nachname</li>
                    <li>Ihre Geschichte in Narco City</li>
                    <li>Angemessene Kleidung</li>
                    <li>Motivation ;)</li>
                </ul>
            </li>
            <li>
                <strong>Wann finden Bewerbungsphasen statt?</strong>
                <ul style="list-style-type: disc;">
                    <li>Es wird regelmäßig Bewerbungsphasen geben, welche auch rechtzeitig angekündigt werden. Selbstverständlich versuchen wir allerdings auch zwischen diesen Phasen uns Zeit für Sie zu nehmen.</li>
                </ul>
            </li>

        </ol>
    </div>
</main>
</body>
</html>
