<!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="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 einen unserer Mitarbeiter zu. Dieser sollte Sie dann an die Personalleitung oder Geschäftsleitung weiterleiten. Es wird <b>keine schriftliche Bewerbung</b> geben, sondern in einem ausführlichen Gespräch sich kennengelernt. Hierfür wird es einen <b>Termin</b> geben.</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. Fragen Sie einfach bei einem unserer Mitarbeiter nach, um ein Termin für ein Bewerbungsgespräch zu bekommen.</li>
                </ul>
            </li>

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