/******************* TEXTBOXEN *******************/

#home {
    width: 1110px;
    font-family: Verdana;
    font-size: 11px;
    line-height: 15px;
    color: #161616;
    text-align: justify;
}

.hometitle {
	margin-top: -5px; 
	font-family: Abel;
	font-size: 25px; 
	line-height: 30px;
	letter-spacing: 15px; 
	font-weight: bold;
}

.homesubtitle {
	margin-top: -10px; 
	margin-bottom: 7px; 
	font-family: Abel; 
	font-size: 12px; 
	letter-spacing: 8px; 
	line-height: 12px; 
	text-transform: uppercase;
}

.homelinks {
	outline: 1px solid #cccccc;
	background-color: var(--highlightcolor);
    font-family: Abel;
    font-size:12px;
    line-height: 12px;
    color:#d3d3d3;
	letter-spacing: 1px;
	padding: 5px;
	border: 5px solid rgba(255, 0, 0, 0); 
	display: flex; 
	align-items: center; 
	justify-content: space-evenly;
	 box-sizing: border-box;
}

.homelinksspace {
	display: inline;
}

.homecat {
    width: 100%;
    outline: 1px solid #cccccc;
    background-color: var(--highlightcolor);
	color: #d3d3d3;
    padding: 5px;
    text-align: center;
    overflow: hidden;
    text-transform: uppercase;
    font-weight: bold;
    box-sizing: border-box;
}

.homeboxklein {
    width: 100%;
    height: 110px;
    overflow: auto;
    margin-bottom: 7px;
    background-color: #d3d3d3;
    border: 15px solid rgba(255,0,0,0);
    padding-right: 7px;
    outline: 1px solid #cccccc;
    box-sizing: border-box;
    scrollbar-color: #bbbbbb #dedede;
    scrollbar-width: thin;
}

.homeboxgross {
    width: 100%;
    height: 227px;
    overflow: auto;
    margin-bottom: 7px;
    background-color: #d3d3d3;
    border: 15px solid rgba(255,0,0,0);
    padding-right: 7px;
    outline: 1px solid #cccccc;
    box-sizing: border-box;
    scrollbar-color: #bbbbbb #dedede;
    scrollbar-width: thin;
}

.homeboxlang {
    width: 100%;
    height: 53px;
    overflow: hidden;
	padding: 10px;
    margin-bottom: 7px;
	margin-top: -7px;
    background-color: #d3d3d3;
    outline: 1px solid #cccccc;
    box-sizing: border-box;
    scrollbar-color: #bbbbbb #dedede;
    scrollbar-width: thin;
}

.homeboxbday {
    width: 100%;
   height: 31px; 
	text-align: right; 
	font-family: Abel; 
	font-size: 12px; 
	text-transform: uppercase;
	line-height: 11px;
    overflow: hidden;
	padding: 10px;
    margin-bottom: 7px;
	margin-top: -7px;
    background-color: #d3d3d3;
    outline: 1px solid #cccccc;
    box-sizing: border-box;
    scrollbar-color: #bbbbbb #dedede;
    scrollbar-width: thin;
}



/******************* GESUCHE-DROPDOWN &  LINKS IN DER MITTE *******************/

.homedropdown {
    width: 240px;
    height: 25px;
    line-height: 25px;
    font-family:Verdana;
    font-size: 11px;
    margin-top: 10px;
    background-color: #d2d2d2;
}

.homelink {
    width: 220px;
    background-color: #d2d2d2;
    padding: 3px;
    margin: 3px;
    margin-top: 5px;
    text-align: center;
}

.homelink:hover {
    background-color: #dedede;
    letter-spacing: 2px;
}



/******************* BILDER *******************/

.hometeam {
    height: 40px;
    width: 40px;
    margin: 6px 3px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    border: 3px solid #bbbbbb;
}

.homepic {
    height: 60px;
    width: 75px;
    margin-right: 10px;
    margin-bottom: -10px;
    float: left;
}

.homeplot {
	object-fit: cover; 
	object-position: 50% 0;
    height: 55px;
    width: 55px;
    margin-left: 10px;
    margin-top: 7px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    border: 3px solid #bbbbbb;
    float: right;
}


/******************* SCROLLBAR *******************/

#home ::-webkit-scrollbar {
    width: 6px;
}

#home ::-webkit-scrollbar-track-piece {
    background-color: #dedede;
}

#home ::-webkit-scrollbar-thumb:vertical {
    background-color: #bbbbbb;
}


/******************* LINKS *******************/

#home a {
    font-family: Abel;
    color: var(--highlightcolor);
    font-size: 12px;
    text-decoration: none;
    display:inline;
    text-transform:uppercase;
    font-weight:bold;
}

#home a:hover {
    letter-spacing:1px;
}

.homelinks a {
	color: #d3d3d3 !important;
    padding:2px 10px;
}


/******************* DROPDOWN ACP *******************/

/* Style The Dropdown Button */
.nfdropbtn {
  	color: #d3d3d3;
  	font-size: 12px;
	background-color: rgba(0,0,0,0);
	border: 0;
	font-weight: bold;
	padding: 0;
}

/* The container <div> - needed to position the dropdown content */
.nfdropdown {
  	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.nfdropdown-content {
  	display: none;
  	position: absolute;
  	z-index: 10;
	color: var(--highlightcolor);
}


/* Links inside the dropdown */
.nfddlink {
	min-width: 150px;
	padding: 10px;
 	text-decoration: none;
	background-color: #d3d3d3;
	border: 1px solid #c9c9c9;
	text-align: left;
	color: var(--highlightcolor) !important;
}

.nfddlink a {
	color: var(--highlightcolor) !important;
}

/* Links inside the dropdown on hover */
.nfddlink:hover {
	background-color: #c6c6c6;
	color: var(--highlightcolor);
}

/* Show the dropdown menu on hover */
.nfdropdown:hover .nfdropdown-content {
  display: block;
}