/*----------------- OPSTO -----------------*/
html, body {
    font-family: "Raleway", sans-serif;
    color: white;
    background-color: rgb(12, 12, 12);
    z-index: 0;
}
div a:hover {
    background-color: #555;
    color: black;
    cursor: pointer;
}

/*----------------- IZBOR -----------------*/
#_izbor{
	visibility:collapse;
    z-index: 3;
    width: 300px;
	height: 1100px;
    position: fixed;
    left: 0;
	top: 0;
    background-color: #111;
}
#_izborIndex_a{
	visibility:collapse;
    font-size: 33px;
    color: rgb(190, 173, 144);
    text-decoration: none;
	display: block;
	justify-content: center;
	text-align: center;
	padding-top: 15px;
    padding-bottom: 0px;
    margin: 0px;
	width: 300px;
	height: 45px;
}
/*--- IZBOR, ANDROID ---*/
#_izborAndroidGlava_a{
	visibility:collapse;
    font-size: 25px;
	font-weight: bold;
    color: rgb(190, 173, 144);
    text-decoration: none;
	display: inline-block;
	justify-content: center;
	text-align: center;
	width: 300px;
	height: 27px;
}
#izborAndroidKategorije{
    visibility:collapse;
    display: flex; /* Container wird zu einem flexiblen Container */
    flex-wrap: wrap; /* Falls die Links nicht in eine Zeile passen, werden sie auf die nächste Zeile umgebrochen */
    justify-content: center; /* Zentriert die Links horizontal */
    align-items: center; /* Zentriert die Links vertikal */
    padding: 0; /* Entfernt den Standardabstand um die Links */
    list-style: none; /* Entfernt die Standard-Punkte vor den Links */
}
#izborAndroidKategorije a{
    text-decoration: none;
    color: rgb(183, 183, 183);
    padding: 5px 10px; /* Abstand um die Links */
    margin: 5px; /* Abstand zwischen den Links */
    border: 1px solid white; /* Fügt einen Rand um die Links hinzu */
    border-radius: 5px; /* Abgerundete Ecken für die Links */
    font-size: 15px;
}

/*--- IZBOR, WINDOWS ---*/
#_izborWindowsGlava_a{
	visibility:collapse;
    font-size: 25px;
	font-weight: bold;
    color: rgb(190, 173, 144);
    text-decoration: none;
	display: inline-block;
	justify-content: center;
	text-align: center;
	width: 300px;
	height: 30px;
}
#izborWindowsKategorije {
    visibility:collapse;
    display: flex; /* Container wird zu einem flexiblen Container */
    flex-wrap: wrap; /* Falls die Links nicht in eine Zeile passen, werden sie auf die nächste Zeile umgebrochen */
    justify-content: center; /* Zentriert die Links horizontal */
    align-items: center; /* Zentriert die Links vertikal */
    padding: 0; /* Entfernt den Standardabstand um die Links */
    list-style: none; /* Entfernt die Standard-Punkte vor den Links */
}
#izborWindowsKategorije a {
    text-decoration: none;
    color: rgb(183, 183, 183);
    padding: 5px 10px; /* Abstand um die Links */
    margin: 5px; /* Abstand zwischen den Links */
    border: 1px solid white; /* Fügt einen Rand um die Links hinzu */
    border-radius: 5px; /* Abgerundete Ecken für die Links */
    font-size: 15px;
}

/*--- IZBOR, NOGE ---*/
.izborNoge {
    text-align: center;
}
.izborNoge a {
    padding: 4px;
    text-decoration: none;
    color: #8a8a8a;
    font-size: 14px;
    margin-bottom: 4px; /* Hier wurde der margin-bottom hinzugefügt */
    display: block; /* Damit jeder Link eine separate Zeile einnimmt */
}
/*----------------- CONTENT -----------------*/
#_content{
	visibility:collapse;
    margin:auto;
    padding-left: 20px;
	min-width: 300px;
	max-width: 1024px;
	height: auto;
    z-index: 1;
}