start-page.less

@foki-edge-rounding: 7px;

#about-us a:visited {
    color: @link-color;
}

#anpassen-label a {
	color: #333;
}

#foki {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	* {
		margin: 0px 5px;
	}

	* ~ * {
		margin-left: 5px;
	}

	input {
	    visibility: hidden;

		& + .custom-focus-label {
			border-radius: @foki-edge-rounding 0px 0px @foki-edge-rounding;
		}

		& + .custom-focus-label + .custom-focus-edit {
			margin-left: 5px;
			display: inline-block;
			border-radius: 0px @foki-edge-rounding @foki-edge-rounding 0px;
		}
	}

	label {
		& > span {
		    margin-right: 5px;
		}

		& span {
		    background-color: transparent;
		}
	}
}

.focus {
	margin: 0px;
}

.focus ~ .focus {
	margin-left: 10px;
}

.focus-radio:checked {
	& + .focus-label, & + .focus-label + .focus-edit {
	    background-color: #e3e3e3;
    }
}

.focus-label, .focus-edit {
	margin: 0px;
    border-radius: 7px;
    padding: 7px;
    font-weight: normal;
}

.focus:hover {
	.focus-label, .focus-edit {
	    cursor: pointer;
	    background-color: #e3e3e3;
	}
}

#addFocusBtn {
	margin-left: 10px;

}

#settings-btn {
	margin-left: auto;
	&  > * {
		vertical-align: middle;
	}
}

.searchform-bonus {
	li {
		margin: 5px;
	}
}